@charset "UTF-8";
:root {
  --header-height: 125px;
}

@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-Black"), local("Gilroy-Black"), url(../font/Gilroy-Black4eb5.woff2?fed3a8fdc10e2bd1afcfb6001270dda2) format("woff2"), url(../font/Gilroy-Blackd0cd.woff?ee96dd40cfaed4adde051b7aec90160e) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-BlackItalic"), local("Gilroy-BlackItalic"), url(../font/Gilroy-BlackItalic1d14.woff2?7fb5625b3d8593fc4e6507ad708423f3) format("woff2"), url(../font/Gilroy-BlackItalic83c4.woff?f69879c209d1e73a902333fd8794d00a) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-ExtraBold"), local("Gilroy-ExtraBold"), url(../font/Gilroy-ExtraBolda078.woff2?fa569f81cdd41c2370bd07af274f88fa) format("woff2"), url(../font/Gilroy-ExtraBoldc09f.woff?38e5e598cfb03ebfe7075e2fbdd9fd06) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-ExtraBoldItalic"), local("Gilroy-ExtraBoldItalic"), url(../font/Gilroy-ExtraBoldItalic9b89.woff2?b74fea8b43219682fce54fee4279c862) format("woff2"), url(../font/Gilroy-ExtraBoldItalicc5b1.woff?d6cdb9525705924203eb3b7240310971) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-Bold"), local("Gilroy-Bold"), url(../font/Gilroy-Bold6b15.woff2?23fbf19933d352e69a49920b8e210b42) format("woff2"), url(../font/Gilroy-Bold490d.woff?c2c9c8d95ded6b79001b0cf6622bc708) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-BoldItalic"), local("Gilroy-BoldItalic"), url(../font/Gilroy-BoldItalic2bdb.woff2?59a6ed5227858ef529619e3e6c603301) format("woff2"), url(../font/Gilroy-BoldItalic4719.woff?8efe70d06547d5c0111c98d81f596b9d) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-Heavy"), local("Gilroy-Heavy"), url(../font/Gilroy-Heavy3f89.woff2?b15100ccccdbdaa4c2b140dfd558baf6) format("woff2"), url(../font/Gilroy-Heavyaa03.woff?85567a26746650d4bbbcc16f739b5017) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-HeavyItalic"), local("Gilroy-HeavyItalic"), url(../font/Gilroy-HeavyItalice6a7.woff2?681f21ef7dfeaba81d67ed8b9777b89e) format("woff2"), url(../font/Gilroy-HeavyItalic1814.woff?a26e9a5ae65b73937af7e04347dfed61) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-Light"), local("Gilroy-Light"), url(../font/Gilroy-Lighte6fb.woff2?de0a8cb9ad152429093cf3720cfc6e0f) format("woff2"), url(../font/Gilroy-Lightf0b4.woff?fa8b54586c0a0dedaa9c29ff257625fc) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-LightItalic"), local("Gilroy-LightItalic"), url(../font/Gilroy-LightItalic028f.woff2?4097019d46c7f14b736b35606c60e19d) format("woff2"), url(../font/Gilroy-LightItalicbf47.woff?e22030e72eb8bd41e87737d763ed3ec1) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-Medium"), local("Gilroy-Medium"), url(../font/Gilroy-Mediumff47.woff2?0cf5999b8575e9eeaf8ecc1ac3e8720d) format("woff2"), url(../font/Gilroy-Mediumc49f.woff?cc2403902328c8427149ac970fb9f04b) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-MediumItalic"), local("Gilroy-MediumItalic"), url(../font/Gilroy-MediumItalicd518.woff2?fdab2dfac9df3818a4b70b840b96a504) format("woff2"), url(../font/Gilroy-MediumItalicf0b7.woff?4c2cbbfd42c2c9b67a032d138a47e422) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-Regular"), local("Gilroy-Regular"), url(../font/Gilroy-Regular24f7.woff2?39bae8cb6f7028d59b33233dab56e63a) format("woff2"), url(../font/Gilroy-Regular9f0e.woff?619220d0885dc80ba4c7e3066324551d) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-SemiBold"), local("Gilroy-SemiBold"), url(../font/Gilroy-SemiBold89b4.woff2?3a8e281180ed15b494205e2f59adf62e) format("woff2"), url(../font/Gilroy-SemiBoldd515.woff?fd71942df3a295f391e92bdc1287b7a7) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy-RegularItalic";
  src: local("☞Gilroy-RegularItalic"), local("Gilroy-RegularItalic"), url(../font/Gilroy-RegularItalic6fe6.woff2?4f6471fb4ab0a92f8211d74299e153ab) format("woff2"), url(../font/Gilroy-RegularItalicdabf.woff?31d16201f3fdeceb4631d7e6b682233a) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-SemiBoldItalic"), local("Gilroy-SemiBoldItalic"), url(../font/Gilroy-SemiBoldItalicb7f5.woff2?cd93b0863557dc3773e72f9dd6264394) format("woff2"), url(../font/Gilroy-SemiBoldItalicb436.woff?e06e062106aa4dd8ffe8c467d5113ee1) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-Thin"), local("Gilroy-Thin"), url(../font/Gilroy-Thin863b.woff2?58bc5fb20b3f51c23556d62d5bc90042) format("woff2"), url(../font/Gilroy-Thin380d.woff?1c83e0ee594aebec9425f782a92ebe66) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-UltraLight"), local("Gilroy-UltraLight"), url(../font/Gilroy-UltraLightf7ce.woff2?9f216c65236448ca9920b56e6c8821ac) format("woff2"), url(../font/Gilroy-UltraLight4c2d.woff?cf772341af869751f33da341c1970955) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-UltraLightItalic"), local("Gilroy-UltraLightItalic"), url(../font/Gilroy-UltraLightItalice7ea.woff2?aa0cbb5c580a9631c6c90f5c52a4f180) format("woff2"), url(../font/Gilroy-UltraLightItalic28d8.woff?0e44679743a914ed3a53398a910ccda1) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("☞Gilroy-ThinItalic"), local("Gilroy-ThinItalic"), url(../font/Gilroy-ThinItalic5295.woff2?55d56aa6e9ca2c9e658fbd43ea3c16c6) format("woff2"), url(../font/Gilroy-ThinItalicbdfb.woff?7346aaae8fa6c769260a5fd65d26dced) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  outline: unset !important;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}

footer, header, nav, section, main {
  display: block;
}

body {
  line-height: 1;
  font-size: 16px;
}

a, a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
}

ol, ul {
  list-style: none !important;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: "Gilroy", sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  background-color: white;
}

*, *:focus, *:hover, *:active, *::before, *::after {
  outline: unset !important;
}

*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar-track {
  border-left: 1px solid rgba(58, 23, 85, 0.2);
  background-color: white;
}
*::-webkit-scrollbar-thumb {
  background-color: #03052B ;
}

input, form, table, select, textarea, button {
  font-family: "Gilroy", sans-serif;
  font-size: 1rem;
  outline: unset;
}

.container {
  max-width: 1440px;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
}
.container--stretch {
  margin: unset;
  padding: unset;
  max-width: 100%;
}
.container--fluid {
  margin: unset;
  max-width: 100%;
}
.container--wide {
  max-width: 1680px;
}
.container--narrow {
  max-width: 1100px;
}
.container--narrower {
  max-width: 860px;
}
.container--narrowest {
  max-width: 620px;
}

.grid {
  display: grid;
}

.columns--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.columns--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.columns--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.columns--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.columns--6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.columns--7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.columns--8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.columns--9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.columns--10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.columns--11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.columns--12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.gap--15 {
  grid-gap: 15px;
}
.gap--30 {
  grid-gap: 30px;
}
.gap--45 {
  grid-gap: 45px;
}
.gap--60 {
  grid-gap: 60px;
}
.gap--90 {
  grid-gap: 90px;
}
.gap--120 {
  grid-gap: 120px;
}

.align--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.align--bottom {
  -webkit-box-align: end;
  -webkit-align-items: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.p--0 {
  padding: 0 !important;
}

.m--0 {
  margin: 0 !important;
}

.mt--0 {
  margin-top: 0px !important;
}
.mt--15 {
  margin-top: 15px !important;
}
.mt--20 {
  margin-top: 20px !important;
}
.mt--30 {
  margin-top: 30px !important;
}
.mt--45 {
  margin-top: 45px !important;
}
.mt--60 {
  margin-top: 60px !important;
}
.mt--90 {
  margin-top: 90px !important;
}
.mt--903 {
  margin-top: -90px !important;
}
.mt--120 {
  margin-top: 120px !important;
}
.mt--150 {
  margin-top: 150px !important;
}
.mt--180 {
  margin-top: 180px !important;
}
.mt--210 {
  margin-top: 210px !important;
}

.pt--0 {
  padding-top: 0px !important;
}
.pt--15 {
  padding-top: 15px !important;
}
.pt--20 {
  padding-top: 20px !important;
}
.pt--30 {
  padding-top: 30px !important;
}
.pt--45 {
  padding-top: 45px !important;
}
.pt--60 {
  padding-top: 60px !important;
}
.pt--90 {
  padding-top: 90px !important;
}
.pt--120 {
  padding-top: 120px !important;
}
.pt--150 {
  padding-top: 150px !important;
}
.pt--180 {
  padding-top: 180px !important;
}
.pt--210 {
  padding-top: 210px !important;
}

.mb--0 {
  margin-bottom: 0px !important;
}
.mb--15 {
  margin-bottom: 15px !important;
}
.mb--20 {
  margin-bottom: 20px !important;
}
.mb--30 {
  margin-bottom: 30px !important;
}
.mb--45 {
  margin-bottom: 45px !important;
}
.mb--60 {
  margin-bottom: 60px !important;
}
.mb--90 {
  margin-bottom: 90px !important;
}
.mb--120 {
  margin-bottom: 120px !important;
}
.mb--150 {
  margin-bottom: 150px !important;
}
.mb--180 {
  margin-bottom: 180px !important;
}
.mb--210 {
  margin-bottom: 210px !important;
}

.pb--0 {
  padding-bottom: 0px !important;
}
.pb--15 {
  padding-bottom: 15px !important;
}
.pb--20 {
  padding-bottom: 20px !important;
}
.pb--30 {
  padding-bottom: 30px !important;
}
.pb--45 {
  padding-bottom: 45px !important;
}
.pb--60 {
  padding-bottom: 60px !important;
}
.pb--90 {
  padding-bottom: 90px !important;
}
.pb--120 {
  padding-bottom: 120px !important;
}
.pb--150 {
  padding-bottom: 150px !important;
}
.pb--180 {
  padding-bottom: 180px !important;
}
.pb--210 {
  padding-bottom: 210px !important;
}

.sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 30px;
  -webkit-transition: 0.3s ease all !important;
  -o-transition: 0.3s ease all !important;
  -moz-transition: 0.3s ease all !important;
  transition: 0.3s ease all !important;
}

.kvkk-popup {
  width: 100%;
  height: 100%;
  max-width: 550px;
  max-height: 90%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 30px;
}
.kvkk-popup .carousel__button {
  top: 15px !important;
  right: 15px !important;
  color: #03052B !important;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.kvkk-popup .carousel__button:hover {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.kvkk-popup .wrapper {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 75px 30px 0;
}
.kvkk-popup .wrapper .inner {
  width: 100%;
  height: 100%;
  text-align: justify;
}
.kvkk-popup .wrapper .inner > *:last-child {
  margin-bottom: 0;
}

.split-line {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
}

.header-space {
  margin-top: var(--header-height);
}

.grecaptcha-badge {
  visibility: hidden;
}

.choices__inner {
  padding: 0 !important;
  border: 0 !important;
  background-color: unset !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.choices__inner .choices__list--multiple {
  padding-bottom: 30px;
}
.choices__inner .choices__input {
  padding: 0 !important;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.choices__inner .choices__list--multiple .choices__item {
  border-color: #e0e0e0;
  background-color: unset;
  color: #222121;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  border-color: #EDEDED;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODMuMjUgMzgzLjI1Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojM2ExNzU1O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iZCIgZD0iTTAsMTQuOTdjLjQ4LTEuMTIsLjk2LTIuMjQsMS40My0zLjM3QzYuMTEsLjMsMjAuMDUtMy41OSwyOS44NCwzLjczYzEuNTksMS4xOSwzLDIuNjMsNC40MSw0LjAzLDUxLjM0LDUxLjMyLDEwMi42NywxMDIuNjQsMTUzLjk4LDE1My45OSwxLjA0LDEuMDQsMS44OSwyLjI3LDMsMy42MiwxLjYtMS41MywyLjY4LTIuNTEsMy43MS0zLjU1QzI0Ni42MywxMTAuMTQsMjk4LjMyLDU4LjQ4LDM0OS45Nyw2Ljc2YzUuNDMtNS40NCwxMS42LTguMDksMTkuMjctNi4xLDEyLjkyLDMuMzQsMTguMjMsMTguNTIsMTAuMjMsMjkuMjQtMS4xOSwxLjU5LTIuNjMsMi45OS00LjA0LDQuNC01MS4yMyw1MS4yNS0xMDIuNDcsMTAyLjQ5LTE1My43MiwxNTMuNzItMS4wNiwxLjA1LTIuMjcsMS45NS0zLjc4LDMuMjQsMS4zNCwxLjQxLDIuMywyLjQ2LDMuMzEsMy40Nyw1MS41OSw1MS42LDEwMy4xNiwxMDMuMjEsMTU0LjgsMTU0Ljc2LDYuMTgsNi4xNyw4Ljk5LDEzLjA1LDUuOTQsMjEuNjQtMi4zMyw2LjU1LTcuNTQsOS44Ny0xMy42OSwxMi4xMmgtNy40OWMtNS42My0xLjgxLTkuNzUtNS42Ni0xMy44My05Ljc1LTUwLjY3LTUwLjc2LTEwMS40LTEwMS40Ni0xNTIuMTItMTUyLjE4LTEuMDMtMS4wMy0yLjEtMi0zLjcxLTMuNTQtMS4xNSwxLjQ3LTEuOTYsMi43NS0zLjAxLDMuOC01MC42MSw1MC42NC0xMDEuMjYsMTAxLjI1LTE1MS44NCwxNTEuOTMtNC4wOCw0LjA5LTguMiw3Ljk0LTEzLjgzLDkuNzRoLTcuNDlDNy40NiwzODAuNzcsMi4zOCwzNzUuODgsMCwzNjguMjh2LTcuNDljMS44My01LjYyLDUuNjYtOS43NSw5Ljc1LTEzLjgzLDUwLjc2LTUwLjY3LDEwMS40Ny0xMDEuNCwxNTIuMTgtMTUyLjEyLDEuMDMtMS4wMywyLjAxLTIuMSwzLjU2LTMuNzItMS41NS0xLjI0LTIuOTMtMi4xMy00LjA3LTMuMjdDMTEwLjc3LDEzNy4yNCw2MC4xNiw4Ni41OSw5LjQ4LDM2LjAxLDUuNDgsMzIuMDIsMS43NiwyNy45NSwwLDIyLjQ1di03LjQ5WiIvPjwvc3ZnPg==");
}

#live .content .container .sidebar .chat .chat-field .item .heading .head-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#live .content .container .sidebar .chat .chat-field .item .heading .remove {
  width: 24px;
  color: red;
  margin-right: 3px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
#live .content .container .sidebar .chat .chat-field .item .heading .remove:hover {
  background-color: rgba(255, 0, 0, 0.1);
}
#live .content .container .sidebar .chat .chat-field .item .heading .reply {
  width: 24px;
  color: #03052B;
  margin-right: 3px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
#live .content .container .sidebar .chat .chat-field .item .heading .reply:hover {
  background-color: rgba(117, 0, 192, 0.1);
}

[x-cloak] {
  display: none !important;
}

.choices__inner .choices__list--multiple {
  padding-bottom: 0;
  margin-bottom: 10px;
  display: block;
}
.choices__inner .choices__input {
  padding-bottom: 30px !important;
  width: 100% !important;
  background-color: unset;
  border-bottom: 1px solid #e5e5e5;
}

.form .item.custom-select::after, .form .item .custom-select::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero-carousel .vimeo-slide .background {
  position: relative;
  width: 100%;
  height: 100%;
}
.hero-carousel .vimeo-slide .background .vimeo-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.hero-carousel .vimeo-slide .background .vimeo-wrapper iframe {
  min-height: 100vh;
  width: 100vw;
  height: 60vw;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.hero-carousel.safari .vimeo-wrapper > div {
  padding: 0 !important;
}
.hero-carousel.safari .vimeo-wrapper iframe {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}

.make-comment {
  position: relative;
}
.make-comment .reply-comment {
  position: absolute;
  bottom: 100%;
  width: 100%;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  padding: 5px 10px;
  background-color: #f0daff;
  color: #56008d;
}
.make-comment .reply-comment.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.make-comment .reply-comment__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.make-comment .reply-comment__detail .author {
  font-weight: bold;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.make-comment .reply-comment__detail .author:after {
  content: ":";
  margin-right: 10px;
}
.make-comment .reply-comment .cancel {
  width: 16px;
  height: 16px;
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.make-comment .reply-comment .cancel:hover {
  color: black;
}

.chat .item--reply-message {
  position: relative;
  margin-top: 40px !important;
  background-color: #f0daff;
}
.chat .item--reply-message .timestamp {
  color: black !important;
}
.chat .item--reply-message .replied-to {
  position: absolute;
  bottom: 100%;
  left: -1px;
  width: -webkit-calc(100% + 2px);
  width: -moz-calc(100% + 2px);
  width: calc(100% + 2px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(34, 33, 33, 0.1);
  color: #080808;
  font-size: 12px;
  padding: 5px 10px;
  cursor: pointer;
}
.chat .item--reply-message .replied-to .author {
  font-weight: bold;
}
.chat .item--reply-message .replied-to .author:after {
  content: ":";
  margin-right: 5px;
}
.chat .item--reply-message .replied-to .message {
  max-width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.penta-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 125px;
  line-height: 1;
}
.penta-logo .penta-logo-brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.penta-logo .penta-logo-brand .penta-logo-img {
  width: 33px;
  height: 30px;
  position: relative;
}
.penta-logo .penta-logo-brand .penta-logo-img .penta-logo-p {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.penta-logo .penta-logo-brand .penta-logo-img .penta-logo-y {
  display: block;
  position: absolute;
  left: 8px;
  top: 15px;
  -webkit-animation: penta-animation 2s linear infinite;
     -moz-animation: penta-animation 2s linear infinite;
       -o-animation: penta-animation 2s linear infinite;
          animation: penta-animation 2s linear infinite;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.penta-logo .penta-logo-text {
  font-weight: 500;
  max-width: 82px;
  font-family: "Segoe UI", Tahoma, Verdana, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  margin-right: 5px;
  -webkit-transform: scale(0.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
     -moz-transform: scale(0.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
          transform: scale(0.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  text-align: right;
  -webkit-transition: opacity 0.3s ease, max-width 0.3s ease;
  -o-transition: opacity 0.3s ease, max-width 0.3s ease;
  -moz-transition: opacity 0.3s ease, max-width 0.3s ease;
  transition: opacity 0.3s ease, max-width 0.3s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.penta-logo .penta-logo-brand strong {
  font-weight: 500;
  overflow: hidden;
  max-width: 0;
  display: block;
  font-family: "Segoe UI", Tahoma, Verdana, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  margin-left: 5px;
  -webkit-transform: scale(0.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
     -moz-transform: scale(0.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
          transform: scale(0.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  -webkit-transition: max-width 0.3s ease;
  -o-transition: max-width 0.3s ease;
  -moz-transition: max-width 0.3s ease;
  transition: max-width 0.3s ease;
}
.penta-logo.dark .penta-logo-text {
  color: white;
}
.penta-logo.dark .penta-logo-brand strong {
  color: white;
}
.penta-logo.light .penta-logo-text {
  color: black;
}
.penta-logo.light .penta-logo-brand strong {
  color: black;
}
.penta-logo:hover .penta-logo-brand strong {
  max-width: 75px !important;
}
.penta-logo:hover .penta-logo-text {
  opacity: 0 !important;
  max-width: 0 !important;
}

@-webkit-keyframes penta-animation {
  from {
    -webkit-transform: scale(0.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
            transform: scale(0.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  }
  to {
    -webkit-transform: scale(0.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
            transform: scale(0.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  }
}

@-moz-keyframes penta-animation {
  from {
    -moz-transform: scale(0.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
         transform: scale(0.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  }
  to {
    -moz-transform: scale(0.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
         transform: scale(0.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  }
}

@-o-keyframes penta-animation {
  from {
    transform: scale(0.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  }
  to {
    transform: scale(0.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  }
}

@keyframes penta-animation {
  from {
    -webkit-transform: scale(0.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
       -moz-transform: scale(0.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
            transform: scale(0.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  }
  to {
    -webkit-transform: scale(0.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
       -moz-transform: scale(0.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
            transform: scale(0.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
  }
}
.type {
  color: #222121;
  font-size: 1.125rem;
  line-height: 1.75;
}
.type.white {
  color: white;
}
.type.white a {
  color: white;
}
.type.white a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.type.white ul li, .type.white ol li {
  color: white;
}
.type.white ul li::before, .type.white ol li::before {
  background-color: white;
}
.type.small {
  font-size: 1rem;
}
.type.small h1, .type.small h2, .type.small h3, .type.small h4, .type.small h5, .type.small h6 {
  margin-bottom: 15px;
}
.type.small h1 {
  font-size: 2.25rem;
}
.type.small h2 {
  font-size: 1.875rem;
}
.type.small h3 {
  font-size: 1.625rem;
}
.type.small h4 {
  font-size: 1.5rem;
}
.type.small h5 {
  font-size: 1.25rem;
}
.type.small h6 {
  font-size: 1.125rem;
}
.type.small p {
  margin-bottom: 15px;
  font-size: 1rem;
}
.type.small em {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 20px;
  line-height: 1.75;
}
.type.small ul > li {
  font-size: 1rem;
}
.type.small ul > li + li {
  margin-top: 10px;
}
.type.small .table table tr td, .type.small .table table tr th {
  font-size: 1rem;
}
.type h1, .type h2, .type h3, .type h4, .type h5, .type h6 {
  line-height: 1.25;
  margin-bottom: 20px;
  font-weight: 600;
}
.type h1 {
  font-size: 3rem;
}
.type h2 {
  font-size: 2.5rem;
}
.type h3 {
  font-size: 1.875rem;
}
.type h4 {
  font-size: 1.625rem;
}
.type h5 {
  font-size: 1.5rem;
}
.type h6 {
  font-size: 1.33rem;
}
.type strong, .type b {
  font-weight: bold;
}
.type u {
  text-decoration: none;
  border-bottom: 1px solid #632791;
}
.type i {
  font-style: italic;
}
.type p {
  line-height: 1.75;
  margin-bottom: 30px;
  font-size: 1.25rem;
  font-weight: 300;
}
.type p strong, .type p b {
  font-weight: 600;
}
.type em {
  display: block;
  font-size: 1.625rem;
  margin-bottom: 30px;
  line-height: 1.75;
  font-weight: 300;
}
.type em strong, .type em b {
  font-weight: 600;
}
.type a {
  color: #070e3e;
  font-weight: 500;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.type a:hover {
  color: #110719;
}
.type ul, .type ol {
  margin-bottom: 30px;
}
.type ul li, .type ol li {
  font-weight: 300;
  font-size: 1.25rem;
  color: #222121;
  line-height: 1.5;
  padding-left: 20px;
  position: relative;
}
.type ul li::before, .type ol li::before {
  content: "";
  position: absolute;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: inline-block;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
     -moz-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
       -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  height: 9px;
  width: 9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background-color: #070e3e;
}
.type ul li + li, .type ol li + li {
  margin-top: 7px;
}
.type img {
  max-width: 100%;
  margin-bottom: 30px;
}
.type.opacity--light, .type .opacity--light {
  opacity: 75% !important;
}
.type.opacity--lighter, .type .opacity--lighter {
  opacity: 50% !important;
}
.type.opacity--lightest, .type .opacity--lightest {
  opacity: 25% !important;
}
.type.bold, .type .bold {
  font-weight: bold;
}
.type.center, .type .center {
  text-align: center;
}
.type.left, .type .left {
  text-align: left;
}
.type.justify, .type .justify {
  text-align: justify;
}
.type.heading--1, .type .heading--1 {
  font-size: 3rem;
  line-height: 1.25;
}
.type.heading--2, .type .heading--2 {
  font-size: 2.25rem;
  line-height: 1.25;
}
.type.heading--3, .type .heading--3 {
  font-size: 1.875rem;
  line-height: 1.25;
}
.type.heading--4, .type .heading--4 {
  font-size: 1.625rem;
  line-height: 1.25;
}
.type.heading--5, .type .heading--5 {
  font-size: 1.25rem;
  line-height: 1.5;
}
.type.heading--6, .type .heading--6 {
  font-size: 1.125rem;
  line-height: 1.5;
}
.type.heading--margin, .type .heading--margin {
  margin-bottom: 30px;
}

.editor img {
  max-width: 100%;
  margin-bottom: 30px;
}
.editor.alignleft, .editor .alignleft {
  float: left;
  margin-right: 30px;
}
.editor.alignright, .editor .alignright {
  float: right;
  margin-left: 30px;
}
.editor.center {
  text-align: center;
}

.button {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  border: 0;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  outline: unset;
  cursor: pointer;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
  background-color: transparent;
  position: relative;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}
.button:hover::before {
  -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
       -o-transform: translateX(0%);
          transform: translateX(0%);
}
.button::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  -webkit-transform: translateX(-webkit-calc(-100% - 2px));
     -moz-transform: translateX(-moz-calc(-100% - 2px));
      -ms-transform: translateX(calc(-100% - 2px));
       -o-transform: translateX(calc(-100% - 2px));
          transform: translateX(calc(-100% - 2px));
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.button.color--white-light-br {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
     -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
.button.color--white-light-br::before {
  background-color: white;
}
.button.color--white-light-br span {
  color: white;
}
.button.color--white-light-br svg {
  fill: white;
}
.button.color--white-light-br:hover span {
  color: #070e3e;
}
.button.color--white-light-br:hover svg {
  fill: #070e3e;
}
.button.color--white-br {
  -webkit-box-shadow: inset 0 0 0 1px white;
     -moz-box-shadow: inset 0 0 0 1px white;
          box-shadow: inset 0 0 0 1px white;
}
.button.color--white-br.special {
  border: 1px solid white;
}
.button.color--white-br::before {
  background-color: white;
}
.button.color--white-br span {
  color: white;
}
.button.color--white-br svg {
  fill: white;
}
.button.color--white-br:hover span {
  color: #070e3e;
}
.button.color--white-br:hover svg {
  fill: #070e3e;
}
.button.color--white-bg {
  -webkit-box-shadow: inset 0 0 0 1px white;
     -moz-box-shadow: inset 0 0 0 1px white;
          box-shadow: inset 0 0 0 1px white;
}
.button.color--white-bg::before {
  background-color: white;
  -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
       -o-transform: translateX(0%);
          transform: translateX(0%);
}
.button.color--white-bg span {
  color: #070e3e;
}
.button.color--white-bg svg {
  fill: #070e3e;
}
.button.color--white-bg:hover span {
  color: white;
}
.button.color--white-bg:hover svg {
  fill: white;
}
.button.color--white-bg:hover::before {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}
.button.color--grape-light-br {
  -webkit-box-shadow: inset 0 0 0 1px rgba(58, 23, 85, 0.25);
     -moz-box-shadow: inset 0 0 0 1px rgba(58, 23, 85, 0.25);
          box-shadow: inset 0 0 0 1px rgba(58, 23, 85, 0.25);
}
.button.color--grape-light-br::before {
  background-color: #070e3e;
}
.button.color--grape-light-br span {
  color: #070e3e;
}
.button.color--grape-light-br svg {
  fill: #070e3e;
}
.button.color--grape-light-br:hover {
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
}
.button.color--grape-light-br:hover span {
  color: white;
}
.button.color--grape-light-br:hover svg {
  fill: white;
}
.button.color--grape-br {
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
}
.button.color--grape-br::before {
  background-color: #070e3e;
}
.button.color--grape-br span {
  color: #070e3e;
}
.button.color--grape-br svg {
  fill: #070e3e;
}
.button.color--grape-br:hover {
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
}
.button.color--grape-br:hover span {
  color: white;
}
.button.color--grape-br:hover svg {
  fill: white;
}
.button.color--grape-bg {
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
}
.button.color--grape-bg::before {
  background-color: #171c55;
  -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
       -o-transform: translateX(0%);
          transform: translateX(0%);
}
.button.color--grape-bg span {
  color: white;
}
.button.color--grape-bg svg {
  fill: white;
}
.button.color--grape-bg:hover span {
  color: #070e3e;
}
.button.color--grape-bg:hover svg {
  fill: #070e3e;
}
.button.color--grape-bg:hover::before {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}
.button.width--stretch {
  width: 100%;
}
.button.width--fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.button.width--wide {
  padding: 0 30px;
}
.button.width--wider {
  padding: 0 45px;
}
.button.width--widest {
  padding: 0 60px;
}
.button.height--narrow {
  height: 50px;
}
.button.height--narrower {
  height: 42px;
}
.button.height--narrowest {
  height: 32px;
}
.button.icon--small svg {
  width: 14px;
  height: 14px;
}
.button.icon--medium svg {
  width: 16px;
  height: 16px;
}
.button.icon--large svg {
  width: 18px;
  height: 18px;
}
.button.icon--left svg {
  margin-right: 15px;
}
.button.icon--right svg {
  margin-left: 15px;
}
.button.text--small span {
  font-size: 0.875rem;
}
.button.text--smaller span {
  font-size: 0.75rem;
}
.button.text--big span {
  font-size: 1.125rem;
}
.button.text--bigger span {
  font-size: 1.25rem;
}
.button.weight--light span {
  font-weight: 300;
}
.button.weight--bold span {
  font-weight: bold;
}
.button.animation--arrow-right:hover svg {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
}
.button.animation--arrow-down:hover svg {
  -webkit-transform: translateY(5px);
     -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
}
.button span {
  display: block;
  -webkit-transition: 0.45s ease color;
  -o-transition: 0.45s ease color;
  -moz-transition: 0.45s ease color;
  transition: 0.45s ease color;
  font-size: 1rem;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.button span strong {
  font-weight: bold;
}
.button svg {
  max-height: 25px;
  max-width: 25px;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
  position: relative;
  z-index: 1;
}
.button svg.left {
  margin-right: 15px;
}
.button svg.right {
  margin-left: 15px;
}

.form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: auto;
  grid-gap: 30px;
}
.form.white .item input[type=text], .form.white .item input[type=email], .form.white .item input[type=tel], .form.white .item input[type=number], .form.white .item input[type=time], .form.white .item input[type=date], .form.white .item textarea, .form.white .item select {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: white;
}
.form.white .item input[type=text]::-webkit-input-placeholder, .form.white .item input[type=email]::-webkit-input-placeholder, .form.white .item input[type=tel]::-webkit-input-placeholder, .form.white .item input[type=number]::-webkit-input-placeholder, .form.white .item input[type=time]::-webkit-input-placeholder, .form.white .item input[type=date]::-webkit-input-placeholder, .form.white .item textarea::-webkit-input-placeholder, .form.white .item select::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form.white .item input[type=text]:-moz-placeholder, .form.white .item input[type=email]:-moz-placeholder, .form.white .item input[type=tel]:-moz-placeholder, .form.white .item input[type=number]:-moz-placeholder, .form.white .item input[type=time]:-moz-placeholder, .form.white .item input[type=date]:-moz-placeholder, .form.white .item textarea:-moz-placeholder, .form.white .item select:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form.white .item input[type=text]::-moz-placeholder, .form.white .item input[type=email]::-moz-placeholder, .form.white .item input[type=tel]::-moz-placeholder, .form.white .item input[type=number]::-moz-placeholder, .form.white .item input[type=time]::-moz-placeholder, .form.white .item input[type=date]::-moz-placeholder, .form.white .item textarea::-moz-placeholder, .form.white .item select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form.white .item input[type=text]:-ms-input-placeholder, .form.white .item input[type=email]:-ms-input-placeholder, .form.white .item input[type=tel]:-ms-input-placeholder, .form.white .item input[type=number]:-ms-input-placeholder, .form.white .item input[type=time]:-ms-input-placeholder, .form.white .item input[type=date]:-ms-input-placeholder, .form.white .item textarea:-ms-input-placeholder, .form.white .item select:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form.white .item input[type=text]::-ms-input-placeholder, .form.white .item input[type=email]::-ms-input-placeholder, .form.white .item input[type=tel]::-ms-input-placeholder, .form.white .item input[type=number]::-ms-input-placeholder, .form.white .item input[type=time]::-ms-input-placeholder, .form.white .item input[type=date]::-ms-input-placeholder, .form.white .item textarea::-ms-input-placeholder, .form.white .item select::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form.white .item input[type=text]::placeholder, .form.white .item input[type=email]::placeholder, .form.white .item input[type=tel]::placeholder, .form.white .item input[type=number]::placeholder, .form.white .item input[type=time]::placeholder, .form.white .item input[type=date]::placeholder, .form.white .item textarea::placeholder, .form.white .item select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form.white .item input[type=text]:focus, .form.white .item input[type=email]:focus, .form.white .item input[type=tel]:focus, .form.white .item input[type=number]:focus, .form.white .item input[type=time]:focus, .form.white .item input[type=date]:focus, .form.white .item textarea:focus, .form.white .item select:focus {
  border-color: white;
}
.form.white .item input[type=text]:focus::-webkit-input-placeholder, .form.white .item input[type=email]:focus::-webkit-input-placeholder, .form.white .item input[type=tel]:focus::-webkit-input-placeholder, .form.white .item input[type=number]:focus::-webkit-input-placeholder, .form.white .item input[type=time]:focus::-webkit-input-placeholder, .form.white .item input[type=date]:focus::-webkit-input-placeholder, .form.white .item textarea:focus::-webkit-input-placeholder, .form.white .item select:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.form.white .item input[type=text]:focus:-moz-placeholder, .form.white .item input[type=email]:focus:-moz-placeholder, .form.white .item input[type=tel]:focus:-moz-placeholder, .form.white .item input[type=number]:focus:-moz-placeholder, .form.white .item input[type=time]:focus:-moz-placeholder, .form.white .item input[type=date]:focus:-moz-placeholder, .form.white .item textarea:focus:-moz-placeholder, .form.white .item select:focus:-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.form.white .item input[type=text]:focus::-moz-placeholder, .form.white .item input[type=email]:focus::-moz-placeholder, .form.white .item input[type=tel]:focus::-moz-placeholder, .form.white .item input[type=number]:focus::-moz-placeholder, .form.white .item input[type=time]:focus::-moz-placeholder, .form.white .item input[type=date]:focus::-moz-placeholder, .form.white .item textarea:focus::-moz-placeholder, .form.white .item select:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.form.white .item input[type=text]:focus:-ms-input-placeholder, .form.white .item input[type=email]:focus:-ms-input-placeholder, .form.white .item input[type=tel]:focus:-ms-input-placeholder, .form.white .item input[type=number]:focus:-ms-input-placeholder, .form.white .item input[type=time]:focus:-ms-input-placeholder, .form.white .item input[type=date]:focus:-ms-input-placeholder, .form.white .item textarea:focus:-ms-input-placeholder, .form.white .item select:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.form.white .item input[type=text]:focus::-ms-input-placeholder, .form.white .item input[type=email]:focus::-ms-input-placeholder, .form.white .item input[type=tel]:focus::-ms-input-placeholder, .form.white .item input[type=number]:focus::-ms-input-placeholder, .form.white .item input[type=time]:focus::-ms-input-placeholder, .form.white .item input[type=date]:focus::-ms-input-placeholder, .form.white .item textarea:focus::-ms-input-placeholder, .form.white .item select:focus::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.form.white .item input[type=text]:focus::placeholder, .form.white .item input[type=email]:focus::placeholder, .form.white .item input[type=tel]:focus::placeholder, .form.white .item input[type=number]:focus::placeholder, .form.white .item input[type=time]:focus::placeholder, .form.white .item input[type=date]:focus::placeholder, .form.white .item textarea:focus::placeholder, .form.white .item select:focus::placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.form.white .item.custom-select option, .form.white .item .custom-select option {
  color: #222121;
}
.form.white .item.custom-select::after, .form.white .item .custom-select::after {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  opacity: 0.75;
}
.form.white .item.custom-checkbox .checkbox .box, .form.white .item .custom-checkbox .checkbox .box {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
     -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.form.white .item.custom-checkbox .checkbox .box::before, .form.white .item .custom-checkbox .checkbox .box::before {
  background-color: white;
}
.form.white .item.custom-checkbox .checkbox input:hover + .box, .form.white .item.custom-checkbox .checkbox input:focus + .box, .form.white .item .custom-checkbox .checkbox input:hover + .box, .form.white .item .custom-checkbox .checkbox input:focus + .box {
  -webkit-box-shadow: 0 0 0 1px white;
     -moz-box-shadow: 0 0 0 1px white;
          box-shadow: 0 0 0 1px white;
}
.form.white .item.custom-checkbox .text, .form.white .item .custom-checkbox .text {
  color: rgba(255, 255, 255, 0.75);
}
.form.white .item.custom-checkbox .text a, .form.white .item .custom-checkbox .text a {
  color: rgba(255, 255, 255, 0.75);
}
.form.white .item.custom-checkbox .text a:hover, .form.white .item .custom-checkbox .text a:hover {
  color: white;
}
.form .item {
  position: relative;
}
.form .item input[type=text], .form .item input[type=email], .form .item input[type=tel], .form .item input[type=number], .form .item input[type=time], .form .item input[type=date], .form .item textarea, .form .item select {
  width: 100%;
  height: unset;
  padding: 0;
  margin: 0;
  border: 0;
  padding-bottom: 30px;
  vertical-align: top;
  font-weight: 500;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #222121;
  -webkit-transition: 0.25s ease border-color;
  -o-transition: 0.25s ease border-color;
  -moz-transition: 0.25s ease border-color;
  transition: 0.25s ease border-color;
}
.form .item input[type=text]::-webkit-input-placeholder, .form .item input[type=email]::-webkit-input-placeholder, .form .item input[type=tel]::-webkit-input-placeholder, .form .item input[type=number]::-webkit-input-placeholder, .form .item input[type=time]::-webkit-input-placeholder, .form .item input[type=date]::-webkit-input-placeholder, .form .item textarea::-webkit-input-placeholder, .form .item select::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
.form .item input[type=text]:-moz-placeholder, .form .item input[type=email]:-moz-placeholder, .form .item input[type=tel]:-moz-placeholder, .form .item input[type=number]:-moz-placeholder, .form .item input[type=time]:-moz-placeholder, .form .item input[type=date]:-moz-placeholder, .form .item textarea:-moz-placeholder, .form .item select:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  -moz-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
.form .item input[type=text]::-moz-placeholder, .form .item input[type=email]::-moz-placeholder, .form .item input[type=tel]::-moz-placeholder, .form .item input[type=number]::-moz-placeholder, .form .item input[type=time]::-moz-placeholder, .form .item input[type=date]::-moz-placeholder, .form .item textarea::-moz-placeholder, .form .item select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  -moz-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
.form .item input[type=text]:-ms-input-placeholder, .form .item input[type=email]:-ms-input-placeholder, .form .item input[type=tel]:-ms-input-placeholder, .form .item input[type=number]:-ms-input-placeholder, .form .item input[type=time]:-ms-input-placeholder, .form .item input[type=date]:-ms-input-placeholder, .form .item textarea:-ms-input-placeholder, .form .item select:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  -ms-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
.form .item input[type=text]::-ms-input-placeholder, .form .item input[type=email]::-ms-input-placeholder, .form .item input[type=tel]::-ms-input-placeholder, .form .item input[type=number]::-ms-input-placeholder, .form .item input[type=time]::-ms-input-placeholder, .form .item input[type=date]::-ms-input-placeholder, .form .item textarea::-ms-input-placeholder, .form .item select::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  -ms-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
.form .item input[type=text]::placeholder, .form .item input[type=email]::placeholder, .form .item input[type=tel]::placeholder, .form .item input[type=number]::placeholder, .form .item input[type=time]::placeholder, .form .item input[type=date]::placeholder, .form .item textarea::placeholder, .form .item select::placeholder {
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s ease color;
  -o-transition: 0.3s ease color;
  -moz-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
.form .item input[type=text]:focus, .form .item input[type=email]:focus, .form .item input[type=tel]:focus, .form .item input[type=number]:focus, .form .item input[type=time]:focus, .form .item input[type=date]:focus, .form .item textarea:focus, .form .item select:focus {
  border-color: #070e3e;
}
.form .item input[type=text]:focus::-webkit-input-placeholder, .form .item input[type=email]:focus::-webkit-input-placeholder, .form .item input[type=tel]:focus::-webkit-input-placeholder, .form .item input[type=number]:focus::-webkit-input-placeholder, .form .item input[type=time]:focus::-webkit-input-placeholder, .form .item input[type=date]:focus::-webkit-input-placeholder, .form .item textarea:focus::-webkit-input-placeholder, .form .item select:focus::-webkit-input-placeholder {
  color: #070e3e;
}
.form .item input[type=text]:focus:-moz-placeholder, .form .item input[type=email]:focus:-moz-placeholder, .form .item input[type=tel]:focus:-moz-placeholder, .form .item input[type=number]:focus:-moz-placeholder, .form .item input[type=time]:focus:-moz-placeholder, .form .item input[type=date]:focus:-moz-placeholder, .form .item textarea:focus:-moz-placeholder, .form .item select:focus:-moz-placeholder {
  color: #070e3e;
}
.form .item input[type=text]:focus::-moz-placeholder, .form .item input[type=email]:focus::-moz-placeholder, .form .item input[type=tel]:focus::-moz-placeholder, .form .item input[type=number]:focus::-moz-placeholder, .form .item input[type=time]:focus::-moz-placeholder, .form .item input[type=date]:focus::-moz-placeholder, .form .item textarea:focus::-moz-placeholder, .form .item select:focus::-moz-placeholder {
  color: #070e3e;
}
.form .item input[type=text]:focus:-ms-input-placeholder, .form .item input[type=email]:focus:-ms-input-placeholder, .form .item input[type=tel]:focus:-ms-input-placeholder, .form .item input[type=number]:focus:-ms-input-placeholder, .form .item input[type=time]:focus:-ms-input-placeholder, .form .item input[type=date]:focus:-ms-input-placeholder, .form .item textarea:focus:-ms-input-placeholder, .form .item select:focus:-ms-input-placeholder {
  color: #070e3e;
}
.form .item input[type=text]:focus::-ms-input-placeholder, .form .item input[type=email]:focus::-ms-input-placeholder, .form .item input[type=tel]:focus::-ms-input-placeholder, .form .item input[type=number]:focus::-ms-input-placeholder, .form .item input[type=time]:focus::-ms-input-placeholder, .form .item input[type=date]:focus::-ms-input-placeholder, .form .item textarea:focus::-ms-input-placeholder, .form .item select:focus::-ms-input-placeholder {
  color: #070e3e;
}
.form .item input[type=text]:focus::placeholder, .form .item input[type=email]:focus::placeholder, .form .item input[type=tel]:focus::placeholder, .form .item input[type=number]:focus::placeholder, .form .item input[type=time]:focus::placeholder, .form .item input[type=date]:focus::placeholder, .form .item textarea:focus::placeholder, .form .item select:focus::placeholder {
  color: #070e3e;
}
.form .item textarea {
  height: 150px;
  resize: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form .item.error input[type=text], .form .item.error input[type=email], .form .item.error input[type=tel], .form .item.error input[type=number], .form .item.error input[type=time], .form .item.error input[type=date], .form .item.error textarea, .form .item.error select {
  border-bottom: 1px solid red;
}
.form .item.error .tooltip {
  opacity: 1;
  visibility: visible;
}
.form .item.error.custom-checkbox .checkbox .box {
  -webkit-box-shadow: 0 0 0 1px red;
     -moz-box-shadow: 0 0 0 1px red;
          box-shadow: 0 0 0 1px red;
}
.form .item.custom-select select, .form .item .custom-select select {
  padding-right: 50px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form .item.custom-select select::-ms-expand, .form .item .custom-select select::-ms-expand {
  display: none;
}
.form .item.custom-select::after, .form .item .custom-select::after {
  pointer-events: none;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4xNiA3LjU4Ij48cGF0aCBkPSJNNy4wOCw3LjU4Yy0uMTMsMC0uMjYtLjA1LS4zNS0uMTVMLjE1LC44NUMtLjA1LC42Ni0uMDUsLjM0LC4xNSwuMTVTLjY2LS4wNSwuODUsLjE1TDcuMDgsNi4zNywxMy4zMSwuMTVjLjItLjIsLjUxLS4yLC43MSwwcy4yLC41MSwwLC43MUw3LjQzLDcuNDNjLS4wOSwuMDktLjIyLC4xNS0uMzUsLjE1WiIvPjwvc3ZnPg==");
  position: absolute;
  display: block;
  right: 10px;
  top: 0;
  width: 14px;
  -webkit-filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(337deg) brightness(89%) contrast(86%);
          filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(337deg) brightness(89%) contrast(86%);
}
.form .item.custom-date input, .form .item .custom-date input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 50px;
}
.form .item.custom-date input::-webkit-inner-spin-button, .form .item.custom-date input::-webkit-calendar-picker-indicator, .form .item .custom-date input::-webkit-inner-spin-button, .form .item .custom-date input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
          appearance: none;
  background: none;
}
.form .item.custom-date::after, .form .item .custom-date::after {
  pointer-events: none;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjkuMjMgMzgzLjMxIj48cGF0aCBkPSJNMzI0LjYzLDM4My4zMWgtMjgwYTMuMzEsMy4zMSwwLDAsMC0uOTQtLjU0QzE1LjcyLDM3Ny4wNywwLDM1Ny45MywwLDMyOS41MlEwLDIwNS44LDAsODIuMUE2My41NCw2My41NCwwLDAsMSwuODIsNzAuNTVDNS41Miw0NS40MSwyNiwyOC41LDUxLjU0LDI4LjQyYzYuMzMsMCwxMi42NywwLDE5LjQxLDAsMC00LjU3LDAtOC43OCwwLTEzQzcxLjA1LDYuMzgsNzcsMCw4NS4yNywwczE0LDYuMzcsMTQuMDgsMTUuNTVjMCw0LjIsMCw4LjQsMCwxMi41OEgyNjkuODZ2LTRjMC0zLjI1LDAtNi40OSwwLTkuNzNDMjcwLDYuMzQsMjc1Ljg0LjIzLDI4My41NiwwczE0LjIyLDUuNywxNC42MywxMy45MmMuMjQsNC42OSwwLDkuNCwwLDE0LjQ5LDcuMjcsMCwxNC4xLDAsMjAuOTMsMGE0Ny4xLDQ3LjEsMCwwLDEsMjMuOTMsNi40M0MzNjAuNiw0NS4xOSwzNjkuMiw2MC42OSwzNjkuMiw4MXEwLDc2LjkyLDAsMTUzLjg0YzAsMzIuMDcuMDYsNjQuMTMsMCw5Ni4yLS4wNywyNC40NS0xNC43OSw0NC4yMi0zNy40LDUwLjQ4QzMyOS40MiwzODIuMTUsMzI3LDM4Mi43MSwzMjQuNjMsMzgzLjMxWm0xNi4yMi0yMzRIMjguNThjLS4wOCwxLjIxLS4yLDIuMTktLjIsMy4xNnEwLDg5LjQzLDAsMTc4Ljg3YzAsMTQuMjQsOS42LDIzLjU3LDIzLjg1LDIzLjU3cTEzMi4zMiwwLDI2NC42MSwwYTI4LjExLDI4LjExLDAsMCwwLDUuNTgtLjM5YzExLjUxLTIuMjgsMTguMzktMTEuMzMsMTguNC0yNC4ycTAtODguNSwwLTE3N1ptLS4yNi0yOC44MWMwLTE0Ljc4LjQ0LTI5LjIzLS4xNS00My42NUEyMC4wOCwyMC4wOCwwLDAsMCwzMjMsNTcuNTNjLTgtMS4wNy0xNi4zMS0uMjItMjQuNzgtLjIyLDAsNC4zNi4wOCw4LjcsMCwxM0MyOTgsNzguODksMjkyLDg1LjE0LDI4NC4wNyw4NS4yUzI3MCw3OC44NCwyNjkuODcsNzAuMTFjMC00LjMyLDAtOC42NSwwLTEzSDk5LjM1VjYxYzAsMy4yNC4wNSw2LjQ5LDAsOS43My0uMTYsOC4xOC02LjI1LDE0LjQzLTE0LjA2LDE0LjQ4QTE0LjMsMTQuMywwLDAsMSw3MSw3MS4yM2MtLjIzLTQuNjgsMC05LjM4LDAtMTQuNEg1M2MtMTUuMywwLTI0LjU0LDkuMTItMjQuNTksMjQuMzMtLjA1LDExLjg1LDAsMjMuNywwLDM1LjU1djMuNzZaIi8+PC9zdmc+");
  position: absolute;
  display: block;
  right: 20px;
  top: 30px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  -webkit-filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(337deg) brightness(89%) contrast(86%);
          filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(337deg) brightness(89%) contrast(86%);
}
.form .item.custom-time input, .form .item .custom-time input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 50px;
}
.form .item.custom-time input::-webkit-inner-spin-button, .form .item.custom-time input::-webkit-calendar-picker-indicator, .form .item .custom-time input::-webkit-inner-spin-button, .form .item .custom-time input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
          appearance: none;
  background: none;
}
.form .item.custom-time::after, .form .item .custom-time::after {
  pointer-events: none;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTIuMjYgMzUxLjM4Ij48cGF0aCBkPSJNMTc2LjE3LDM1MS4zOEM4MCwzNTEuODQuMzEsMjcyLjg5LDAsMTc2Ljg5LS4zMSw3OS4yMiw3OCwuNTUsMTc2LjA1LDBjOTYuMjMtLjUzLDE3Niw3OC43OCwxNzYuMiwxNzUuMzFDMzUyLjUxLDI3Mi4zMywyNzMuOTIsMzUwLjkxLDE3Ni4xNywzNTEuMzhaTTE3Ni4yMiwzMkM5Ni43NywzMiwzMi4wOSw5Ni4zLDMyLjA2LDE3NS4zMmMwLDc5LjU1LDY0LjM5LDE0NC4xMywxNDMuNzQsMTQ0LjEyLDc5Ljc2LDAsMTQ0LjM1LTY0LjQsMTQ0LjM5LTE0My45MkMzMjAuMjMsOTYuNDksMjU1LjUyLDMyLDE3Ni4yMiwzMlptMTUuODQsOTFjMC0xNC4zMy4xLTI4LjY3LDAtNDMtLjA5LTkuMjUtNi44Ny0xNS45My0xNS44MS0xNmExNS41MSwxNS41MSwwLDAsMC0xNiwxNS43OWMtLjEsMzIuMDUsMCw2NC4wOSwwLDk2LjEzYTE0Ljc3LDE0Ljc3LDAsMCwwLDQuNDIsMTAuNzlxMjQuMDcsMjQuMTIsNDguMjUsNDguMTRhMTQuOTEsMTQuOTEsMCwwLDAsMTQuNSw0LjA5LDE1LjIsMTUuMiwwLDAsMCwxMS45LTExLjIxYzEuNzktNi4yMiwwLTExLjU3LTQuNDQtMTYuMDdxLTIwLTIwLTQwLjA2LTM5LjkxYTguMjMsOC4yMywwLDAsMS0yLjc2LTYuNTFjLjE0LTE0LjA5LjA2LTI4LjE4LjA2LTQyLjI3WiIvPjwvc3ZnPg==");
  position: absolute;
  display: block;
  right: 20px;
  top: 30px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  -webkit-filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(337deg) brightness(89%) contrast(86%);
          filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(337deg) brightness(89%) contrast(86%);
}
.form .item.custom-checkbox, .form .item .custom-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form .item.custom-checkbox .checkbox, .form .item .custom-checkbox .checkbox {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.form .item.custom-checkbox .checkbox .box, .form .item .custom-checkbox .checkbox .box {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.25s ease box-shadow;
  -o-transition: 0.25s ease box-shadow;
  -moz-transition: 0.25s ease box-shadow;
  transition: 0.25s ease box-shadow;
  position: relative;
}
.form .item.custom-checkbox .checkbox .box::before, .form .item .custom-checkbox .checkbox .box::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #070e3e;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: 0.1s ease all;
     -moz-transform: 0.1s ease all;
      -ms-transform: 0.1s ease all;
       -o-transform: 0.1s ease all;
          transform: 0.1s ease all;
}
.form .item.custom-checkbox .checkbox input, .form .item .custom-checkbox .checkbox input {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.form .item.custom-checkbox .checkbox input:hover + .box, .form .item.custom-checkbox .checkbox input:focus + .box, .form .item .custom-checkbox .checkbox input:hover + .box, .form .item .custom-checkbox .checkbox input:focus + .box {
  -webkit-box-shadow: 0 0 0 1px #070e3e;
     -moz-box-shadow: 0 0 0 1px #070e3e;
          box-shadow: 0 0 0 1px #070e3e;
}
.form .item.custom-checkbox .checkbox input:checked + .box::before, .form .item .custom-checkbox .checkbox input:checked + .box::before {
  opacity: 1;
  visibility: visible;
}
.form .item.custom-checkbox .text, .form .item .custom-checkbox .text {
  line-height: 1.5;
  font-size: 0.875rem;
  color: #3c3a3a;
}
.form .item.custom-checkbox .text a, .form .item .custom-checkbox .text a {
  font-weight: 600;
  color: #222121;
  -webkit-transition: 0.3s ease color;
  -o-transition: 0.3s ease color;
  -moz-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
.form .item.custom-checkbox .text a:hover, .form .item .custom-checkbox .text a:hover {
  color: #070e3e;
}
.form .item.custom-file, .form .item .custom-file {
  position: relative;
}
.form .item.custom-file .file, .form .item .custom-file .file {
  height: 50px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  -moz-transition: 0.25s ease all;
  transition: 0.25s ease all;
  padding: 0 20px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0 1px rgba(58, 23, 85, 0.25);
     -moz-box-shadow: inset 0 0 0 1px rgba(58, 23, 85, 0.25);
          box-shadow: inset 0 0 0 1px rgba(58, 23, 85, 0.25);
}
.form .item.custom-file .file::before, .form .item .custom-file .file::before {
  background-color: #070e3e;
}
.form .item.custom-file .file span, .form .item .custom-file .file span {
  color: #070e3e;
}
.form .item.custom-file .file svg, .form .item .custom-file .file svg {
  fill: #070e3e;
}
.form .item.custom-file .file:hover, .form .item .custom-file .file:hover {
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
}
.form .item.custom-file .file:hover span, .form .item .custom-file .file:hover span {
  color: white;
}
.form .item.custom-file .file:hover svg, .form .item .custom-file .file:hover svg {
  fill: white;
}
.form .item.custom-file .file span, .form .item .custom-file .file span {
  color: #666666;
  -webkit-transition: 0.25s ease color;
  -o-transition: 0.25s ease color;
  -moz-transition: 0.25s ease color;
  transition: 0.25s ease color;
  pointer-events: none;
  display: block;
  white-space: nowrap;
}
.form .item.custom-file .file-name, .form .item .custom-file .file-name {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: 26px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 5px 0;
}
.form .item.custom-file input, .form .item .custom-file input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.form .item.custom-file input.error + .button, .form .item .custom-file input.error + .button {
  -webkit-box-shadow: inset 0 0 0 1px red;
     -moz-box-shadow: inset 0 0 0 1px red;
          box-shadow: inset 0 0 0 1px red;
}
.form .item.custom-file input::-webkit-file-upload-button, .form .item .custom-file input::-webkit-file-upload-button {
  cursor: pointer;
}
.form .item.custom-file input:hover + .button, .form .item.custom-file input.focus + .button, .form .item .custom-file input:hover + .button, .form .item .custom-file input.focus + .button {
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
}
.form .item.custom-file input:hover + .button::before, .form .item.custom-file input.focus + .button::before, .form .item .custom-file input:hover + .button::before, .form .item .custom-file input.focus + .button::before {
  -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
       -o-transform: translateX(0%);
          transform: translateX(0%);
}
.form .item.custom-file input:hover + .button span, .form .item.custom-file input.focus + .button span, .form .item .custom-file input:hover + .button span, .form .item .custom-file input.focus + .button span {
  color: white;
}
.form .item.custom-file input:hover + .button svg, .form .item.custom-file input.focus + .button svg, .form .item .custom-file input:hover + .button svg, .form .item .custom-file input.focus + .button svg {
  fill: white;
}
.form .item.width--one-quarter {
  grid-column: span 1;
}
.form .item.width--half {
  grid-column: span 2;
}
.form .item.width--three-quarters {
  grid-column: span 3;
}
.form .item.width--full {
  grid-column: span 4;
}
.form .item.justify--right {
  justify-self: end;
}
.form .item .tooltip {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #222121;
  -webkit-transform: translateY(45%);
     -moz-transform: translateY(45%);
      -ms-transform: translateY(45%);
       -o-transform: translateY(45%);
          transform: translateY(45%);
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: white;
  padding: 5px 15px 5px 40px;
  border: 1px solid red;
}
.form .item .tooltip::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODguMzEgMzU1LjE5Ij48cGF0aCBkPSJNMCwyODBjMS45My0xNy42NiwxMS4zLTMyLjE2LDE5Ljk0LTQ3LDcuMzEtMTIuNTUsMTQuNTQtMjUuMTQsMjEuODEtMzcuNzJxNDUuNzctNzkuMjQsOTEuNTEtMTU4LjQ5YzExLjExLTE5LjI4LDI3LjExLTMxLjQxLDQ5LjE2LTM1LjcyLDI1LTQuODcsNTQuNDYsNi41Niw2Ny44NywyOC4xOSwxNC4zNywyMy4xNywyNy43Miw0Nyw0MS4zOSw3MC41OXE0My4xNyw3NC42MSw4Ni4yMywxNDkuMjljOS4zLDE2LjA4LDEyLjc0LDMzLDguNzksNTEuMzctNi44OSwzMi0zNS4wOCw1NC40Ny02OC44OSw1NC41OC0zNi42Ny4xMi03My4zMywwLTExMCwwcS02OC40OCwwLTEzNi45MywwYy0yMi4xMiwwLTQwLjY2LTgtNTQuOS0yNS4xNkE2OS4yOCw2OS4yOCwwLDAsMSwuNjcsMjk1LjA2Yy0uMTQtMS0uNDQtMS45Mi0uNjctMi44OVptMTkzLjU0LDQzLjgxcTYxLjQzLDAsMTIyLjg2LDBjMTEuNjQsMCwyMS45MS0zLjMsMzAtMTIsMTIuMTQtMTMsMTMuOTEtMzAuNDgsNC42NS00Ni41MnEtNDktODUtOTguMTEtMTY5LjkzQzI0My44LDc5LjU3LDIzNSw2My41LDIyNS4yMiw0OGMtNy44OS0xMi40OS0yMC4xLTE3LjctMzQuNzktMTYuMzRDMTc2Ljc1LDMzLDE2Ny4yNiw0MC40NywxNjAuNSw1Mi4yMXEtNDguMyw4My44Ny05Ni44LDE2Ny42MmMtOS41MywxNi41MS0xOS40MSwzMi44NS0yOC4zMyw0OS42OEMyOC43LDI4Mi4xLDMwLDI5NSwzNy44MSwzMDYuOTNzMTkuNTQsMTYuOTMsMzMuNjIsMTYuOTJRMTMyLjUsMzIzLjgsMTkzLjU0LDMyMy44NFptOC44NS0yMTNjLTE0LjQ3LTYuNzMtMjkuNjIsNS4yNy0yOC40OSwyMi4yNiwxLjM1LDIwLjI4LDIuNDgsNDAuNTgsMy43NCw2MC44Ny42Miw5Ljk1LDEsMTkuOTMsMi4xLDI5LjgzLjgzLDcuMjgsNywxMi4wNywxNC4yMywxMi4xN2ExNC41NiwxNC41NiwwLDAsMCwxNC43Mi0xMi4xOGMuNi0zLjU4LjQzLTcuMjguNjQtMTAuOTNxMi4zMi0zOS45LDQuNjQtNzkuOEMyMTQuNTgsMTIzLjMsMjExLjgsMTE1LjE4LDIwMi4zOSwxMTAuODFabTExLjMzLDE1OS41NWMuMzYtMTEuMjktOC4xMS0yMC40OC0xOS4wOC0yMC42OWExOS44NywxOS44NywwLDAsMC0uODYsMzkuNzRBMTkuNjMsMTkuNjMsMCwwLDAsMjEzLjcyLDI3MC4zNloiLz48L3N2Zz4=");
  -moz-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-filter: invert(21%) sepia(83%) saturate(7411%) hue-rotate(359deg) brightness(105%) contrast(122%);
          filter: invert(21%) sepia(83%) saturate(7411%) hue-rotate(359deg) brightness(105%) contrast(122%);
}

.table {
  overflow-x: auto;
  overflow-y: visible;
  max-width: 100%;
  margin-bottom: 30px;
}
.table table {
  width: 100%;
  margin: 0 auto;
  color: #222121;
  font-weight: 300;
}
.table table tbody {
  width: 100%;
}
.table table tr {
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.table table tr:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table table tr td, .table table tr th {
  line-height: 1.5;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  padding: 10px 15px;
  font-size: 1rem;
  text-align: center;
}
.table table tr td:first-child, .table table tr th:first-child {
  padding-left: 0;
}
.table table tr td:last-child, .table table tr th:last-child {
  padding-right: 0;
}
.table table tr td:not(:last-child), .table table tr th:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.table table tr th {
  font-weight: 500;
}

svg {
  overflow: visible;
}
svg.phone .line {
  fill: none;
  stroke: white;
  stroke-linecap: round;
  stroke-width: 2px;
}
svg.phone .handset {
  fill: white;
}
svg.mail {
  fill: white;
}
svg.address .pin {
  fill: white;
}
svg.address .line {
  fill: none;
  stroke: white;
  stroke-linecap: round;
  stroke-width: 2px;
}

@-webkit-keyframes copied {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
  }
  80% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-15px);
            transform: translateX(-50%) translateY(-15px);
    opacity: 0;
  }
}

@-moz-keyframes copied {
  0% {
    -moz-transform: translateX(-50%) translateY(0);
         transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
  20% {
    -moz-transform: translateX(-50%) translateY(0);
         transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
  }
  80% {
    -moz-transform: translateX(-50%) translateY(0);
         transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -moz-transform: translateX(-50%) translateY(-15px);
         transform: translateX(-50%) translateY(-15px);
    opacity: 0;
  }
}

@-o-keyframes copied {
  0% {
    -o-transform: translateX(-50%) translateY(0);
       transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
  20% {
    -o-transform: translateX(-50%) translateY(0);
       transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
  }
  80% {
    -o-transform: translateX(-50%) translateY(0);
       transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -o-transform: translateX(-50%) translateY(-15px);
       transform: translateX(-50%) translateY(-15px);
    opacity: 0;
  }
}

@keyframes copied {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
       -moz-transform: translateX(-50%) translateY(0);
         -o-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateX(-50%) translateY(0);
       -moz-transform: translateX(-50%) translateY(0);
         -o-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
  }
  80% {
    -webkit-transform: translateX(-50%) translateY(0);
       -moz-transform: translateX(-50%) translateY(0);
         -o-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-15px);
       -moz-transform: translateX(-50%) translateY(-15px);
         -o-transform: translateX(-50%) translateY(-15px);
            transform: translateX(-50%) translateY(-15px);
    opacity: 0;
  }
}
@-webkit-keyframes ring {
  0%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@-moz-keyframes ring {
  0%, 100% {
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  50% {
    -moz-transform: rotate(15deg);
         transform: rotate(15deg);
  }
}
@-o-keyframes ring {
  0%, 100% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  50% {
    -o-transform: rotate(15deg);
       transform: rotate(15deg);
  }
}
@keyframes ring {
  0%, 100% {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(15deg);
       -moz-transform: rotate(15deg);
         -o-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  1% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(4);
            transform: scale(4);
  }
}
@-moz-keyframes ripple {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
         transform: scale(0);
  }
  1% {
    opacity: 1;
    -moz-transform: scale(0);
         transform: scale(0);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(2);
         transform: scale(2);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(4);
         transform: scale(4);
  }
}
@-o-keyframes ripple {
  0% {
    opacity: 0;
    -o-transform: scale(0);
       transform: scale(0);
  }
  1% {
    opacity: 1;
    -o-transform: scale(0);
       transform: scale(0);
  }
  50% {
    opacity: 1;
    -o-transform: scale(2);
       transform: scale(2);
  }
  100% {
    opacity: 0;
    -o-transform: scale(4);
       transform: scale(4);
  }
}
@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
  }
  1% {
    opacity: 1;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(2);
       -moz-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(4);
       -moz-transform: scale(4);
         -o-transform: scale(4);
            transform: scale(4);
  }
}
@-webkit-keyframes ripple-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
            transform: translateX(-50%) translateY(-50%) scale(0);
  }
  1% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
            transform: translateX(-50%) translateY(-50%) scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(2);
            transform: translateX(-50%) translateY(-50%) scale(2);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(4);
            transform: translateX(-50%) translateY(-50%) scale(4);
  }
}
@-moz-keyframes ripple-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
         transform: translateX(-50%) translateY(-50%) scale(0);
  }
  1% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
         transform: translateX(-50%) translateY(-50%) scale(0);
  }
  50% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%) scale(2);
         transform: translateX(-50%) translateY(-50%) scale(2);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) scale(4);
         transform: translateX(-50%) translateY(-50%) scale(4);
  }
}
@-o-keyframes ripple-2 {
  0% {
    opacity: 0;
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
       transform: translateX(-50%) translateY(-50%) scale(0);
  }
  1% {
    opacity: 1;
    -o-transform: translateX(-50%) translateY(-50%) scale(0);
       transform: translateX(-50%) translateY(-50%) scale(0);
  }
  50% {
    opacity: 1;
    -o-transform: translateX(-50%) translateY(-50%) scale(2);
       transform: translateX(-50%) translateY(-50%) scale(2);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-50%) translateY(-50%) scale(4);
       transform: translateX(-50%) translateY(-50%) scale(4);
  }
}
@keyframes ripple-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
       -moz-transform: translateX(-50%) translateY(-50%) scale(0);
         -o-transform: translateX(-50%) translateY(-50%) scale(0);
            transform: translateX(-50%) translateY(-50%) scale(0);
  }
  1% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
       -moz-transform: translateX(-50%) translateY(-50%) scale(0);
         -o-transform: translateX(-50%) translateY(-50%) scale(0);
            transform: translateX(-50%) translateY(-50%) scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(2);
       -moz-transform: translateX(-50%) translateY(-50%) scale(2);
         -o-transform: translateX(-50%) translateY(-50%) scale(2);
            transform: translateX(-50%) translateY(-50%) scale(2);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(4);
       -moz-transform: translateX(-50%) translateY(-50%) scale(4);
         -o-transform: translateX(-50%) translateY(-50%) scale(4);
            transform: translateX(-50%) translateY(-50%) scale(4);
  }
}
@-webkit-keyframes fade {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
@-moz-keyframes fade {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
@-o-keyframes fade {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
@keyframes fade {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
@-webkit-keyframes blip {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-moz-keyframes blip {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-o-keyframes blip {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes blip {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@-moz-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@-o-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}
.accordion {
  border: 1px solid rgba(58, 23, 85, 0.2);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.accordion + .accordion {
  margin-top: 30px;
}
.accordion.active {
  border-color: #070e3e;
}
.accordion.active .shown::before {
  height: 0;
}
.accordion.active .shown span {
  color: #070e3e;
  font-weight: bold;
}
.accordion:not(.active):hover {
  border-color: #070e3e;
}
.accordion .shown {
  padding: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 75px;
  position: relative;
  cursor: pointer;
}
.accordion .shown span {
  font-size: 1.125rem;
  line-height: 1.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  color: #706c6c;
}
.accordion .shown > svg {
  width: 30px;
  height: 30px;
  fill: #070e3e;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.accordion .shown::before {
  content: "";
  position: absolute;
  right: 39px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: rgba(58, 23, 85, 0.5);
  -webkit-transition: 0.3s ease height;
  -o-transition: 0.3s ease height;
  -moz-transition: 0.3s ease height;
  transition: 0.3s ease height;
}
.accordion .shown::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: rgba(58, 23, 85, 0.5);
  -webkit-transition: 0.3s ease height;
  -o-transition: 0.3s ease height;
  -moz-transition: 0.3s ease height;
  transition: 0.3s ease height;
}
.accordion .hidden {
  padding: 0 25px 25px;
  display: none;
}
.accordion .hidden > *:last-child {
  margin-bottom: 0;
}

#index .hero {
  height: 100vh;
}
#index .hero .hero-carousel {
  height: 100%;
}
#index .hero .hero-carousel .hero-carousel-thumbs {
  position: absolute;
  left: 66%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-webkit-calc(-100% - 30px));
     -moz-transform: translateY(-50%) translateX(-moz-calc(-100% - 30px));
      -ms-transform: translateY(-50%) translateX(calc(-100% - 30px));
       -o-transform: translateY(-50%) translateX(calc(-100% - 30px));
          transform: translateY(-50%) translateX(calc(-100% - 30px));
  z-index: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3px;
}
#index .hero .hero-carousel .hero-carousel-thumbs span {
  display: block;
  height: 45px;
  width: 1px;
  margin: 0;
  padding: 0;
  opacity: 1;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

#index .hero .hero-carousel .hero-carousel-thumbs span.swiper-pagination-bullet-active {
  background-color: white;
  width: 3px;
}
#index .hero .hero-carousel .swiper-wrapper {
  height: 100%;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide {
  height: 100%;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide.swiper-slide-active .slide .content .container .title, #index .hero .hero-carousel .swiper-wrapper .swiper-slide .swiper-slide-duplicate-active .slide .content .container .title {
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.6s;
     -moz-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide.swiper-slide-active .slide .content .container .expo, #index .hero .hero-carousel .swiper-wrapper .swiper-slide .swiper-slide-duplicate-active .slide .content .container .expo {
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.9s;
     -moz-transition-delay: 0.9s;
       -o-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: relative;
  height: 100%;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .background img, #index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .background video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .background.covered::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content {
  height: 100%;
  position: relative;
  z-index: 1;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container {
  height: 100%;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container .title {
  font-size: 3.5rem;
  line-height: 1;
  color: white;
  -webkit-transform: translateY(60px);
     -moz-transform: translateY(60px);
      -ms-transform: translateY(60px);
       -o-transform: translateY(60px);
          transform: translateY(60px);
  opacity: 0;
  -webkit-transition: 0.6s ease all;
  -o-transition: 0.6s ease all;
  -moz-transition: 0.6s ease all;
  transition: 0.6s ease all;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container .title strong {
  font-weight: bold;
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container .expo {
  -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
       -o-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  -webkit-transition: 0.6s ease all;
  -o-transition: 0.6s ease all;
  -moz-transition: 0.6s ease all;
  transition: 0.6s ease all;
  grid-column: 3;
  color: rgba(255, 255, 255, 0.7);
}
#index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container .expo > *:last-child {
  margin-bottom: 0;
}
#index .about {
  position: relative;
  overflow: hidden;
}
#index .about .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
}
#index .about .background #particles-js {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
}
#index .about .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
#index .about .logo-draw {
  z-index: 1;
  position: absolute;
  width: 400px;
  left: 0;
  top: 50%;
  -webkit-transform: rotate(15deg) translateX(-25%) translateY(-50%);
     -moz-transform: rotate(15deg) translateX(-25%) translateY(-50%);
      -ms-transform: rotate(15deg) translateX(-25%) translateY(-50%);
       -o-transform: rotate(15deg) translateX(-25%) translateY(-50%);
          transform: rotate(15deg) translateX(-25%) translateY(-50%);
}
#index .about .container {
  position: relative;
  z-index: 1;
  display: grid;
}
#index .about .container .scroll-point {
  position: absolute;
  left: 0;
  bottom: 0;
}
#index .about .container .heading {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: -webkit-linear-gradient(163deg, #203CDD 0%, #D933D0 25%, #F26E7F 50%, #FF8E54 75%, #203CDD 100%);
  background: -moz-linear-gradient(163deg, #203CDD 0%, #D933D0 25%, #F26E7F 50%, #FF8E54 75%, #203CDD 100%);
  background: -o-linear-gradient(163deg, #203CDD 0%, #D933D0 25%, #F26E7F 50%, #FF8E54 75%, #203CDD 100%);
  background: linear-gradient(91deg, #031056 0%, #06417c 25%, #302a09 50%, #222121 75%, #203CDD 100%);
  -moz-background-size: 200% auto;
       background-size: 200% auto;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.5rem;
  line-height: 1.25;
  margin-bottom: 60px;
  -webkit-animation: shine 10s linear infinite;
     -moz-animation: shine 10s linear infinite;
       -o-animation: shine 10s linear infinite;
          animation: shine 10s linear infinite;
}
#index .about .container .heading strong {
  font-weight: bold;
}
#index .about .container .heading .line:first-child {
  margin-left: 120px;
}
#index .about .container .heading .line:last-child {
  margin-left: 1px;
}
#index .about .container .expo {

  width: 76%;
}
#index .about .container .expo > *:last-child {
  margin-bottom: 0;
}
#index .solutions {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#index .solutions .line {
  fill: none;
  stroke: url(#breadcrumb-gradient);
  stroke-miterlimit: 10;
  stroke-width: 14px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  -webkit-transform: scale(1.01);
     -moz-transform: scale(1.01);
      -ms-transform: scale(1.01);
       -o-transform: scale(1.01);
          transform: scale(1.01);
  z-index: 2;
}
#index .solutions .line:nth-child(2) {
  -webkit-transform: scaleX(-1.01);
     -moz-transform: scaleX(-1.01);
      -ms-transform: scaleX(-1.01);
       -o-transform: scaleX(-1.01);
          transform: scaleX(-1.01);
}
#index .solutions .container {
  position: relative;
  z-index: 3;
}
#index .solutions .container .wrapper {
  height: 550px;
  position: relative;
}
#index .solutions .container .wrapper .background {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
}
#index .solutions .container .wrapper .background::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}
#index .solutions .container .wrapper .background img {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0;
}
#index .solutions .container .wrapper .background img.active {
  opacity: 1;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
#index .solutions .container .wrapper .fields {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
#index .solutions .container .wrapper .fields .item {
  display: block;
  -webkit-transform: skew(-20deg) translateX(-10%);
     -moz-transform: skew(-20deg) translateX(-10%);
      -ms-transform: skew(-20deg) translateX(-10%);
       -o-transform: skew(-20deg) translateX(-10%);
          transform: skew(-20deg) translateX(-10%);
  position: relative;
}
#index .solutions .container .wrapper .fields .item:hover::before {
  opacity: 0;
}
#index .solutions .container .wrapper .fields .item:hover .content img {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#index .solutions .container .wrapper .fields .item:hover .content .text {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
#index .solutions .container .wrapper .fields .item:hover .content .text .title {
  opacity: 1;
}
#index .solutions .container .wrapper .fields .item:hover .content .text .more {
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#index .solutions .container .wrapper .fields .item:first-child::before {
  left: unset;
  right: 0;
  width: 150%;
}
#index .solutions .container .wrapper .fields .item:last-child::before {
  width: 150%;
}
#index .solutions .container .wrapper .fields .item::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#460074), color-stop(50%, #56008d), to(#03052B));
  background: -webkit-linear-gradient(right, #460074 0%, #56008d 50%, #03052B 100%);
  background: -moz-linear-gradient(right, #460074 0%, #56008d 50%, #03052B 100%);
  background: -o-linear-gradient(right, #460074 0%, #56008d 50%, #03052B 100%);
  background: linear-gradient(270deg, #111a60 0%, #061666 50%, #0b0d3c 100%);
  opacity: 0.45;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
#index .solutions .container .wrapper .fields .item .content {
  padding: 30px;
  position: relative;
  z-index: 1;
  -webkit-transform: skew(20deg);
     -moz-transform: skew(20deg);
      -ms-transform: skew(20deg);
       -o-transform: skew(20deg);
          transform: skew(20deg);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#index .solutions .container .wrapper .fields .item .content img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  margin-right: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(-15px);
     -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
       -o-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
#index .solutions .container .wrapper .fields .item .content .text {
  line-height: 1.25;
  -webkit-transform: translateX(-70px);
     -moz-transform: translateX(-70px);
      -ms-transform: translateX(-70px);
       -o-transform: translateX(-70px);
          transform: translateX(-70px);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
#index .solutions .container .wrapper .fields .item .content .text .title {
  color: rgba(255, 255, 255, 0.75);
  font-weight: bold;
  font-size: 1.625rem;
}
#index .solutions .container .wrapper .fields .item .content .text .more {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0;
  -webkit-transform: translateY(15px);
     -moz-transform: translateY(15px);
      -ms-transform: translateY(15px);
       -o-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
#index .slogan {
  background-color: white;
  z-index: 101;
}
#index .slogan .inner {
  height: 100%;
  position: relative;
}
#index .slogan .inner .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(../images/crop9d22.svg?8432a8dbe29f1011c715e86e52672b8d);
          mask-image: url(../images/crop9d22.svg?8432a8dbe29f1011c715e86e52672b8d);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 50% 25%;
          mask-position: 50% 25%;
  -webkit-mask-size: 15%;
          mask-size: 15%;
}
#index .slogan .inner .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
#index .slogan .inner > .hidden-content {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-30px);
     -moz-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
       -o-transform: translateX(-30px);
          transform: translateX(-30px);
  z-index: 2;
}
#index .slogan .inner > .hidden-content .container {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#index .slogan .inner > .hidden-content .container .wrapper {
  width: 50%;
}
#index .slogan .inner > .content {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-align: center;
}
#index .slogan .inner > .content .container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% + 150px));
     -moz-transform: translateX(-50%) translateY(-moz-calc(-50% + 150px));
      -ms-transform: translateX(-50%) translateY(calc(-50% + 150px));
       -o-transform: translateX(-50%) translateY(calc(-50% + 150px));
          transform: translateX(-50%) translateY(calc(-50% + 150px));
}
#index .slogan .inner > .content .container .scroll-point {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#index .blogs {
  width: 100%;
  overflow: hidden;
}
#index .blogs .container {
  position: relative;
  padding: 60px 30px;
}
#index .blogs .container .background {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-calc(100% + 180px);
  width: -moz-calc(100% + 180px);
  width: calc(100% + 180px);
  height: 100%;
}
#index .blogs .container .background img, #index .blogs .container .background video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
#index .blogs .container .background::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background: -webkit-radial-gradient(circle, rgba(0, 23, 39, 0) 0%, rgba(0, 23, 39, 0.9) 50%, #001727 100%);
  background: -moz-radial-gradient(circle, rgba(0, 23, 39, 0) 0%, rgba(0, 23, 39, 0.9) 50%, #001727 100%);
  background: -o-radial-gradient(circle, rgba(0, 23, 39, 0) 0%, rgba(0, 23, 39, 0.9) 50%, #001727 100%);
  background: radial-gradient(circle, rgba(0, 23, 39, 0) 0%, rgba(0, 23, 39, 0.9) 50%, #001727 100%);
  background-position: 100% 200%;
  -moz-background-size: 200% 200%;
       background-size: 200% 200%;
}
#index .blogs .container .headline {
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 3.5rem;
  text-align: center;
  margin-bottom: 60px;
}
#index .blogs .container .headline span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: -webkit-linear-gradient(350deg, #203CDD 0%, #D933D0 33%, #F26E7F 66%, #FF8E54 100%);
  background: -moz-linear-gradient(350deg, #203CDD 0%, #D933D0 33%, #F26E7F 66%, #FF8E54 100%);
  background: -o-linear-gradient(350deg, #203CDD 0%, #D933D0 33%, #F26E7F 66%, #FF8E54 100%);
  background: linear-gradient(100deg, #203CDD 0%, #D933D0 33%, #F26E7F 66%, #FF8E54 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
#index .blogs .container .nav-bar {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 1;
}
#index .blogs .container .nav-bar .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#index .blogs .container .nav-bar .heading .title {
  font-size: 1.875rem;
  font-weight: bold;
  color: white;
}
#index .blogs .container .nav-bar .heading .more {
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.7;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#index .blogs .container .nav-bar .heading .more span {
  font-size: 1.125rem;
  font-weight: 500;
  color: white;
}
#index .blogs .container .nav-bar .heading .more svg {
  margin-left: 10px;
  height: 8px;
  fill: white;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#index .blogs .container .nav-bar .heading .more:hover {
  opacity: 1;
}
#index .blogs .container .nav-bar .heading .more:hover svg {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide {
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
     -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 30px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field {
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field:hover .play {
  background-color: rgba(255, 255, 255, 0.75);
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field:hover .play svg {
  fill: #03052B;
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  height: 300px;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field .live {
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: white;
  padding: 5px 10px 5px 30px;
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field .live::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: red;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-animation: blip 1s infinite;
     -moz-animation: blip 1s infinite;
       -o-animation: blip 1s infinite;
          animation: blip 1s infinite;
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field .live span {
  font-size: 0.875rem;
  font-weight: bold;
  color: #222121;
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field .play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 60px;
  height: 60px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .image-field .play svg {
  fill: white;
  width: 20px;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .text-field .title {
  display: block;
  font-weight: bold;
  color: white;
  font-size: 1.625rem;
  margin-bottom: 20px;
  line-height: 1.25;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 4.5rem;
}
#index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .text-field .expo {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.125rem;
  margin-bottom: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.875rem;
}
#index .blogs .container .latest-news {
  position: relative;
  z-index: 1;
}
#index .blogs .container .latest-news .list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px;
}
#index .blogs .container .latest-news .list .news {
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
     -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 8fr);
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 30px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#index .blogs .container .latest-news .list .news:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#index .blogs .container .latest-news .list .news:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
#index .blogs .container .latest-news .list .news .image {
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
}
#index .blogs .container .latest-news .list .news .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  height: 175px;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
#index .blogs .container .latest-news .list .news .text .title {
  display: block;
  font-weight: bold;
  color: white;
  font-size: 1.25rem;
  margin-bottom: 15px;
  line-height: 1.25;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3.75rem;
}
#index .blogs .container .latest-news .list .news .text .expo {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.5rem;
}

.map-field {
  background-color: #070e3e;
  position: relative;
}
.map-field::before, .map-field::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  height: 75%;
  background: -webkit-gradient(linear, left top, left bottom, from(#070e3e), to(rgba(58, 23, 85, 0)));
  background: -webkit-linear-gradient(top, #070e3e 0%, rgba(58, 23, 85, 0) 100%);
  background: -moz-linear-gradient(top, #070e3e 0%, rgba(58, 23, 85, 0) 100%);
  background: -o-linear-gradient(top, #070e3e 0%, rgba(58, 23, 85, 0) 100%);
  background: linear-gradient(180deg, #070e3e 0%, rgba(58, 23, 85, 0) 100%);
}
.map-field::after {
  top: unset;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#070e3e), to(rgba(58, 23, 85, 0)));
  background: -webkit-linear-gradient(bottom, #070e3e 0%, rgba(58, 23, 85, 0) 100%);
  background: -moz-linear-gradient(bottom, #070e3e 0%, rgba(58, 23, 85, 0) 100%);
  background: -o-linear-gradient(bottom, #070e3e 0%, rgba(58, 23, 85, 0) 100%);
  background: linear-gradient(0deg, #070e3e 0%, rgba(58, 23, 85, 0) 100%);
}
.map-field img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.map-field .point {
  position: absolute;
  z-index: 1;
  width: 30px;
  height: 30px;
  mix-blend-mode: screen;
}
.map-field .point::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-transform: translateX(-25%) translateY(-50%);
     -moz-transform: translateX(-25%) translateY(-50%);
      -ms-transform: translateX(-25%) translateY(-50%);
       -o-transform: translateX(-25%) translateY(-50%);
          transform: translateX(-25%) translateY(-50%);
  background-color: white;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-box-shadow: inset 0 0 0 10px #03052B;
     -moz-box-shadow: inset 0 0 0 10px #03052B;
          box-shadow: inset 0 0 0 10px #03052B;
  opacity: 0.75;
  -webkit-animation: fade 5s infinite linear;
     -moz-animation: fade 5s infinite linear;
       -o-animation: fade 5s infinite linear;
          animation: fade 5s infinite linear;
}
.map-field .point::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-transform: translateX(-25%) translateY(-25%) scale(0.5);
     -moz-transform: translateX(-25%) translateY(-25%) scale(0.5);
      -ms-transform: translateX(-25%) translateY(-25%) scale(0.5);
       -o-transform: translateX(-25%) translateY(-25%) scale(0.5);
          transform: translateX(-25%) translateY(-25%) scale(0.5);
  background-color: white;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-box-shadow: 0 0 0 10px #37267D;
     -moz-box-shadow: 0 0 0 10px #37267D;
          box-shadow: 0 0 0 10px #37267D;
  opacity: 0.75;
  -webkit-animation: fade 5s infinite linear;
     -moz-animation: fade 5s infinite linear;
       -o-animation: fade 5s infinite linear;
          animation: fade 5s infinite linear;
}
.map-field .point img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}

.contact-info {
  background-color: #070e3e;
  color: white;
}
.contact-info .container .title {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 30px;
}
.contact-info .container .list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 45px 90px;
  line-height: 1.75;
  font-weight: bold;
}
.contact-info .container .list .location {
  font-size: 2.5rem;
  margin-bottom: 15px;
}
.contact-info .container .list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.contact-info .container .list a + a {
  margin-top: 10px;
}
.contact-info .container .list a svg {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: white;
  margin-right: 15px;
}
.contact-info .container .list a span {
  color: white;
  display: block;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.contact-info .container .list a:hover {
  opacity: 0.75;
}
.contact-info .container .list a:hover span {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
}

.contact-form-field {
  position: relative;
  padding-top: 90px;
}
.contact-form-field::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  height: 300px;
  background-color: #171c55;
}
.contact-form-field .container {
  position: relative;
  z-index: 1;
}
.contact-form-field .container .title {
  font-size: 2.5rem;
  text-align: center;
  font-weight: bold;
  color: white;
  margin-bottom: 30px;
}
.contact-form-field .container .form {
  background-color: white;
  padding: 60px 90px;
  -webkit-box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
}

#live .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
}
#live .background img, #live .background video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
#live .background::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
}
#live .background::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  top: unset;
  bottom: 0;
  height: 75%;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 23, 85, 0)), to(#070e3e));
  background: -webkit-linear-gradient(top, rgba(58, 23, 85, 0) 0%, #070e3e 100%);
  background: -moz-linear-gradient(top, rgba(58, 23, 85, 0) 0%, #070e3e 100%);
  background: -o-linear-gradient(top, rgba(58, 23, 85, 0) 0%, #070e3e 100%);
  background: linear-gradient(180deg, rgba(58, 23, 85, 0) 0%, #070e3e 100%);
}
#live .content {
  position: relative;
  z-index: 1;
  padding-top: -webkit-calc(var(--header-height) + 60px);
  padding-top: -moz-calc(var(--header-height) + 60px);
  padding-top: calc(var(--header-height) + 60px);
}
#live .content .container {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 350px);
  grid-gap: 30px;
  position: relative;
  z-index: 1;
}
#live .content .container .heading {
  grid-column: span 2;
}
#live .content .container .heading .title {
  font-size: 2.5rem;
  font-weight: bold;
  color: white;
  line-height: 1.25;
  margin-bottom: 10px;
}
#live .content .container .heading .share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#live .content .container .heading .share a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  width: 30px;
  height: 30px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .heading .share a + a {
  margin-left: 10px;
}
#live .content .container .heading .share a svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .heading .share a:hover {
  -webkit-box-shadow: 0 0 0 1px white;
     -moz-box-shadow: 0 0 0 1px white;
          box-shadow: 0 0 0 1px white;
}
#live .content .container .heading .share a:hover svg {
  fill: white;
  -webkit-transform: scale(0.75);
     -moz-transform: scale(0.75);
      -ms-transform: scale(0.75);
       -o-transform: scale(0.75);
          transform: scale(0.75);
}
#live .content .container .inner .player {
  position: relative;
  height: 550px;
}
#live .content .container .inner .player video, #live .content .container .inner .player img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
#live .content .container .inner .player .info {
  padding: 30px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#live .content .container .inner .player .info .live {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  padding: 5px 10px 5px 30px;
}
#live .content .container .inner .player .info .live::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: red;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-animation: blip 1s infinite;
     -moz-animation: blip 1s infinite;
       -o-animation: blip 1s infinite;
          animation: blip 1s infinite;
}
#live .content .container .inner .player .info .live span {
  font-size: 0.875rem;
  font-weight: bold;
  color: #222121;
}
#live .content .container .inner .player .info .viewer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 34px;
  background-color: white;
  padding: 5px 10px;
}
#live .content .container .inner .player .info .viewer svg {
  height: 16px;
  fill: #070e3e;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 5px;
}
#live .content .container .inner .player .info .viewer span {
  font-size: 0.875rem;
  font-weight: bold;
  color: #222121;
}
#live .content .container .inner .player .controls {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  z-index: 1;
  bottom: 0;
  left: 0;
}
#live .content .container .inner .player .controls .state {
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer;
}
#live .content .container .inner .player .controls .state svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
     -moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
      -ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
       -o-transform: translateX(-50%) translateY(-50%) scale(0.5);
          transform: translateX(-50%) translateY(-50%) scale(0.5);
  fill: white;
  width: 30px;
  height: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .inner .player .controls .state svg.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
     -moz-transform: translateX(-50%) translateY(-50%) scale(1);
      -ms-transform: translateX(-50%) translateY(-50%) scale(1);
       -o-transform: translateX(-50%) translateY(-50%) scale(1);
          transform: translateX(-50%) translateY(-50%) scale(1);
}
#live .content .container .inner .player .controls .volume {
  cursor: pointer;
  position: relative;
}
#live .content .container .inner .player .controls .volume:hover .bar {
  opacity: 1;
  visibility: visible;
}
#live .content .container .inner .player .controls .volume .bar {
  position: absolute;
  background-color: white;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  bottom: 100%;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .inner .player .controls .volume .bar input[type=range] {
  width: 60px;
  display: block;
}
#live .content .container .inner .player .controls .volume .bar input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background-color: #070e3e;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
#live .content .container .inner .player .controls .volume .bar input[type=range]::-moz-range-thumb {
  width: 15px;
  height: 15px;
  -moz-border-radius: 100%;
       border-radius: 100%;
  background-color: #070e3e;
}
#live .content .container .inner .player .controls .volume .bar input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  background-color: #d4d4d4;
}
#live .content .container .inner .player .controls .volume .trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  height: 100px;
}
#live .content .container .inner .player .controls .volume .trigger svg {
  width: 30px;
  height: 50px;
  fill: white;
}
#live .content .container .inner > .info {
  padding: 30px;
  border: 1px solid #EDEDED;
  background-color: white;
}
#live .content .container .inner > .info .text > *:last-child {
  margin-bottom: 0;
}
#live .content .container .inner > .info .heading {
  font-size: 1.5rem;
  font-weight: bold;
  color: #070e3e;
  margin-bottom: 15px;
}
#live .content .container .inner > .info .participants {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 20px;
}
#live .content .container .inner > .info .participants .person {
  padding: 20px;
  border: 1px solid #EDEDED;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .inner > .info .participants .person:hover {
  border-color: #070e3e;
}
#live .content .container .inner > .info .participants .person img {
  height: 150px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#live .content .container .inner > .info .participants .person .detail .work {
  font-size: 0.875rem;
  color: #222121;
}
#live .content .container .inner > .info .participants .person .detail .name {
  font-weight: bold;
  font-size: 1.25rem;
  color: #070e3e;
}
#live .content .container .inner > .info .participants .person .detail .position {
  font-size: 1rem;
  color: #222121;
}
#live .content .container .inner > .info .participants .person .detail .linkedin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #070e3e;
  margin-top: 10px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .inner > .info .participants .person .detail .linkedin:hover {
  background-color: #03052B;
}
#live .content .container .inner > .info .participants .person .detail .linkedin svg {
  fill: white;
  width: 10px;
  height: 10px;
}
#live .content .container .inner > .info .program {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 20px;
}
#live .content .container .inner > .info .program .item {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 7fr);
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  border: 1px solid #EDEDED;
  padding: 20px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .inner > .info .program .item:hover {
  border-color: #070e3e;
}
#live .content .container .inner > .info .program .item .logo {
  border: 1px solid #EDEDED;
  padding: 20px 30px;
  height: 100px;
}
#live .content .container .inner > .info .program .item .logo img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
#live .content .container .inner > .info .program .item .text .time {
  font-size: 0.875rem;
  color: #222121;
}
#live .content .container .inner > .info .program .item .text .name {
  font-size: 1.33rem;
  font-weight: bold;
  color: #070e3e;
}
#live .content .container .inner > .info .program .item .text .speaker {
  color: #222121;
}
#live .content .container .inner > .info .program .item .text .speaker strong {
  font-weight: bold;
}
#live .content .container .sidebar .sticky {
  width: 100%;
}
#live .content .container .sidebar .headline {
  color: #070e3e;
  font-weight: bold;
  font-size: 1.25rem;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #EDEDED;
}
#live .content .container .sidebar .chat {
  border: 1px solid #EDEDED;
  padding: 20px;
  background-color: white;
  height: 550px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#live .content .container .sidebar .chat .chat-field {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#live .content .container .sidebar .chat .chat-field::-webkit-scrollbar-track {
  -webkit-border-radius: 50px;
          border-radius: 50px;
  border: 0;
  background-color: #EDEDED;
}
#live .content .container .sidebar .chat .chat-field::-webkit-scrollbar-thumb {
  -webkit-border-radius: 50px;
          border-radius: 50px;
  background-color: #adadad;
}
#live .content .container .sidebar .chat .chat-field .item {
  padding: 15px;
  border: 1px solid #EDEDED;
}
#live .content .container .sidebar .chat .chat-field .item + .item {
  margin-top: 10px;
}
#live .content .container .sidebar .chat .chat-field .item .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
#live .content .container .sidebar .chat .chat-field .item .heading .name {
  font-size: 0.875rem;
  font-weight: bold;
  color: #070e3e;
}
#live .content .container .sidebar .chat .chat-field .item .heading .timestamp {
  color: #a2a0a0;
  font-size: 0.75rem;
  letter-spacing: 1px;
}
#live .content .container .sidebar .chat .chat-field .item .comment {
  line-height: 1.25;
  font-size: 0.875rem;
  color: #222121;
  font-weight: 500;
}
#live .content .container .sidebar .chat .chat-field .item .comment strong {
  font-weight: bold;
}
#live .content .container .sidebar .chat .make-comment {
  margin-top: 15px;
  background-color: #070e3e;
  height: 50px;
  position: relative;
}
#live .content .container .sidebar .chat .make-comment input {
  width: 100%;
  height: 100%;
  resize: unset;
  padding: 16px 60px 16px 15px;
  border: unset;
  background-color: #070e3e;
  color: white;
  line-height: 1.25;
  font-size: 0.875rem;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .sidebar .chat .make-comment input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#live .content .container .sidebar .chat .make-comment input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#live .content .container .sidebar .chat .make-comment input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#live .content .container .sidebar .chat .make-comment input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#live .content .container .sidebar .chat .make-comment input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#live .content .container .sidebar .chat .make-comment input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#live .content .container .sidebar .chat .make-comment input:focus {
  background-color: #03052B;
}
#live .content .container .sidebar .chat .make-comment button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  z-index: 1;
  border: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  height: 30px;
  width: 30px;
  background-color: white;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .sidebar .chat .make-comment button svg {
  fill: #070e3e;
  width: 15px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
#live .content .container .sidebar .chat .make-comment button:hover {
  background-color: #37267D;
}
#live .content .container .sidebar .chat .make-comment button:hover svg {
  fill: white;
}
#live .content .container .sidebar .detail {
  border: 1px solid #EDEDED;
  padding: 20px;
  background-color: white;
}
#live .content .container .sidebar .detail .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#live .content .container .sidebar .detail .info + .info {
  margin-top: 15px;
}
#live .content .container .sidebar .detail .info svg {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 30px;
  height: 30px;
  fill: #070e3e;
  margin-right: 20px;
}
#live .content .container .sidebar .detail .info .text .title {
  font-weight: bold;
  color: #070e3e;
}
#live .content .container .sidebar .detail .info .text .value {
  font-size: 1rem;
  color: #222121;
}

.solutions-bar {
  margin-top: -60px;
}
.solutions-bar .wrapper {
  position: relative;
  padding: 45px 60px;
}
.solutions-bar .wrapper .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: black;
}
.solutions-bar .wrapper .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.solutions-bar .wrapper .content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.solutions-bar .wrapper .content .line {
  height: 80px;
  width: 1px;
  background-color: white;
  margin: 0 30px;
}
.solutions-bar .wrapper .content .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.solutions-bar .wrapper .content .item:hover .text .more {
  padding-left: 15px;
  opacity: 1;
}
.solutions-bar .wrapper .content .item:hover .text .more::before {
  width: 10px;
}
.solutions-bar .wrapper .content .item img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  display: block;
  margin-right: 20px;
}
.solutions-bar .wrapper .content .item .text .title {
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
}
.solutions-bar .wrapper .content .item .text .more {
  color: white;
  font-weight: 500;
  opacity: 0.7;
  position: relative;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.solutions-bar .wrapper .content .item .text .more::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 1px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  background-color: white;
}

.info-detail-bar {
  position: relative;
}
.info-detail-bar .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background: #070e3e;
  background: -webkit-linear-gradient(315deg, #070e3e 0%, #37267D 100%);
  background: -moz-linear-gradient(315deg, #070e3e 0%, #37267D 100%);
  background: -o-linear-gradient(315deg, #070e3e 0%, #37267D 100%);
  background: linear-gradient(135deg, #070e3e 0%, #37267D 100%);
}
.info-detail-bar .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.info-detail-bar .container {
  position: relative;
}
.info-detail-bar .container .logo-draw {
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
     -moz-transform: translateY(-50%) rotate(25deg);
      -ms-transform: translateY(-50%) rotate(25deg);
       -o-transform: translateY(-50%) rotate(25deg);
          transform: translateY(-50%) rotate(25deg);
  width: 450px;
  height: 450px;
}
.info-detail-bar .content {
  padding: 60px 0;
  position: relative;
  z-index: 1;
}
.info-detail-bar .content > *:last-child {
  margin-bottom: 0;
}
.info-detail-bar .content .list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 90px;
  margin-bottom: 45px;
  padding-bottom: 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.info-detail-bar .content .list .item > *:last-child {
  margin-bottom: 0;
}

.section-heading {
  margin-bottom: 45px;
}
.section-heading.left .container {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.section-heading .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-heading .container .title {
  font-size: 1.875rem;
  font-weight: bold;
  color: #070e3e;
  line-height: 1.25;
}
.section-heading .container .linkedin {
  position: relative;
  display: block;
  margin-left: 45px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 50px;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  background-color: #070e3e;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 60px 0 30px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.section-heading .container .linkedin:hover {
  background-color: #37267D;
}
.section-heading .container .linkedin span {
  color: white;
}
.section-heading .container .linkedin .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: white;
}
.section-heading .container .linkedin .icon svg {
  width: 20px;
  fill: #070e3e;
}
.section-heading .container .search-bar {
  max-width: 300px;
  width: 100%;
  position: relative;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #EDEDED;
}
.section-heading .container .search-bar::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4yMyAxOC4yMyI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6IzM4MjI1NDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImQiIGQ9Ik03LDE0QzMuMTQsMTQsMCwxMC44NiwwLDdTMy4xNCwwLDYuOTksMGMzLjgzLDAsNi45NSwzLjA5LDcsNi45MSwwLC4wMywwLC4wNiwwLC4wOSwwLDMuODYtMy4xNCw3LTcsN1ptMC0xM2MtMy4zLDAtNS45OSwyLjctNS45OSw2czIuNjksNiw2LDYsNS45NS0yLjY1LDYtNS45MmMwLS4wMywwLS4wNiwwLS4wOCwwLTMuMzEtMi42OS02LTYtNlptMTEuMDksMTcuMDljLjItLjIsLjItLjUxLDAtLjcxbC00LjIyLTQuMjJjLS4yLS4yLS41MS0uMi0uNzEsMHMtLjIsLjUxLDAsLjcxbDQuMjIsNC4yMmMuMSwuMSwuMjMsLjE1LC4zNSwuMTVzLjI2LS4wNSwuMzUtLjE1WiIvPjwvc3ZnPg==");
  -moz-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
}
.section-heading .container .search-bar input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  height: 50px;
  width: 100%;
  padding: 0 45px 0 20px;
  background-color: unset;
  color: #222121;
  font-size: 1rem;
  border: 1px solid #e0e0e0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.section-heading .container .search-bar input::-webkit-search-decoration, .section-heading .container .search-bar input::-webkit-search-cancel-button, .section-heading .container .search-bar input::-webkit-search-results-button, .section-heading .container .search-bar input::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.section-heading .container .search-bar input::-webkit-inner-spin-button, .section-heading .container .search-bar input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
          appearance: none;
}
.section-heading .container .search-bar input::-ms-expand {
  display: none;
}
.section-heading .container .search-bar input::-webkit-input-placeholder {
  color: #494747;
}
.section-heading .container .search-bar input:-moz-placeholder {
  color: #494747;
}
.section-heading .container .search-bar input::-moz-placeholder {
  color: #494747;
}
.section-heading .container .search-bar input:-ms-input-placeholder {
  color: #494747;
}
.section-heading .container .search-bar input::-ms-input-placeholder {
  color: #494747;
}
.section-heading .container .search-bar input::placeholder {
  color: #494747;
}
.section-heading .container .search-bar input:focus, .section-heading .container .search-bar input:hover {
  border-color: #070e3e;
}
.section-heading .container .search-bar form {
  width: 100%;
}
.section-heading .container .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #EDEDED;
}
.section-heading .container .link span {
  color: #222121;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.section-heading .container .link svg {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 10px;
  margin-left: 10px;
  fill: #222121;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.section-heading .container .link:hover span {
  color: #070e3e;
}
.section-heading .container .link:hover svg {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
  fill: #070e3e;
}

.year-bar {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 102;
}
.year-bar .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: #070e3e;
}
.year-bar .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.year-bar .container {
  position: relative;
  z-index: 1;
}
.year-bar .container .wrapper {
  scrollbar-width: none;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.year-bar .container .wrapper::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}
.year-bar .container .wrapper .item {
  padding: 45px 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.year-bar .container .wrapper .item:hover {
  opacity: 0.75;
}
.year-bar .container .wrapper .item.active {
  opacity: 1;
  pointer-events: none;
}
.year-bar .container .wrapper .item.active .icon {
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
     -moz-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.year-bar .container .wrapper .item .icon {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: inset 0 0 0 2px transparent;
     -moz-box-shadow: inset 0 0 0 2px transparent;
          box-shadow: inset 0 0 0 2px transparent;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  margin-right: 15px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.year-bar .container .wrapper .item .icon::before {
  content: "";
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 13px;
  height: 13px;
  background-color: white;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}
.year-bar .container .wrapper .item span {
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
}
.year-bar .container .wrapper .item + .item {
  margin-left: 54px;
}
.year-bar .container .wrapper .item + .item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -webkit-calc(100% + 10px);
  right: -moz-calc(100% + 10px);
  right: calc(100% + 10px);
  height: 1px;
  width: 20px;
  background-color: rgba(255, 255, 255, 0.15);
}

.year-list {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 101;
  background-color: white;
}
.year-list .container {
  position: relative;
}
.year-list .container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  width: 1px;
  background-color: #EDEDED;
}
.year-list .container .item {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 240px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.year-list .container .item + .item {
  margin-top: 60px;
}
.year-list .container .item.active .content .year::after {
  -webkit-transform: translateY(-50%) scaleX(1);
     -moz-transform: translateY(-50%) scaleX(1);
      -ms-transform: translateY(-50%) scaleX(1);
       -o-transform: translateY(-50%) scaleX(1);
          transform: translateY(-50%) scaleX(1);
}
.year-list .container .item:nth-child(2n) .image {
  grid-row: 1;
  grid-column: 2;
}
.year-list .container .item:nth-child(2n) .image img {
  right: unset;
  left: 0;
}
.year-list .container .item:nth-child(2n) .content {
  grid-row: 1;
  grid-column: 1;
}
.year-list .container .item:nth-child(2n) .content .year {
  left: unset;
  right: -240px;
}
.year-list .container .item:nth-child(2n) .content .year::after {
  right: unset;
  left: -13px;
}
.year-list .container .item:nth-child(2n) .content .year::before {
  right: unset;
  left: -2px;
}
.year-list .container .item .image {
  position: relative;
  height: 100%;
  min-height: 350px;
}
.year-list .container .item .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: -webkit-calc(100% + 60px);
  width: -moz-calc(100% + 60px);
  width: calc(100% + 60px);
}
.year-list .container .item .content {
  position: relative;
}
.year-list .container .item .content > *:last-child {
  margin-bottom: 0;
}
.year-list .container .item .content .year {
  position: absolute;
  left: -240px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 120px;
  text-align: center;
  color: #070e3e;
  font-size: 1.25rem;
  font-weight: bold;
}
.year-list .container .item .content .year::after {
  content: "";
  position: absolute;
  right: -13px;
  top: 50%;
  width: 26px;
  height: 4px;
  -webkit-transform: translateY(-50%) scaleX(0);
     -moz-transform: translateY(-50%) scaleX(0);
      -ms-transform: translateY(-50%) scaleX(0);
       -o-transform: translateY(-50%) scaleX(0);
          transform: translateY(-50%) scaleX(0);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background-color: #070e3e;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.year-list .container .item .content .year::before {
  content: "";
  position: absolute;
  right: -2px;
  top: 50%;
  width: 4px;
  height: 25px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background-color: #070e3e;
}

.leadership-tabs {
  position: relative;
}
.leadership-tabs::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  left: unset;
  right: 0;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  background-color: #F7F7F7;
}
.leadership-tabs .container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.leadership-tabs .container .item {
  font-size: 1.33rem;
  font-weight: 600;
  color: #706c6c;
  position: relative;
  white-space: nowrap;
  padding-bottom: 30px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  cursor: pointer;
}
.leadership-tabs .container .item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80%;
  height: 10px;
  background-color: #eaeaea;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.leadership-tabs .container .item:hover {
  color: #222121;
}
.leadership-tabs .container .item.active {
  pointer-events: none;
  color: #070e3e;
}
.leadership-tabs .container .item.active::before {
  background-color: #070e3e;
}
.leadership-tabs .container .item + .item {
  margin-left: 45px;
}

.leadership-list {
  position: relative;
  -webkit-transition: 0.6s ease all;
  -o-transition: 0.6s ease all;
  -moz-transition: 0.6s ease all;
  transition: 0.6s ease all;
  overflow: hidden;
}
.leadership-list .wrapper {
  position: relative;
}
.leadership-list .wrapper .item {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 30px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
       -o-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.leadership-list .wrapper .item.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.leadership-list .wrapper .item .person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.leadership-list .wrapper .item .person:hover .image {
  width: 100%;
}
.leadership-list .wrapper .item .person:hover .text {
  width: 100%;
  padding: 30px 135px 30px 30px;
  left: 0;
}
.leadership-list .wrapper .item .person .popup-trigger {
  cursor: pointer;
}
.leadership-list .wrapper .item .person .image {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: block;
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  height: 375px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.leadership-list .wrapper .item .person .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.leadership-list .wrapper .item .person .text {
  position: relative;
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  height: 100%;
  left: -60px;
  background-color: #09174a;
  padding: 30px 75px 30px 30px;
  margin-top: -90px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.leadership-list .wrapper .item .person .text .name {
  display: block;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
}
.leadership-list .wrapper .item .person .text .position {
  color: white;
  font-size: 1.125rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3.5rem;
}
.leadership-list .wrapper .item .person .text .expo {
  display: none;
}
.leadership-list .wrapper .item .person .text .linkedin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}
.leadership-list .wrapper .item .person .text .linkedin svg {
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  width: 20px;
  fill: white;
}
.leadership-list .wrapper .item .person .text .linkedin:hover {
  -webkit-box-shadow: 0 0 0 1px white;
     -moz-box-shadow: 0 0 0 1px white;
          box-shadow: 0 0 0 1px white;
}
.leadership-list .wrapper .item .person .text .linkedin:hover svg {
  -webkit-transform: scale(0.75);
     -moz-transform: scale(0.75);
      -ms-transform: scale(0.75);
       -o-transform: scale(0.75);
          transform: scale(0.75);
}

.person-popup {
  padding: 0;
  margin: 0;
  background-color: #070e3e;
}
.person-popup .carousel__button {
  top: 15px !important;
  right: 15px !important;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.person-popup .carousel__button:hover {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.person-popup .inner {
  max-width: 1200px;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
}
.person-popup .inner .image {
  height: 100%;
}
.person-popup .inner .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.person-popup .inner .content {
  padding: 60px 45px 45px;
}
.person-popup .inner .content .about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.person-popup .inner .content .about .info .name {
  font-size: 2.5rem;
  color: white;
  font-weight: bold;
}
.person-popup .inner .content .about .info .position {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.5rem;
}
.person-popup .inner .content .about .linkedin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 20px;
}
.person-popup .inner .content .about .linkedin svg {
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  width: 30px;
  fill: white;
}
.person-popup .inner .content .about .linkedin:hover {
  -webkit-box-shadow: 0 0 0 1px white;
     -moz-box-shadow: 0 0 0 1px white;
          box-shadow: 0 0 0 1px white;
}
.person-popup .inner .content .about .linkedin:hover svg {
  -webkit-transform: scale(0.75);
     -moz-transform: scale(0.75);
      -ms-transform: scale(0.75);
       -o-transform: scale(0.75);
          transform: scale(0.75);
}
.person-popup .inner .content .detail {
  margin-top: 45px;
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
}
.person-popup .inner .content .detail > *:last-child {
  margin-bottom: 0;
}
.person-popup .inner .content .detail::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.person-popup .inner .content .detail::-webkit-scrollbar-track {
  -webkit-border-radius: 50px;
          border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.25);
}
.person-popup .inner .content .detail::-webkit-scrollbar-thumb {
  -webkit-border-radius: 50px;
          border-radius: 50px;
  background-color: white;
}

.job-alert {
  padding: 0;
  margin: 0;
  background-color: #070e3e;
}
.job-alert .carousel__button {
  top: 15px !important;
  right: 15px !important;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.job-alert .carousel__button:hover {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.job-alert .inner {
  padding: 45px 60px;
  max-width: 1200px;
  width: 100%;
  display: grid;
  background-color: #070e3e;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.job-alert .inner .context > *:last-child {
  margin-bottom: 0;
}

.job-popup {
  padding: 0;
  margin: 0;
  background-color: #070e3e;
}
.job-popup .carousel__button {
  top: 15px !important;
  right: 15px !important;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.job-popup .carousel__button:hover {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.job-popup .inner {
  padding: 45px 60px;
  max-width: 900px;
  width: 100%;
  background-color: #070e3e;
}
.job-popup .inner .title {
  font-size: 1.875rem;
  font-weight: bold;
  color: white;
  margin-bottom: 30px;
}
.job-popup .inner .context {
  margin-bottom: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
  padding-right: 30px;
}
.job-popup .inner .context::-webkit-scrollbar {
  -webkit-border-radius: 100px;
          border-radius: 100px;
  width: 5px;
  height: 5px;
}
.job-popup .inner .context::-webkit-scrollbar-track {
  -webkit-border-radius: 100px;
          border-radius: 100px;
  border-left: 0;
  background-color: rgba(255, 255, 255, 0.2);
}
.job-popup .inner .context::-webkit-scrollbar-thumb {
  -webkit-border-radius: 100px;
          border-radius: 100px;
  background-color: white;
}
.job-popup .inner .context > *:last-child {
  margin-bottom: 0;
}

.technology-field {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.technology-field .section-heading {
  padding-right: 30px;
}
.technology-field::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  height: 100%;
  background-color: #F7F7F7;
}
.technology-field > .container {
  position: relative;
  z-index: 1;
  padding: 60px 30px 0;
}
.technology-field > .container::before {
  content: "";
  position: absolute;
  top: 0;
  left: -60px;
  width: 200%;
  height: 100%;
  background-color: white;
}
.technology-field > .container .item {
  position: relative;
  z-index: 3;
}
.technology-field > .container .item + .item {
  margin-top: 60px;
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology:hover .content {
  width: 100%;
  background-color: #070e3e;
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology:hover .content .title {
  font-weight: bold;
  color: white;
  margin-bottom: 15px;
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology:hover .content .expo {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 0.75;
  max-height: 500px;
  width: 100%;
  -webkit-transition: 1s ease max-height, 0.45s ease opacity, 0.45s ease transform, 0.45s ease width;
  -o-transition: 1s ease max-height, 0.45s ease opacity, 0.45s ease transform, 0.45s ease width;
  -moz-transition: 1s ease max-height, 0.45s ease opacity, 0.45s ease transform, 0.45s ease width;
  transition: 1s ease max-height, 0.45s ease opacity, 0.45s ease transform, 0.45s ease width;
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology .image {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  height: 250px;
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology .content {
  background-color: #F7F7F7;
  padding: 20px 30px;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology .content .title {
  font-size: 1.25rem;
  color: #222121;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology .content .expo {
  color: white;
  font-size: 0.875rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  width: -webkit-calc(100% + 30px);
  width: -moz-calc(100% + 30px);
  width: calc(100% + 30px);
  -webkit-transform: translateY(15px);
     -moz-transform: translateY(15px);
      -ms-transform: translateY(15px);
       -o-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}

.solutions-detail-bar {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: relative;
}
.solutions-detail-bar .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: #070e3e;
}
.solutions-detail-bar .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.solutions-detail-bar .logo-draw {
  position: absolute;
  left: 0;
  top: 50%;
  height: 120%;
  -webkit-transform: translateX(-15%) translateY(-50%) rotate(25deg);
     -moz-transform: translateX(-15%) translateY(-50%) rotate(25deg);
      -ms-transform: translateX(-15%) translateY(-50%) rotate(25deg);
       -o-transform: translateX(-15%) translateY(-50%) rotate(25deg);
          transform: translateX(-15%) translateY(-50%) rotate(25deg);
  opacity: 0.15;
}
.solutions-detail-bar .wrapper {
  position: relative;
  z-index: 2;
  padding: 90px 30px;
}
.solutions-detail-bar .wrapper .content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 60px;
}
.solutions-detail-bar .wrapper .content .item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(25% - 60px);
     -moz-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 60px);
          flex: 0 0 calc(25% - 60px);
  position: relative;
}
.solutions-detail-bar .wrapper .content .item:not(:nth-child(4n+1))::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}
.solutions-detail-bar .wrapper .content .item:hover img {
  -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);
}
.solutions-detail-bar .wrapper .content .item:hover .text .more svg {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
.solutions-detail-bar .wrapper .content .item img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  display: block;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  margin-bottom: 20px;
}
.solutions-detail-bar .wrapper .content .item .text .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: white;
}
.solutions-detail-bar .wrapper .content .item .text .expo {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 20px;
}
.solutions-detail-bar .wrapper .content .item .text .more {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.solutions-detail-bar .wrapper .content .item .text .more span {
  color: white;
  font-weight: bold;
}
.solutions-detail-bar .wrapper .content .item .text .more svg {
  height: 8px;
  fill: white;
  margin-left: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transform: translateX(-5px);
     -moz-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
       -o-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.solution-detail-list .container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px;
}
.solution-detail-list .container .item {
  display: block;
  height: 375px;
  position: relative;
}
.solution-detail-list .container .item:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.solution-detail-list .container .item:hover .image::after {
  background-color: rgba(0, 0, 0, 0.4);
}
.solution-detail-list .container .item:hover .content .title {
  opacity: 1;
}
.solution-detail-list .container .item:hover .content .button-wrapper {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
.solution-detail-list .container .item .image {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
}
.solution-detail-list .container .item .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.solution-detail-list .container .item .image::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.solution-detail-list .container .item .content {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.solution-detail-list .container .item .content .title {
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  color: white;
  opacity: 0.7;
  font-size: 1.625rem;
  font-weight: bold;
}
.solution-detail-list .container .item .content .button-wrapper {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(15px);
     -moz-transform: translateX(15px);
      -ms-transform: translateX(15px);
       -o-transform: translateX(15px);
          transform: translateX(15px);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.statistics-bar {
  position: relative;
  padding-bottom: 75px;
}
.statistics-bar::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  right: 0;
  left: unset;
  background-color: #F7F7F7;
}
.statistics-bar .container {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 45px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.statistics-bar .container .year .value {
  font-size: 1.875rem;
  color: #070e3e;
  font-weight: bold;
}
.statistics-bar .container .year .text {
  font-size: 1.625rem;
  font-weight: 500;
  color: #222121;
}
.statistics-bar .container .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.statistics-bar .container .info .value {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #070e3e;
  font-weight: bold;
  margin-right: 20px;
  font-size: 3.5rem;
}
.statistics-bar .container .info .text {
  color: #222121;
  font-size: 1.25rem;
  font-weight: 500;
}

.iframe-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px;
}
.iframe-list .item {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  background-color: white;
  border: 1px solid #e0e0e0;
  padding: 30px;
}
.iframe-list .item iframe {
  border: 1px solid #e0e0e0 !important;
}

.social-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 30px;
}
.social-list .item {
  display: block;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0;
     -moz-box-shadow: 0 0 0 1px #e0e0e0;
          box-shadow: 0 0 0 1px #e0e0e0;
  padding: 20px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.social-list .item:hover {
  -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
}
.social-list .item:hover .more svg {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
}
.social-list .item .image {
  height: 225px;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0;
     -moz-box-shadow: 0 0 0 1px #e0e0e0;
          box-shadow: 0 0 0 1px #e0e0e0;
  padding: 30px 45px;
  margin-bottom: 15px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.social-list .item .image img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.social-list .item .title {
  font-size: 1.875rem;
  font-weight: bold;
  color: #222121;
}
.social-list .item .expo {
  color: rgba(34, 33, 33, 0.75);
  font-size: 1.25rem;
}
.social-list .item .more {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
}
.social-list .item .more span {
  color: #070e3e;
}
.social-list .item .more svg {
  height: 8px;
  fill: #070e3e;
  margin-left: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.gallery-main-title {
  text-align: center;
  font-size: 2.5rem;
  color: #222121;
  margin-bottom: 15px;
}

.gallery-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  color: #070e3e;
  margin-bottom: 30px;
}

.gallery-image {
  display: block;
  width: 100%;
}
.gallery-image img {
  width: 100%;
  height: auto;
}

.scroll-point {
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.scroll-point .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}
.scroll-point .icon .center {
  width: 13px;
  height: 13px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  background-color: #070e3e;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: perspective(1000px) translateY(-25px) rotateX(-80deg) scale(0.5);
     -moz-transform: perspective(1000px) translateY(-25px) rotateX(-80deg) scale(0.5);
          transform: perspective(1000px) translateY(-25px) rotateX(-80deg) scale(0.5);
  opacity: 0;
}
.scroll-point span {
  display: block;
  color: #070e3e;
  margin-left: 20px;
  -webkit-transform-origin: -45px 50%;
     -moz-transform-origin: -45px 50%;
      -ms-transform-origin: -45px 50%;
       -o-transform-origin: -45px 50%;
          transform-origin: -45px 50%;
}
.scroll-point span.placeholder {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
     -moz-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  opacity: 0;
}

.search-popup {
  padding: 30px;
  background-color: unset;
  max-width: 900px;
  width: 100%;
}
.search-popup .carousel__button {
  right: unset;
  left: 50%;
  width: 70px;
  height: 70px;
  -webkit-transform: translateX(-50%) translateY(-100px);
     -moz-transform: translateX(-50%) translateY(-100px);
      -ms-transform: translateX(-50%) translateY(-100px);
       -o-transform: translateX(-50%) translateY(-100px);
          transform: translateX(-50%) translateY(-100px);
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.search-popup .carousel__button:hover {
  background-color: #03052B;
  -webkit-transform: translateX(-50%) translateY(-100px) rotate(90deg);
     -moz-transform: translateX(-50%) translateY(-100px) rotate(90deg);
      -ms-transform: translateX(-50%) translateY(-100px) rotate(90deg);
       -o-transform: translateX(-50%) translateY(-100px) rotate(90deg);
          transform: translateX(-50%) translateY(-100px) rotate(90deg);
}
.search-popup .inner {
  width: 100%;
}
.search-popup .inner form {
  width: 100%;
}
.search-popup .inner .search-bar {
  width: 100%;
  position: relative;
}
.search-popup .inner .search-bar::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOS4zOSAzOS4zOSI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xNS4yNCwzMC40OEM2Ljg0LDMwLjQ4LDAsMjMuNjQsMCwxNS4yNFM2Ljg0LDAsMTUuMjQsMHMxNS4yNCw2Ljg0LDE1LjI0LDE1LjI0LTYuODQsMTUuMjQtMTUuMjQsMTUuMjRabTAtMjcuNDhDOC40OSwzLDMsOC40OSwzLDE1LjI0czUuNDksMTIuMjQsMTIuMjQsMTIuMjQsMTIuMjQtNS40OSwxMi4yNC0xMi4yNFMyMS45OSwzLDE1LjI0LDNabTIzLjcxLDM1Ljk1Yy41OS0uNTksLjU5LTEuNTQsMC0yLjEybC04LjkyLTguOTJjLS41OS0uNTktMS41NC0uNTktMi4xMiwwLS41OSwuNTktLjU5LDEuNTQsMCwyLjEybDguOTIsOC45MmMuMjksLjI5LC42OCwuNDQsMS4wNiwuNDRzLjc3LS4xNSwxLjA2LS40NFoiLz48L3N2Zz4=");
  -moz-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
}
.search-popup .inner .search-bar input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  height: 82px;
  width: 100%;
  padding: 0 90px 0 30px;
  background-color: unset;
  color: white;
  font-size: 1.125rem;
  font-weight: bold;
  border: 1px solid rgba(255, 255, 255, 0.6);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.search-popup .inner .search-bar input::-webkit-search-decoration, .search-popup .inner .search-bar input::-webkit-search-cancel-button, .search-popup .inner .search-bar input::-webkit-search-results-button, .search-popup .inner .search-bar input::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.search-popup .inner .search-bar input::-webkit-inner-spin-button, .search-popup .inner .search-bar input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
          appearance: none;
}
.search-popup .inner .search-bar input::-ms-expand {
  display: none;
}
.search-popup .inner .search-bar input:focus, .search-popup .inner .search-bar input:hover {
  border-color: white;
}

.booking-popup {
  background-color: unset;
  max-width: 1100px;
  width: 100%;
  padding: 0;
}
.booking-popup .carousel__button {
  top: 15px !important;
  right: 15px !important;
  color: #03052B !important;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.booking-popup .carousel__button:hover {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.booking-popup .inner {
  padding: 45px 90px;
  background-color: white;
  width: 100%;
}
.booking-popup .inner .title {
  color: #070e3e;
}
.booking-popup .inner form {
  width: 100%;
}

header {
  z-index: 100;
  position: fixed;
  height: var(--header-height);
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
header.hidden {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
header.is-fixed {
  -webkit-box-shadow: 0 10px 60px -15px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 10px 60px -15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 60px -15px rgba(0, 0, 0, 0.1);
  height: -webkit-calc(var(--header-height) / 1.5);
  height: -moz-calc(var(--header-height) / 1.5);
  height: calc(var(--header-height) / 1.5);
  background-color: black;
}
header.is-fixed .wrapper .logo {
  max-width: -webkit-calc(var(--header-height) * 1);
  max-width: -moz-calc(var(--header-height) * 1);
  max-width: calc(var(--header-height) * 1);
}
header.is-fixed .wrapper .logo svg {
  fill: #FFFFFF;
}
header.is-fixed .wrapper .contents .topbar {
  -webkit-transform: translateY(-36px);
     -moz-transform: translateY(-36px);
      -ms-transform: translateY(-36px);
       -o-transform: translateY(-36px);
          transform: translateY(-36px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
header.is-fixed .wrapper .contents .menu {
  -webkit-transform: translateY(-28px);
     -moz-transform: translateY(-28px);
      -ms-transform: translateY(-28px);
       -o-transform: translateY(-28px);
          transform: translateY(-28px);
}
header.is-fixed .wrapper .contents .menu > li > a {
  color: #FFFFFF;
}
header.is-fixed .wrapper .contents .menu > li:hover > a {
  color: white;
}
header.is-fixed .wrapper .contents .menu > li.has-child > a::after {
  -webkit-filter: invert(10%) sepia(47%) saturate(3866%) hue-rotate(262deg) brightness(50%) contrast(96%);
          filter: invert(10%) sepia(47%) saturate(3866%) hue-rotate(262deg) brightness(50%) contrast(96%);
}
header.is-fixed .wrapper .contents .menu > li.has-child .sub-menu {
  -webkit-transform: translateY(60px) translateX(-50%);
     -moz-transform: translateY(60px) translateX(-50%);
      -ms-transform: translateY(60px) translateX(-50%);
       -o-transform: translateY(60px) translateX(-50%);
          transform: translateY(60px) translateX(-50%);
}
header.is-fixed .wrapper .contents .menu > li.has-child:hover .sub-menu {
  -webkit-transform: translateY(30px) translateX(-50%);
     -moz-transform: translateY(30px) translateX(-50%);
      -ms-transform: translateY(30px) translateX(-50%);
       -o-transform: translateY(30px) translateX(-50%);
          transform: translateY(30px) translateX(-50%);
}
header.is-fixed .wrapper .contents .menu > li.has-child .sub-menu::before {
  height: 60px;
}
header.is-fixed .wrapper .contents .menu > li.has-child > a::before {
  -webkit-transform: translateY(60px) translateX(-50%);
     -moz-transform: translateY(60px) translateX(-50%);
      -ms-transform: translateY(60px) translateX(-50%);
       -o-transform: translateY(60px) translateX(-50%);
          transform: translateY(60px) translateX(-50%);
}
header.is-fixed .wrapper .contents .menu > li.has-child:hover > a::before {
  -webkit-transform: translateY(31px) translateX(-50%);
     -moz-transform: translateY(31px) translateX(-50%);
      -ms-transform: translateY(31px) translateX(-50%);
       -o-transform: translateY(31px) translateX(-50%);
          transform: translateY(31px) translateX(-50%);
}
header .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .wrapper .logo {
  display: block;
  max-width: -webkit-calc(var(--header-height) * 1.33);
  max-width: -moz-calc(var(--header-height) * 1.33);
  max-width: calc(var(--header-height) * 1.33);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .logo img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
header .wrapper .logo svg {
  display: block;
  width: 100%;
  fill: white;
  -webkit-transition: 0.3s ease fill;
  -o-transition: 0.3s ease fill;
  -moz-transition: 0.3s ease fill;
  transition: 0.3s ease fill;
}
header .wrapper .logo svg path {
  -webkit-transform: perspective(1000px) rotateY(-60deg) translateX(60%);
     -moz-transform: perspective(1000px) rotateY(-60deg) translateX(60%);
          transform: perspective(1000px) rotateY(-60deg) translateX(60%);
  opacity: 0;
}
header .wrapper .contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
header .wrapper .contents .topbar {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .topbar .line {
  height: 36px;
  width: 1px;
  margin: 0 20px;
  background-color: rgba(255, 255, 255, 0.2);
}
header .wrapper .contents .topbar .links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .wrapper .contents .topbar .links > li {
  margin-right: 20px;
}
header .wrapper .contents .topbar .links > li > a {
  font-size: 0.875rem;
  color: white;
  -webkit-transition: 0.3s ease opacity;
  -o-transition: 0.3s ease opacity;
  -moz-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
}
header .wrapper .contents .topbar .links > li > a:hover {
  opacity: 0.75;
}
header .wrapper .contents .topbar .language {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
header .wrapper .contents .topbar .language .inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 18px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
header .wrapper .contents .topbar .language .inner::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 20px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .topbar .language .inner::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .topbar .language .inner .text {
  position: relative;
  height: 20px;
  overflow: hidden;
}
header .wrapper .contents .topbar .language .inner .text span {
  display: block;
  font-size: 0.875rem;
  color: white;
  position: relative;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .topbar .language .other {
  position: absolute;
  top: -webkit-calc(100% + 20px);
  top: -moz-calc(100% + 20px);
  top: calc(100% + 20px);
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(15px);
     -moz-transform: translateX(-50%) translateY(15px);
      -ms-transform: translateX(-50%) translateY(15px);
       -o-transform: translateX(-50%) translateY(15px);
          transform: translateX(-50%) translateY(15px);
  background-color: white;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .topbar .language .other::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 20px;
}
header .wrapper .contents .topbar .language .other a {
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  display: block;
  color: #222121;
  font-size: 0.875rem;
}
header .wrapper .contents .topbar .language .other a:hover {
  color: #070e3e;
}
header .wrapper .contents .topbar .language .other a + a {
  margin-top: 5px;
}
header .wrapper .contents .topbar .language:hover .inner::before {
  -webkit-transform: translateY(8px);
     -moz-transform: translateY(8px);
      -ms-transform: translateY(8px);
       -o-transform: translateY(8px);
          transform: translateY(8px);
}
header .wrapper .contents .topbar .language:hover .other {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  -webkit-transform: translateX(-50%) translateY(0);
     -moz-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
       -o-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
header .wrapper .contents .topbar .booking svg {
  display: none;
}
header .wrapper .contents .topbar .menu-trigger {
  height: 40px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
     -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  margin-left: 20px;
  width: 60px;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 20px;
  position: relative;
}
header .wrapper .contents .topbar .menu-trigger::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  background-color: white;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
header .wrapper .contents .topbar .menu-trigger span {
  display: block;
  position: relative;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
  z-index: 1;
  height: 2px;
  width: 100%;
  background-color: #070e3e;
}
header .wrapper .contents .topbar .menu-trigger.active span:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
     -moz-transform: translateY(7px) rotate(45deg);
      -ms-transform: translateY(7px) rotate(45deg);
       -o-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
header .wrapper .contents .topbar .menu-trigger.active span:nth-child(2) {
  width: 0;
}
header .wrapper .contents .topbar .menu-trigger.active span:nth-child(3) {
  -webkit-transform: translateY(-6.5px) rotate(-45deg);
     -moz-transform: translateY(-6.5px) rotate(-45deg);
      -ms-transform: translateY(-6.5px) rotate(-45deg);
       -o-transform: translateY(-6.5px) rotate(-45deg);
          transform: translateY(-6.5px) rotate(-45deg);
}
header .wrapper .contents .menu {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .menu span.trigger {
  position: absolute;
  right: 0;
  top: 6px;
  height: 35px;
  width: 35px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .menu span.trigger svg {
  width: 10px;
  height: 10px;
  fill: gray;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .menu span.trigger.active {
  background-color: #070e3e;
}
header .wrapper .contents .menu span.trigger.active svg {
  fill: white;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
header .wrapper .contents .menu > li + li {
  margin-left: 20px;
}
header .wrapper .contents .menu > li > a {
  color: white;
  display: block;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .menu > li:hover > a {
  color: rgba(255, 255, 255, 0.75);
}
header .wrapper .contents .menu > li.has-child > a {
  position: relative;
  padding-right: 10px;
}
header .wrapper .contents .menu > li.has-child > a.purple::before {
  border-color: transparent transparent #03052B transparent;
}
header .wrapper .contents .menu > li.has-child > a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent white transparent;
  left: 50%;
  top: 44px;
  pointer-events: none;
  -webkit-transform: perspective(1000px) rotateX(-30deg) translateY(36px) translateX(-50%);
     -moz-transform: perspective(1000px) rotateX(-30deg) translateY(36px) translateX(-50%);
          transform: perspective(1000px) rotateX(-30deg) translateY(36px) translateX(-50%);
  opacity: 0;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
header .wrapper .contents .menu > li.has-child > a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDIuOTgiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJkIiBkPSJNMi41LDIuOThjLS4xMywwLS4yNS0uMDUtLjM0LS4xNEwuMTQsLjgyQy0uMDUsLjYzLS4wNSwuMzMsLjE0LC4xNFMuNjMtLjA1LC44MiwuMTRsMS42OCwxLjY4TDQuMTgsLjE0Yy4xOS0uMTksLjQ5LS4xOSwuNjgsMHMuMTksLjQ5LDAsLjY4TDIuODQsMi44NGMtLjA5LC4wOS0uMjEsLjE0LS4zNCwuMTRaIi8+PC9zdmc+");
  -moz-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .menu > li.has-child:hover > a::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
     -moz-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
       -o-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
header .wrapper .contents .menu > li.has-child:hover > a::before {
  opacity: 1;
  -webkit-transform: translateY(0px) translateX(-50%);
     -moz-transform: translateY(0px) translateX(-50%);
      -ms-transform: translateY(0px) translateX(-50%);
       -o-transform: translateY(0px) translateX(-50%);
          transform: translateY(0px) translateX(-50%);
}
header .wrapper .contents .menu > li.has-child:hover .sub-menu {
  -webkit-transform: translateY(0px) translateX(-50%);
     -moz-transform: translateY(0px) translateX(-50%);
      -ms-transform: translateY(0px) translateX(-50%);
       -o-transform: translateY(0px) translateX(-50%);
          transform: translateY(0px) translateX(-50%);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
  pointer-events: visible;
}
header .wrapper .contents .menu > li.has-child .sub-menu {
  position: absolute;
  top: -webkit-calc(100% + 30px);
  top: -moz-calc(100% + 30px);
  top: calc(100% + 30px);
  left: 50%;
  background-color: white;
  -webkit-transform: translateY(30px) translateX(-50%);
     -moz-transform: translateY(30px) translateX(-50%);
      -ms-transform: translateY(30px) translateX(-50%);
       -o-transform: translateY(30px) translateX(-50%);
          transform: translateY(30px) translateX(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-box-shadow: 0 10px 60px -15px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 10px 60px -15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 60px -15px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.6s ease all;
  -o-transition: 0.6s ease all;
  -moz-transition: 0.6s ease all;
  transition: 0.6s ease all;
}
header .wrapper .contents .menu > li.has-child .sub-menu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: transparent;
}
header .wrapper .contents .menu > li.has-child .sub-menu .info {
  background-color: #03052B;
  padding: 30px;
  min-width: 250px;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list {
  background-color: white;
  padding: 30px;
  min-width: 100%;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list.with-image a + a {
  margin-top: 20px;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list.with-image a span {
  font-size: 1.125rem;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-right: 30px;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list a + a {
  margin-top: 10px;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list a:hover span {
  color: black;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list a:hover::after {
  -webkit-transform: translateX(0) translateY(-50%);
     -moz-transform: translateX(0) translateY(-50%);
      -ms-transform: translateX(0) translateY(-50%);
       -o-transform: translateX(0) translateY(-50%);
          transform: translateX(0) translateY(-50%);
  opacity: 1;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateX(-15px) translateY(-50%);
     -moz-transform: translateX(-15px) translateY(-50%);
      -ms-transform: translateX(-15px) translateY(-50%);
       -o-transform: translateX(-15px) translateY(-50%);
          transform: translateX(-15px) translateY(-50%);
  opacity: 0;
  pointer-events: none;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMS4zMyA5LjY5Ij48cGF0aCBkPSJNMTEuMzMsNC44NWMwLS4xLS4wMi0uMi0uMDYtLjI5LS4wNC0uMDktLjA5LS4xNy0uMTYtLjI0TDcuMDEsLjIyYy0uMjktLjI5LS43Ny0uMjktMS4wNiwwcy0uMjksLjc3LDAsMS4wNmwyLjgyLDIuODFILjc1Yy0uNDEsMC0uNzUsLjM0LS43NSwuNzVzLjM0LC43NSwuNzUsLjc1SDguNzZsLTIuODIsMi44MWMtLjI5LC4yOS0uMjksLjc3LDAsMS4wNiwuMTUsLjE1LC4zNCwuMjIsLjUzLC4yMnMuMzgtLjA3LC41My0uMjJsNC4xLTQuMDljLjA3LS4wNywuMTItLjE1LC4xNi0uMjQsLjA0LS4wOSwuMDYtLjE5LC4wNi0uMjlaIi8+PC9zdmc+");
  -moz-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-filter: invert(10%) sepia(71%) saturate(2964%) hue-rotate(264deg) brightness(76%) contrast(95%);
          filter: invert(10%) sepia(71%) saturate(2964%) hue-rotate(264deg) brightness(76%) contrast(95%);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list a img {
  image-rendering: -webkit-optimize-contrast;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 20px;
}
header .wrapper .contents .menu > li.has-child .sub-menu .list a span {
  color: black;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
header .wrapper .contents .menu > li.has-child.type--info.two-columns-menu .sub-menu {
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
}
header .wrapper .contents .menu > li.has-child.type--info.two-columns-menu .sub-menu .info {
  min-width: 200px;
}
header .wrapper .contents .menu > li.has-child.type--info.two-columns-menu .sub-menu .list {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
header .wrapper .contents .menu > li.has-child.type--info .sub-menu {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
}
header .wrapper .contents .menu > li.has-child.type--default {
  position: relative;
}
header .wrapper .contents .menu > li.has-child.type--default .sub-menu .list a span {
  white-space: nowrap;
}

footer {
  position: relative;
  z-index: 1;
}
footer .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
}
footer .background video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
footer .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
footer .background:after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}
footer .content {
  padding: 60px 0;
  position: relative;
  z-index: 1;
}
footer .content .container {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.75fr);
  grid-gap: 120px;
}
footer .content .container .brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .content .container .brand .logo {
  display: block;
  max-width: 160px;
}
footer .content .container .brand .logo img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
footer .content .container .brand .scroll-top {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 60px;
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
footer .content .container .brand .scroll-top .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: inset 0 0 0 1px white;
     -moz-box-shadow: inset 0 0 0 1px white;
          box-shadow: inset 0 0 0 1px white;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}
footer .content .container .brand .scroll-top .icon svg {
  -webkit-transform: perspective(1000px) translateY(25px) rotateX(80deg) scale(0.5);
     -moz-transform: perspective(1000px) translateY(25px) rotateX(80deg) scale(0.5);
          transform: perspective(1000px) translateY(25px) rotateX(80deg) scale(0.5);
  fill: white;
  width: 10px;
}
footer .content .container .brand .scroll-top span {
  display: block;
  color: white;
  margin-left: 20px;
  -webkit-transform-origin: -45px 50%;
     -moz-transform-origin: -45px 50%;
      -ms-transform-origin: -45px 50%;
       -o-transform-origin: -45px 50%;
          transform-origin: -45px 50%;
}
footer .content .container .brand .scroll-top span.placeholder {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
     -moz-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  opacity: 0;
}
footer .content .container .menu.wide {
  grid-column: span 2;
}
footer .content .container .menu.wide .list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0 120px;
}
footer .content .container .menu .title {
  font-weight: bold;
  color: white;
  margin-bottom: 20px;
}
footer .content .container .menu .list a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: white;
  margin-bottom: 5px;
  position: relative;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
footer .content .container .menu .list a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1px;
  width: 0;
  background-color: white;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
footer .content .container .menu .list a:hover {
  -webkit-transform: translateX(15px);
     -moz-transform: translateX(15px);
      -ms-transform: translateX(15px);
       -o-transform: translateX(15px);
          transform: translateX(15px);
}
footer .content .container .menu .list a:hover::before {
  width: 10px;
  -webkit-transform: translateX(-15px) translateY(-50%);
     -moz-transform: translateX(-15px) translateY(-50%);
      -ms-transform: translateX(-15px) translateY(-50%);
       -o-transform: translateX(-15px) translateY(-50%);
          transform: translateX(-15px) translateY(-50%);
}
footer .content .container .contact .location .title {
  font-weight: bold;
  color: white;
  margin-bottom: 20px;
}
footer .content .container .contact .location .info {
  color: white;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
footer .content .container .contact .location .info:hover {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
  opacity: 0.75;
}
footer .content .container .contact .location .info + .info {
  margin-top: 5px;
}
footer .content .container .contact .location + .location {
  margin-top: 30px;
}
footer .content .container .contact .social {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .content .container .contact .social a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
footer .content .container .contact .social a svg {
  width: 22px;
  height: 22px;
  fill: white;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
footer .content .container .contact .social a:hover {
  -webkit-box-shadow: 0 0 0 1px white;
     -moz-box-shadow: 0 0 0 1px white;
          box-shadow: 0 0 0 1px white;
}
footer .content .container .contact .social a:hover svg {
  -webkit-transform: scale(0.75);
     -moz-transform: scale(0.75);
      -ms-transform: scale(0.75);
       -o-transform: scale(0.75);
          transform: scale(0.75);
}
footer .copyright {
  position: relative;
  z-index: 1;
}
footer .copyright .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px 30px;
}
footer .copyright .container .text {
  color: white;
  font-size: 1rem;
}
footer .copyright .container .text a {
  color: white;
  font-weight: 600;
  -webkit-transition: 0.3s ease color;
  -o-transition: 0.3s ease color;
  -moz-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
footer .copyright .container .text a:hover {
  color: #03052B;
}

.breadcrumb {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: relative;
  height: 450px;
  padding: var(--header-height) 0;
}
.breadcrumb.no-color .background::after {
  content: unset;
  display: none;
}
.breadcrumb.short {
  height: 450px;
  padding: var(--header-height) 0 60px;
}
.breadcrumb .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
}
.breadcrumb .background::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.64)), color-stop(65%, rgba(0, 0, 0, 0.38)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.38) 65%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.38) 65%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.38) 65%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.38) 65%, rgba(0, 0, 0, 0) 100%);
}
.breadcrumb .background::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -webkit-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: -moz-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: -o-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: linear-gradient(135deg, #004d9d  0%, #060d8f  33%, #6b72f5 66%, #03052B 100%);
  opacity: 0.5;
}
.breadcrumb .background img, .breadcrumb .background video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.breadcrumb .content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.breadcrumb .content .title {
  font-size: 3.5rem;
  line-height: 1.25;
  color: white;
}
.breadcrumb .content .title strong {
  font-weight: bold;
}
.breadcrumb .content .scroll-down {
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.breadcrumb .content .scroll-down .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: inset 0 0 0 1px white;
     -moz-box-shadow: inset 0 0 0 1px white;
          box-shadow: inset 0 0 0 1px white;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}
.breadcrumb .content .scroll-down .icon .center {
  width: 13px;
  height: 13px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  background-color: white;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: perspective(1000px) translateY(-25px) rotateX(-80deg) scale(0.5);
     -moz-transform: perspective(1000px) translateY(-25px) rotateX(-80deg) scale(0.5);
          transform: perspective(1000px) translateY(-25px) rotateX(-80deg) scale(0.5);
  opacity: 0;
}
.breadcrumb .content .scroll-down span {
  display: block;
  color: white;
  margin-left: 20px;
  -webkit-transform-origin: -45px 50%;
     -moz-transform-origin: -45px 50%;
      -ms-transform-origin: -45px 50%;
       -o-transform-origin: -45px 50%;
          transform-origin: -45px 50%;
}
.breadcrumb .content .scroll-down span.placeholder {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
     -moz-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  opacity: 0;
}
.breadcrumb .line {
  fill: none;
  stroke: url(#breadcrumb-gradient);
  stroke-miterlimit: 10;
  stroke-width: 14px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  -webkit-transform: scale(1.01);
     -moz-transform: scale(1.01);
      -ms-transform: scale(1.01);
       -o-transform: scale(1.01);
          transform: scale(1.01);
  z-index: 2;
}

.navigation-bar .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navigation-bar .container .navigation {
  margin-left: 30px;
}

.progress {
  position: relative;
  height: 2px !important;
  background-color: #EDEDED !important;
}
.progress .swiper-pagination-progressbar-fill {
  background-color: #070e3e !important;
}

.navigation {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.navigation.white .left, .navigation.white .right {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
     -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
.navigation.white .left svg, .navigation.white .right svg {
  fill: rgba(255, 255, 255, 0.5);
}
.navigation.white .left:hover, .navigation.white .right:hover {
  -webkit-box-shadow: inset 0 0 0 1px white;
     -moz-box-shadow: inset 0 0 0 1px white;
          box-shadow: inset 0 0 0 1px white;
}
.navigation.white .left:hover svg, .navigation.white .right:hover svg {
  fill: white;
}
.navigation .left, .navigation .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0 1px #e0e0e0;
     -moz-box-shadow: inset 0 0 0 1px #e0e0e0;
          box-shadow: inset 0 0 0 1px #e0e0e0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.navigation .left.swiper-button-disabled, .navigation .right.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.navigation .left svg, .navigation .right svg {
  width: 16px;
  fill: #bababa;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.navigation .left:hover, .navigation .right:hover {
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
}
.navigation .left:hover svg, .navigation .right:hover svg {
  fill: #070e3e;
}
.navigation .right {
  margin-left: 20px;
}

.grid-with-sidebar {
  margin-top: -webkit-calc(var(--header-height) * -1);
  margin-top: -moz-calc(var(--header-height) * -1);
  margin-top: calc(var(--header-height) * -1);
  position: relative;
  z-index: 1;
}
.grid-with-sidebar.left > .container {
  grid-template-columns: minmax(0, 350px) minmax(0, auto);
}
.grid-with-sidebar.right {
  margin-top: -60px;
}
.grid-with-sidebar.right > .container {
  grid-template-columns: minmax(0, auto) minmax(0, 350px);
}
.grid-with-sidebar.right > .container .sidebar {
  grid-row: 1;
  grid-column: 2;
}
.grid-with-sidebar.right > .container .sidebar::after {
  right: unset;
  left: 100%;
}
.grid-with-sidebar.right > .container .sidebar::before {
  margin-top: 60px;
  left: -90px;
  right: unset;
}
.grid-with-sidebar.right > .container .content {
  grid-row: 1;
  grid-column: 1;
  padding-left: unset;
  padding-right: 45px;
  padding-top: 120px;
}
.grid-with-sidebar > .container {
  display: grid;
}
.grid-with-sidebar > .container .sidebar {
  position: relative;
  background-color: white;
}
.grid-with-sidebar > .container .sidebar::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  left: unset;
  right: 100%;
  background-color: white;
  z-index: 1;
}
.grid-with-sidebar > .container .sidebar::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  width: 500%;
  height: -webkit-calc(100% + 90px);
  height: -moz-calc(100% + 90px);
  height: calc(100% + 90px);
  left: unset;
  right: -90px;
  margin-top: var(--header-height);
  background-color: #F7F7F7;
}
.grid-with-sidebar > .container .sidebar .wrapper {
  position: relative;
  z-index: 1;
  background-color: white;
  width: 100%;
  height: 100%;
  padding: 60px 45px;
}
.grid-with-sidebar > .container .sidebar .wrapper .menu-list .title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #070e3e;
  margin-bottom: 30px;
}
.grid-with-sidebar > .container .sidebar .wrapper .menu-list .nav a {
  display: block;
  position: relative;
  padding-right: 30px;
  color: #222121;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .sidebar .wrapper .menu-list .nav a + a {
  margin-top: 10px;
}
.grid-with-sidebar > .container .sidebar .wrapper .menu-list .nav a:hover {
  color: #070e3e;
  font-weight: bold;
}
.grid-with-sidebar > .container .sidebar .wrapper .menu-list .nav a:hover::after {
  opacity: 1;
  -webkit-transform: translateX(0px) translateY(-50%);
     -moz-transform: translateX(0px) translateY(-50%);
      -ms-transform: translateX(0px) translateY(-50%);
       -o-transform: translateX(0px) translateY(-50%);
          transform: translateX(0px) translateY(-50%);
}
.grid-with-sidebar > .container .sidebar .wrapper .menu-list .nav a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateX(-15px) translateY(-50%);
     -moz-transform: translateX(-15px) translateY(-50%);
      -ms-transform: translateX(-15px) translateY(-50%);
       -o-transform: translateX(-15px) translateY(-50%);
          transform: translateX(-15px) translateY(-50%);
  height: 10px;
  width: 10px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjQ2IDguMDUiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOiMzODIyNTQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJkIiBkPSJNOS40Miw0LjIyYy4wNS0uMTIsLjA1LS4yNiwwLS4zOC0uMDMtLjA2LS4wNi0uMTItLjExLS4xNkw1Ljc5LC4xNWMtLjItLjItLjUxLS4yLS43MSwwcy0uMiwuNTEsMCwuNzFsMi42NywyLjY3SC41Yy0uMjgsMC0uNSwuMjItLjUsLjVzLjIyLC41LC41LC41SDcuNzVsLTIuNjcsMi42N2MtLjIsLjItLjIsLjUxLDAsLjcxLC4xLC4xLC4yMywuMTUsLjM1LC4xNXMuMjYtLjA1LC4zNS0uMTVsMy41Mi0zLjUzcy4wOC0uMSwuMTEtLjE2WiIvPjwvc3ZnPg==");
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #070e3e;
  margin-bottom: 30px;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio + .radio {
  margin-top: 10px;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio:hover::after {
  opacity: 1;
  -webkit-transform: translateX(0px) translateY(-50%);
     -moz-transform: translateX(0px) translateY(-50%);
      -ms-transform: translateX(0px) translateY(-50%);
       -o-transform: translateX(0px) translateY(-50%);
          transform: translateX(0px) translateY(-50%);
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateX(-15px) translateY(-50%);
     -moz-transform: translateX(-15px) translateY(-50%);
      -ms-transform: translateX(-15px) translateY(-50%);
       -o-transform: translateX(-15px) translateY(-50%);
          transform: translateX(-15px) translateY(-50%);
  height: 10px;
  width: 10px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjQ2IDguMDUiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOiMzODIyNTQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJkIiBkPSJNOS40Miw0LjIyYy4wNS0uMTIsLjA1LS4yNiwwLS4zOC0uMDMtLjA2LS4wNi0uMTItLjExLS4xNkw1Ljc5LC4xNWMtLjItLjItLjUxLS4yLS43MSwwcy0uMiwuNTEsMCwuNzFsMi42NywyLjY3SC41Yy0uMjgsMC0uNSwuMjItLjUsLjVzLjIyLC41LC41LC41SDcuNzVsLTIuNjcsMi42N2MtLjIsLjItLjIsLjUxLDAsLjcxLC4xLC4xLC4yMywuMTUsLjM1LC4xNXMuMjYtLjA1LC4zNS0uMTVsMy41Mi0zLjUzcy4wOC0uMSwuMTEtLjE2WiIvPjwvc3ZnPg==");
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio input {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio input:hover + .box {
  -webkit-box-shadow: 0 0 0 1px #c7c7c7;
     -moz-box-shadow: 0 0 0 1px #c7c7c7;
          box-shadow: 0 0 0 1px #c7c7c7;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio input:checked + .box {
  -webkit-box-shadow: 0 0 0 1px #070e3e;
     -moz-box-shadow: 0 0 0 1px #070e3e;
          box-shadow: 0 0 0 1px #070e3e;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio input:checked + .box::before {
  opacity: 1;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio input:checked + .box + span {
  font-weight: bold;
  color: #070e3e;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio .box {
  width: 14px;
  height: 14px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 20px;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0;
     -moz-box-shadow: 0 0 0 1px #e0e0e0;
          box-shadow: 0 0 0 1px #e0e0e0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  position: relative;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio .box::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  z-index: 1;
  left: 50%;
  top: 50%;
  background-color: #070e3e;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .radio span {
  color: #222121;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox + .checkbox {
  margin-top: 10px;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox:hover::after {
  opacity: 1;
  -webkit-transform: translateX(0px) translateY(-50%);
     -moz-transform: translateX(0px) translateY(-50%);
      -ms-transform: translateX(0px) translateY(-50%);
       -o-transform: translateX(0px) translateY(-50%);
          transform: translateX(0px) translateY(-50%);
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateX(-15px) translateY(-50%);
     -moz-transform: translateX(-15px) translateY(-50%);
      -ms-transform: translateX(-15px) translateY(-50%);
       -o-transform: translateX(-15px) translateY(-50%);
          transform: translateX(-15px) translateY(-50%);
  height: 10px;
  width: 10px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjQ2IDguMDUiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOiMzODIyNTQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJkIiBkPSJNOS40Miw0LjIyYy4wNS0uMTIsLjA1LS4yNiwwLS4zOC0uMDMtLjA2LS4wNi0uMTItLjExLS4xNkw1Ljc5LC4xNWMtLjItLjItLjUxLS4yLS43MSwwcy0uMiwuNTEsMCwuNzFsMi42NywyLjY3SC41Yy0uMjgsMC0uNSwuMjItLjUsLjVzLjIyLC41LC41LC41SDcuNzVsLTIuNjcsMi42N2MtLjIsLjItLjIsLjUxLDAsLjcxLC4xLC4xLC4yMywuMTUsLjM1LC4xNXMuMjYtLjA1LC4zNS0uMTVsMy41Mi0zLjUzcy4wOC0uMSwuMTEtLjE2WiIvPjwvc3ZnPg==");
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox input {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox input:hover + .box {
  -webkit-box-shadow: 0 0 0 1px #c7c7c7;
     -moz-box-shadow: 0 0 0 1px #c7c7c7;
          box-shadow: 0 0 0 1px #c7c7c7;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox input:checked + .box {
  -webkit-box-shadow: 0 0 0 1px #070e3e;
     -moz-box-shadow: 0 0 0 1px #070e3e;
          box-shadow: 0 0 0 1px #070e3e;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox input:checked + .box::before {
  opacity: 1;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox input:checked + .box + span {
  font-weight: bold;
  color: #070e3e;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox .box {
  width: 14px;
  height: 14px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 20px;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0;
     -moz-box-shadow: 0 0 0 1px #e0e0e0;
          box-shadow: 0 0 0 1px #e0e0e0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  position: relative;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox .box::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy43NSAxMy43NyI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6I2ZmZjt9LmV7ZmlsbDojMzgyMjU0O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iZSIgZD0iTTYuNDksMTIuNzdjLS40LDAtLjc4LS4xNi0xLjA2LS40NGwtMy45OS0zLjk5Yy0uNTgtLjU4LS41OC0xLjU0LDAtMi4xMiwuMjgtLjI4LC42Ni0uNDQsMS4wNi0uNDRzLjc4LC4xNiwxLjA2LC40NGwyLjkzLDIuOTNMMTQuMTksMS40NGMuMjgtLjI4LC42Ni0uNDQsMS4wNi0uNDRzLjc4LC4xNiwxLjA2LC40NGMuNTgsLjU4LC41OCwxLjU0LDAsMi4xMkw3LjU1LDEyLjMzYy0uMjgsLjI4LS42NiwuNDQtMS4wNiwuNDRaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik02LjQ5LDExLjc3Yy4xMywwLC4yNi0uMDUsLjM1LS4xNUwxNS42MSwyLjg1Yy4yLS4yLC4yLS41MSwwLS43MS0uMi0uMi0uNTEtLjItLjcxLDBMNi40OSwxMC41NmwtMy42My0zLjYzYy0uMi0uMi0uNTEtLjItLjcxLDAtLjIsLjItLjIsLjUxLDAsLjcxbDMuOTksMy45OWMuMSwuMSwuMjMsLjE1LC4zNSwuMTVtMCwyYy0uNjcsMC0xLjMtLjI2LTEuNzctLjczTC43Myw5LjA1Yy0uOTctLjk3LS45Ny0yLjU2LDAtMy41NCwuNDctLjQ3LDEuMS0uNzMsMS43Ny0uNzNzMS4zLC4yNiwxLjc3LC43M2wyLjIyLDIuMjJMMTMuNDksLjczYy40Ny0uNDcsMS4xLS43MywxLjc3LS43M3MxLjMsLjI2LDEuNzcsLjczYy45NywuOTcsLjk3LDIuNTYsMCwzLjU0TDguMjUsMTMuMDRjLS40NywuNDctMS4xLC43My0xLjc3LC43M1oiLz48L3N2Zz4=");
  -moz-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform: translateY(-15%) scale(1.5);
     -moz-transform: translateY(-15%) scale(1.5);
      -ms-transform: translateY(-15%) scale(1.5);
       -o-transform: translateY(-15%) scale(1.5);
          transform: translateY(-15%) scale(1.5);
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .sidebar .wrapper .filter-list .checkbox span {
  color: #222121;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .content {
  position: relative;
  z-index: 2;
  padding-left: 45px;
}
.grid-with-sidebar > .container .content.space {
  padding-top: -webkit-calc(var(--header-height) + 60px);
  padding-top: -moz-calc(var(--header-height) + 60px);
  padding-top: calc(var(--header-height) + 60px);
}
.grid-with-sidebar > .container .content .job-filter {
  height: var(--header-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
}
.grid-with-sidebar > .container .content .job-filter .search-bar {
  max-width: 300px;
  width: 100%;
  position: relative;
  margin-right: 60px;
}
.grid-with-sidebar > .container .content .job-filter .search-bar::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOS4zOSAzOS4zOSI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImQiIGQ9Ik0xNS4yNCwzMC40OEM2Ljg0LDMwLjQ4LDAsMjMuNjQsMCwxNS4yNFM2Ljg0LDAsMTUuMjQsMHMxNS4yNCw2Ljg0LDE1LjI0LDE1LjI0LTYuODQsMTUuMjQtMTUuMjQsMTUuMjRabTAtMjcuNDhDOC40OSwzLDMsOC40OSwzLDE1LjI0czUuNDksMTIuMjQsMTIuMjQsMTIuMjQsMTIuMjQtNS40OSwxMi4yNC0xMi4yNFMyMS45OSwzLDE1LjI0LDNabTIzLjcxLDM1Ljk1Yy41OS0uNTksLjU5LTEuNTQsMC0yLjEybC04LjkyLTguOTJjLS41OS0uNTktMS41NC0uNTktMi4xMiwwLS41OSwuNTktLjU5LDEuNTQsMCwyLjEybDguOTIsOC45MmMuMjksLjI5LC42OCwuNDQsMS4wNiwuNDRzLjc3LS4xNSwxLjA2LS40NFoiLz48L3N2Zz4=");
  -moz-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
}
.grid-with-sidebar > .container .content .job-filter .search-bar input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  height: 40px;
  width: 100%;
  padding: 0 45px 0 20px;
  background-color: unset;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .content .job-filter .search-bar input::-webkit-search-decoration, .grid-with-sidebar > .container .content .job-filter .search-bar input::-webkit-search-cancel-button, .grid-with-sidebar > .container .content .job-filter .search-bar input::-webkit-search-results-button, .grid-with-sidebar > .container .content .job-filter .search-bar input::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.grid-with-sidebar > .container .content .job-filter .search-bar input::-webkit-inner-spin-button, .grid-with-sidebar > .container .content .job-filter .search-bar input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
          appearance: none;
}
.grid-with-sidebar > .container .content .job-filter .search-bar input::-ms-expand {
  display: none;
}
.grid-with-sidebar > .container .content .job-filter .search-bar input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.grid-with-sidebar > .container .content .job-filter .search-bar input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.grid-with-sidebar > .container .content .job-filter .search-bar input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.grid-with-sidebar > .container .content .job-filter .search-bar input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.grid-with-sidebar > .container .content .job-filter .search-bar input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.grid-with-sidebar > .container .content .job-filter .search-bar input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.grid-with-sidebar > .container .content .job-filter .search-bar input:focus, .grid-with-sidebar > .container .content .job-filter .search-bar input:hover {
  border-color: white;
}
.grid-with-sidebar > .container .content .job-filter .search-bar form {
  width: 100%;
}
.grid-with-sidebar > .container .content .job-filter .tabs {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid-with-sidebar > .container .content .job-filter .tabs .item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(33% - 10px);
     -moz-box-flex: 0;
      -ms-flex: 0 0 calc(33% - 10px);
          flex: 0 0 calc(33% - 10px);
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 1.33rem;
  line-height: 1.25;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  cursor: pointer;
}
.grid-with-sidebar > .container .content .job-filter .tabs .item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80%;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .content .job-filter .tabs .item:hover {
  color: rgba(255, 255, 255, 0.75);
}
.grid-with-sidebar > .container .content .job-filter .tabs .item.active {
  pointer-events: none;
  color: white;
}
.grid-with-sidebar > .container .content .job-filter .tabs .item.active::before {
  background-color: white;
}
.grid-with-sidebar > .container .content .job-filter .tabs .item + .item {
  margin-left: 15px;
}
.grid-with-sidebar > .container .content .job-content {
  position: relative;
  -webkit-transition: 0.6s ease height;
  -o-transition: 0.6s ease height;
  -moz-transition: 0.6s ease height;
  transition: 0.6s ease height;
}
.grid-with-sidebar > .container .content .job-content .single {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
       -o-transform: translateY(30px);
          transform: translateY(30px);
}
.grid-with-sidebar > .container .content .job-content .single.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job {
  -webkit-box-shadow: 0 0 0 1px #eaeaea;
     -moz-box-shadow: 0 0 0 1px #eaeaea;
          box-shadow: 0 0 0 1px #eaeaea;
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  padding: 20px 30px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job:hover {
  -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job:hover .name {
  font-weight: bold;
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job .name {
  font-size: 1.125rem;
  font-weight: 500;
  color: #070e3e;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job .expo {
  display: none;
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job .apply {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 30px;
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job .apply span {
  color: #070e3e;
  font-weight: 500;
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job .apply svg {
  fill: #070e3e;
  height: 10px;
  margin-left: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job .apply:hover svg {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
}
.grid-with-sidebar > .container .content .job-content .single .job-list .job + .job {
  margin-top: 20px;
}
.grid-with-sidebar > .container .content .job-content .single .form {
  background-color: white;
  padding: 45px;
  -webkit-box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
}
.grid-with-sidebar > .container .content .job-content .single .form .file-name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  font-size: 0.875rem;
  text-align: center;
  color: #565353;
  margin-top: 10px;
}

.sidebar-trigger {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 99;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #070e3e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.sidebar-trigger svg {
  width: 15px;
  height: 15px;
  fill: white;
}
.sidebar-trigger.active {
  background-color: #03052B;
  -webkit-transform: translateY(-50%) translateX(345px);
     -moz-transform: translateY(-50%) translateX(345px);
      -ms-transform: translateY(-50%) translateX(345px);
       -o-transform: translateY(-50%) translateX(345px);
          transform: translateY(-50%) translateX(345px);
}

.close-sidebar {
  display: none;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.close-sidebar.active {
  opacity: 1;
  visibility: visible;
}

.logo-draw {
  fill: none;
  stroke-miterlimit: 10;
}
.logo-draw.gray-light {
  stroke: #e0e0e0;
}
.logo-draw.white-light {
  stroke: rgba(255, 255, 255, 0.1);
}

.prolog {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: relative;
  margin-top: -webkit-calc(var(--header-height) * -1);
  margin-top: -moz-calc(var(--header-height) * -1);
  margin-top: calc(var(--header-height) * -1);
  width: 100%;
  padding-bottom: 75px;
}
.prolog.left .content {
  grid-template-columns: minmax(0, 75fr) minmax(0, 25fr);
}
.prolog.left .content .text {
  grid-column: 1;
  padding: 45px 60px 45px 0;
}
.prolog.left .content .text::before {
  left: unset;
  right: 100%;
}
.prolog.left .background {
  left: 0;
}
.prolog.right .content .text {
  grid-column: 2;
  padding: 45px 0 45px 60px;
}
.prolog.right .content .text::before {
  right: unset;
  left: 100%;
}
.prolog.right .background {
  right: 0;
}
.prolog .content {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 25fr) minmax(0, 75fr);
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.prolog .content .extra {
  padding: -webkit-calc(var(--header-height) + 30px) 45px 30px 0;
  padding: -moz-calc(var(--header-height) + 30px) 45px 30px 0;
  padding: calc(var(--header-height) + 30px) 45px 30px 0;
  height: 100%;
  position: relative;
  z-index: 1;
}
.prolog .content .extra img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.prolog .content .extra .location {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.prolog .content .extra .location svg {
  height: 30px;
  fill: #070e3e;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 15px;
}
.prolog .content .extra .location span {
  font-size: 1.5rem;
  color: #070e3e;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.prolog .content .extra .location span strong {
  font-weight: bold;
}
.prolog .content .extra .location:hover span {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
}
.prolog .content .text {
  position: relative;
  z-index: 1;
  background-color: white;
}
.prolog .content .text.padding {
  padding: 45px 210px 45px 180px;
}
.prolog .content .text::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: white;
}
.prolog .content .text > *:last-child {
  margin-bottom: 0;
}
.prolog .content .text .logo-draw {
  overflow: hidden;
  position: absolute;
  left: -webkit-calc(100% - 120px);
  left: -moz-calc(100% - 120px);
  left: calc(100% - 120px);
  top: 0;
  height: 100%;
  max-height: 300px;
}
.prolog .content .text .logo-draw path {
  -webkit-transform: scale(1.05) rotate(20deg);
     -moz-transform: scale(1.05) rotate(20deg);
      -ms-transform: scale(1.05) rotate(20deg);
       -o-transform: scale(1.05) rotate(20deg);
          transform: scale(1.05) rotate(20deg);
  -webkit-transform-origin: 40% 60%;
     -moz-transform-origin: 40% 60%;
      -ms-transform-origin: 40% 60%;
       -o-transform-origin: 40% 60%;
          transform-origin: 40% 60%;
}
.prolog .content .text.info {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, auto));
  grid-gap: 30px;
}
.prolog .content .text.info .item {
  padding: 30px 0;
}
.prolog .content .text.info .item .title {
  font-size: 1.33rem;
  color: #070e3e;
  font-weight: bold;
  margin-bottom: 5px;
}
.prolog .content .text.info .item .value {
  font-size: 1.625rem;
  color: #222121;
}
.prolog .background {
  position: absolute;
  bottom: 0;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  height: -webkit-calc(100% - var(--header-height));
  height: -moz-calc(100% - var(--header-height));
  height: calc(100% - var(--header-height));
  background-color: #F7F7F7;
}

.text-on-image {
  width: 100%;
  overflow: hidden;
}
.text-on-image.no-color .wrapper .background::after {
  content: unset !important;
  display: none !important;
}
.text-on-image .wrapper {
  position: relative;
}
.text-on-image .wrapper .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.text-on-image .wrapper .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}
.text-on-image .wrapper .background::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: -moz-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: -o-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: linear-gradient(135deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  opacity: 0.5;
}
.text-on-image .wrapper .content {
  padding: 120px 90px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px;
}
.text-on-image .wrapper .content.full {
  grid-template-columns: minmax(0, 1fr);
}
.text-on-image .wrapper .content .side > *:last-child {
  margin-bottom: 0;
}

.text-with-image {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  padding-top: 90px;
}
.text-with-image.right .container .image {
  grid-row: 1;
  grid-column: 2;
}
.text-with-image.right .container .image img {
  right: unset;
  left: 0;
}
.text-with-image.right .container .text {
  grid-row: 1;
  grid-column: 1;
  padding-right: 90px;
}
.text-with-image.right .container .text::before {
  right: 100%;
}
.text-with-image.left .container .image {
  grid-row: 1;
  grid-column: 1;
}
.text-with-image.left .container .image img {
  left: unset;
  right: 0;
}
.text-with-image.left .container .text {
  grid-row: 1;
  grid-column: 2;
  padding-left: 90px;
}
.text-with-image.left .container .text::before {
  left: 100%;
}
.text-with-image > .container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.text-with-image > .container .image {
  height: -webkit-calc(100% + 90px);
  height: -moz-calc(100% + 90px);
  height: calc(100% + 90px);
  position: relative;
}
.text-with-image > .container .image img {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  width: -webkit-calc(100% + 120px);
  width: -moz-calc(100% + 120px);
  width: calc(100% + 120px);
}
.text-with-image > .container .text {
  background-color: #F7F7F7;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
.text-with-image > .container .text > *:last-child {
  margin-bottom: 0;
}
.text-with-image > .container .text::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}

.info-bar {
  position: relative;
}
.info-bar .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: #070e3e;
}
.info-bar .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.info-bar .content {
  padding: 60px 0;
  position: relative;
  z-index: 1;
}
.info-bar .content > *:last-child {
  margin-bottom: 0;
}

.quote-bar {
  position: relative;
}
.quote-bar .background {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: #070e3e;
}
.quote-bar .background img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.quote-bar .content {
  padding: 90px 0;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 45px;
}
.quote-bar .content.single {
  display: block;
  grid-template-columns: unset;
  grid-gap: unset;
  padding: 90px 120px;
}
.quote-bar .content .expo > *:last-child {
  margin-bottom: 0;
}
.quote-bar .content .author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quote-bar .content .author img {
  width: 175px;
  height: 175px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 30px;
}
.quote-bar .content .author .text {
  line-height: 1.25;
  color: white;
}
.quote-bar .content .author .text .name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.quote-bar .content .author .text .position {
  font-size: 1.125rem;
  opacity: 0.75;
}
.quote-bar .content::before, .quote-bar .content::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 100px;
  -moz-background-size: contain;
       background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  pointer-events: none;
  -webkit-filter: invert(16%) sepia(42%) saturate(4209%) hue-rotate(265deg) brightness(116%) contrast(147%);
          filter: invert(16%) sepia(42%) saturate(4209%) hue-rotate(265deg) brightness(116%) contrast(147%);
}
.quote-bar .content::before {
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
       -o-transform: translateY(50%);
          transform: translateY(50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDIuNTcgMTAxLjU3Ij48cGF0aCBkPSJNNjIuMTIsMEgxMS40OVY1MC4zMkgzMS4wNmMxLjU1LDE4LjMzLTguNywyOS4yLTMxLjA2LDMxLjY4bDQuMzUsMTkuNTdjMzcuNTgtLjkzLDU3Ljc3LTE3LjcsNTcuNzctNTkuMDFWMFptODAuNDUsMGgtNTAuMzJWNTAuMzJoMTkuMjZjMS41NSwxOC4zMy04LjcsMjkuMi0zMC43NSwzMS42OGw0LjA0LDE5LjU3YzM3LjU4LS45Myw1Ny43Ny0xNy43MSw1Ny43Ny01OS4wMlYwWiIvPjwvc3ZnPg==");
}
.quote-bar .content::after {
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDIuNTcgMTAxLjU3Ij48cGF0aCBkPSJNODAuNDUsMTAxLjU3aDUwLjYzVjUxLjI1aC0xOS41N2MtMS41NS0xOC4zMyw4LjctMjkuMiwzMS4wNi0zMS42OEwxMzguMjIsMGMtMzcuNTgsLjkzLTU3Ljc3LDE3LjctNTcuNzcsNTkuMDF2NDIuNTVaTTAsMTAxLjU3SDUwLjMyVjUxLjI1SDMxLjA2Yy0xLjU1LTE4LjMzLDguNy0yOS4yLDMwLjc1LTMxLjY4TDU3Ljc3LDBDMjAuMTksLjkzLDAsMTcuNzEsMCw1OS4wMnY0Mi41NVoiLz48L3N2Zz4=");
}

.product-list .container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0px 45px;
}
.product-list .container .product:nth-child(2n) {
  margin-top: 90px;
}

.product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.product:hover .image {
  width: 100%;
}
.product:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.product:hover .text {
  background-color: #070e3e;
  width: 100%;
  -webkit-transform: translateX(0px) translateY(-55px);
     -moz-transform: translateX(0px) translateY(-55px);
      -ms-transform: translateX(0px) translateY(-55px);
       -o-transform: translateX(0px) translateY(-55px);
          transform: translateX(0px) translateY(-55px);
  padding: 20px 90px 20px 30px;
}
.product:hover .text::after {
  -webkit-transform: translateY(-50%) translateX(0px) rotate(0deg);
     -moz-transform: translateY(-50%) translateX(0px) rotate(0deg);
      -ms-transform: translateY(-50%) translateX(0px) rotate(0deg);
       -o-transform: translateY(-50%) translateX(0px) rotate(0deg);
          transform: translateY(-50%) translateX(0px) rotate(0deg);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.product:hover .text .name {
  color: white;
}
.product:hover .text .expo {
  color: rgba(255, 255, 255, 0.75);
}
.product .image {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  height: 425px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.product .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.product .text {
  background-color: #F7F7F7;
  padding: 20px 30px 20px 30px;
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  -webkit-transform: translateX(-60px);
     -moz-transform: translateX(-60px);
      -ms-transform: translateX(-60px);
       -o-transform: translateX(-60px);
          transform: translateX(-60px);
  position: relative;
  margin-top: -90px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.product .text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yNCwxMS41SDEzLjVWMWMwLS41NS0uNDUtMS0xLTFzLTEsLjQ1LTEsMVYxMS41SDFjLS41NSwwLTEsLjQ1LTEsMXMuNDUsMSwxLDFIMTEuNXYxMC41YzAsLjU1LC40NSwxLDEsMXMxLS40NSwxLTFWMTMuNWgxMC41Yy41NSwwLDEtLjQ1LDEtMXMtLjQ1LTEtMS0xWiIvPjwvc3ZnPg==");
  -moz-background-size: contain;
       background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform: translateY(-50%) translateX(15px) rotate(45deg);
     -moz-transform: translateY(-50%) translateX(15px) rotate(45deg);
      -ms-transform: translateY(-50%) translateX(15px) rotate(45deg);
       -o-transform: translateY(-50%) translateX(15px) rotate(45deg);
          transform: translateY(-50%) translateX(15px) rotate(45deg);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.product .text .name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  color: #222121;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 15px;
  -webkit-transition: 0.3s ease color;
  -o-transition: 0.3s ease color;
  -moz-transition: 0.3s ease color;
  transition: 0.3s ease color;
}
.product .text .expo {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 4.25rem;
  line-height: 1.5;
  color: rgba(34, 33, 33, 0.7);
  font-size: 1.25rem;
  -webkit-transition: 0.3s ease color;
  -o-transition: 0.3s ease color;
  -moz-transition: 0.3s ease color;
  transition: 0.3s ease color;
}

.numerical-list .item {
  display: grid;
  grid-template-columns: minmax(0, 70px) minmax(0, auto);
  grid-gap: 45px;
}
.numerical-list .item.reverse {
  grid-template-columns: minmax(0, auto) minmax(0, 70px);
}
.numerical-list .item.reverse .number {
  grid-row: 1;
  grid-column: 2;
}
.numerical-list .item.reverse .expo {
  grid-row: 1;
  grid-column: 1;
  text-align: right;
}
.numerical-list .item .number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 70px;
  color: white;
  background-color: #070e3e;
  font-size: 1.625rem;
  font-weight: bold;
}
.numerical-list .item .expo > *:last-child {
  margin-bottom: 0;
}
.numerical-list .item + .item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #F7F7F7;
}

.project-list.diff .project:nth-child(2n) {
  top: 30px;
}
.project-list.inner {
  display: grid;
  grid-gap: 30px;
}
.project-list.inner.column-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.project-list.inner.column-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.project-list.column-3 .container {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.project-list.column-2 .container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.project-list .container {
  display: grid;
  grid-gap: 30px;
}

.project {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  display: block;
  height: 425px;
  position: relative;
}
.project.long {
  height: 475px;
}
.project:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.project:hover .text::after {
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
          transform: translateY(0%);
}
.project:hover .text .title {
  opacity: 1;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}
.project:hover .text .more {
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  -webkit-transition-delay: 0.15s;
     -moz-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.project:hover .text .more svg {
  -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
       -o-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.project .image {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
}
.project .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.project .image::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}
.project .text {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
}
.project .text::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: -moz-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: -o-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: linear-gradient(135deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  opacity: 0.75;
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
       -o-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.project .text .title {
  position: relative;
  z-index: 1;
  color: white;
  opacity: 0.75;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  line-height: 1.25;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.5rem;
  -webkit-transform: translateY(34px);
     -moz-transform: translateY(34px);
      -ms-transform: translateY(34px);
       -o-transform: translateY(34px);
          transform: translateY(34px);
  transition: 0.3s ease all;
}
.project .text .more {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
       -o-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.project .text .more span {
  color: white;
}
.project .text .more svg {
  height: 8px;
  fill: white;
  margin-left: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transform: translateX(-10px);
     -moz-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
       -o-transform: translateX(-10px);
          transform: translateX(-10px);
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.industry-list {
  position: relative;
}
.industry-list::before {
  content: "";
  position: absolute;
  height: 180px;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  right: 0;
  top: 0;
  background-color: #F7F7F7;
}
.industry-list .container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 60px 30px;
  position: relative;
}

.industry {
  display: block;
  position: relative;
}
.industry:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.industry:hover > .title {
  -webkit-transform: translateX(-50%) translateY(0);
     -moz-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
       -o-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
  opacity: 0;
  visibility: hidden;
}
.industry:hover .hidden {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.industry:hover .hidden .more {
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  -webkit-transition-delay: 0.15s;
     -moz-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.industry:hover .hidden .more svg {
  -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
       -o-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
     -moz-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.industry .image {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  height: 325px;
}
.industry .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.industry > .title {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  max-width: 90%;
  -webkit-transform: translateX(-50%) translateY(50%);
     -moz-transform: translateX(-50%) translateY(50%);
      -ms-transform: translateX(-50%) translateY(50%);
       -o-transform: translateX(-50%) translateY(50%);
          transform: translateX(-50%) translateY(50%);
  background-color: #F7F7F7;
  font-size: 1.25rem;
  text-align: center;
  font-weight: bold;
  color: #222121;
  padding: 20px 30px;
}
.industry .hidden {
  -webkit-transform: translateX(60px);
     -moz-transform: translateX(60px);
      -ms-transform: translateX(60px);
       -o-transform: translateX(60px);
          transform: translateX(60px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  position: absolute;
  z-index: 2;
  bottom: -35px;
  left: 0;
  background-color: #070e3e;
  padding: 20px 30px;
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
}
.industry .hidden .title {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  color: white;
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: 10px;
}
.industry .hidden .expo {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.5rem;
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
}
.industry .hidden .more {
  margin-top: 15px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
       -o-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.industry .hidden .more span {
  color: white;
}
.industry .hidden .more svg {
  height: 8px;
  fill: white;
  margin-left: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transform: translateX(-10px);
     -moz-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
       -o-transform: translateX(-10px);
          transform: translateX(-10px);
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.project-carousel-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.project-carousel-wrapper .container .project-carousel {
  overflow: visible;
  width: 100%;
  position: relative;
}
.project-carousel-wrapper .container .project-carousel::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  background-color: white;
  height: 120%;
  width: 200%;
  z-index: 3;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.image-gallery-wrapper {
  padding: 0 30px;
}
.image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: relative;
  display: block;
  height: 650px;
}
.image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item.video::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTIuMDMgNDcwLjg3Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iZCIgZD0iTTQ5LjYzLDBjMjMuMTQsNi42MSw0Mi4zNiwyMC45Miw2Mi45LDMyLjUxLDkwLjMyLDUwLjk5LDE4MC4zOCwxMDIuNDYsMjcwLjQ2LDE1My44OCw1LjQxLDMuMDksMTAuNzUsNi42NSwxNS4yMSwxMC45NSwxOC44MSwxOC4xMSwxOC4zNyw0NC4zNC0uOTEsNjIuMDItNC4xNCwzLjgtOC44OCw3LjA2LTEzLjY5LDEwLTEwNC4yNSw2My44OS0yMDguNTYsMTI3LjY5LTMxMi44NCwxOTEuNTQtOC41OCw1LjI1LTE3LjQ4LDkuNjMtMjcuNzQsOS45NC0yMS45MiwuNjgtMzguOTEtMTMuNjgtNDIuMDUtMzUuNDQtLjU5LTQuMDgtLjk0LTguMjMtLjk0LTEyLjM0QzAsMjk3LjgzLS4wMSwxNzIuNiwuMDIsNDcuMzYsLjAzLDMxLjAxLDUuMjIsMTYuNzgsMTkuMTksNy4yOCwyNC4xMSwzLjkzLDMwLjI1LDIuMzcsMzUuODMsMGgxMy44Wm0tOC4wMyw0MzAuNDhjMTEwLjUxLTY3LjY0LDIyMC4wMi0xMzQuNjcsMzMwLjUyLTIwMi4zMS00LjAxLTIuNTgtNi40OS00LjM1LTkuMTMtNS44Ni01Ny4yOS0zMi42Ni0xMTQuNTktNjUuMjktMTcxLjkxLTk3LjkxLTQ3LjIxLTI2Ljg3LTk0LjQyLTUzLjcyLTE0MS42Ni04MC41NC0yLjI2LTEuMjgtNC43Ny0yLjEzLTcuODItMy40N1Y0MzAuNDhaIi8+PC9zdmc+");
}
.image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(0%);
     -moz-transform: translateX(-50%) translateY(0%);
      -ms-transform: translateX(-50%) translateY(0%);
       -o-transform: translateX(-50%) translateY(0%);
          transform: translateX(-50%) translateY(0%);
  width: 60px;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQwOC45MSA0MDkuMDEiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJkIiBkPSJNMCwzMDYuNjhIMjUuNDl2NTcuNjRjMzkuNjQtMzkuNDcsNzguOTgtNzguNjYsMTE4LjA4LTExNy41OSw2LjMxLDYuMTYsMTIuMjgsMTEuOTksMTguNDIsMTgtMzkuMTksMzkuMi03OC40NSw3OC40Ni0xMTguNTMsMTE4LjU1aDU4LjUydjI1LjYzaC00LjE3Yy0yNy4yNywwLTU0LjU1LS4xOC04MS44MiwuMTEtNy43NCwuMDgtMTMuMDUtMi41Mi0xNi05LjY5di05Mi42NFpNOS41OCwwQzQuOTksMS43OSwxLjc5LDQuOTksMCw5LjU4VjEwMi4yM0gyNS44MlY0My41OGMzOS45NywzOS45OCw3OS4xOCw3OS4yLDExOC4xNywxMTguMiw1Ljk0LTUuOTIsMTEuODUtMTEuODEsMTguMjYtMTguMkMxMjMuMTgsMTA0LjUsODMuOTMsNjUuMjQsNDQuMiwyNS41aDU4LjAxVjBIOS41OFpNMzA2LjYsMFYyNS44Mmg1OC40N2MtMzkuODgsMzkuODktNzkuMDksNzkuMS0xMTcuNzYsMTE3Ljc4LDYuMDMsNi4wMiwxMS45OSwxMS45NywxOC45MiwxOC44OCwzOC44Mi0zOC44Myw3OC4wMy03OC4wNCwxMTcuMTYtMTE3LjE4djU2LjY4aDI1LjQydi00LjU2YzAtMjcuMTQtLjE4LTU0LjI4LC4xMS04MS40MiwuMDgtNy43NC0yLjUyLTEzLjA0LTkuNjktMTZoLTkyLjYyWm01Ny43NiwzODMuMzNoLTU3LjV2MjUuNTdjMS4zLDAsMi4zNCwwLDMuMzksMCwyOC4zNCwwLDU2LjY3LC4wMSw4NS4wMSwwLDguNDEsMCwxMy41Mi01LjIzLDEzLjUzLTEzLjc3LC4wMi0yOC4zNCwwLTU2LjY5LDAtODUuMDMsMC0xLjAzLS4wOS0yLjA1LS4xNC0zLjE0aC0yNS42MXY1OC4xNGMtMzkuODQtMzkuODYtNzkuMDYtNzkuMDgtMTE4LjA3LTExOC4xMS02LjAxLDYuMDQtMTEuOSwxMS45NS0xOC40MywxOC41LDM5LjExLDM5LjExLDc4LjI5LDc4LjMxLDExNy44MiwxMTcuODRaIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 50%;
       background-size: 50%;
  opacity: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item:hover::after {
  opacity: 1;
}
.image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item:hover::before {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.text-field {
  position: relative;
}
.text-field.bg::before {
  content: "";
  position: absolute;
  top: 0;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  height: -webkit-calc(100% + 120px);
  height: -moz-calc(100% + 120px);
  height: calc(100% + 120px);
  background-color: #F7F7F7;
}
.text-field.bg--left::before {
  left: 0;
}
.text-field.bg--right::before {
  right: 0;
}
.text-field .container {
  position: relative;
  z-index: 1;
}
.text-field .container > *:last-child {
  margin-bottom: 0;
}

.video-field {
  position: relative;
}
.video-field .wrapper {
  display: block;
  position: relative;
  height: 650px;
}
.video-field .wrapper:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.video-field .wrapper:hover .image::after {
  opacity: 0.5;
}
.video-field .wrapper:hover .play::before {
  -webkit-box-shadow: 0 0 0 1px white;
     -moz-box-shadow: 0 0 0 1px white;
          box-shadow: 0 0 0 1px white;
}
.video-field .wrapper:hover .play svg {
  -webkit-transform: translateX(5%) scale(0.5);
     -moz-transform: translateX(5%) scale(0.5);
      -ms-transform: translateX(5%) scale(0.5);
       -o-transform: translateX(5%) scale(0.5);
          transform: translateX(5%) scale(0.5);
}
.video-field .wrapper .image {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
}
.video-field .wrapper .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.video-field .wrapper .image::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.video-field .wrapper .play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 1;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 100px;
  height: 100px;
}
.video-field .wrapper .play::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.video-field .wrapper .play svg {
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
  width: 100%;
  fill: white;
}

.document-list .container .item {
  display: block;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0;
     -moz-box-shadow: 0 0 0 1px #e0e0e0;
          box-shadow: 0 0 0 1px #e0e0e0;
  padding: 20px 75px 20px 30px;
  position: relative;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.document-list .container .item + .item {
  margin-top: 20px;
}
.document-list .container .item:hover {
  -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 0 0 1px #070e3e;
     -moz-box-shadow: 0 0 0 1px #070e3e;
          box-shadow: 0 0 0 1px #070e3e;
}
.document-list .container .item:hover .title {
  color: #070e3e;
  font-weight: bold;
}
.document-list .container .item::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI2LjQ0IDMwLjg1Ij48ZGVmcz48c3R5bGU+LmV7ZmlsbDojMzgyMjU0O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iZSIgZD0iTTI1LjI3LDYuNTVjLjM2LC4zOCwuNjQsLjgyLC44MywxLjMxLC4yMSwuNDgsLjMzLC45OSwuMzQsMS41MlYyOS4yYzAsLjkxLS43MywxLjY1LTEuNjQsMS42NSwwLDAsMCwwLS4wMSwwSDEuNjVDLjc0LDMwLjg2LDAsMzAuMTIsMCwyOS4yMWMwLDAsMCwwLDAtLjAxVjEuNjZDMCwuNzUsLjczLDAsMS42NCwwYzAsMCwuMDEsMCwuMDIsMGgxNS40M2MuNTIsLjAxLDEuMDQsLjEzLDEuNTEsLjM0LC40OSwuMTksLjkzLC40NywxLjMxLC44M2w1LjM3LDUuMzdabS03LjY0LTQuMnY2LjQ3aDYuNDdjLS4wNy0uMjYtLjItLjUtLjM4LS43MWwtNS4zOS01LjM5Yy0uMjEtLjE4LS40NS0uMy0uNzEtLjM4aDBabTYuNjEsMjYuM1YxMS4wMmgtNy4xNmMtLjkxLDAtMS42NS0uNzMtMS42NS0xLjY0LDAsMCwwLDAsMC0uMDFWMi4yMUgyLjJWMjguNjVIMjQuMjRabS04Ljg1LTEwLjIxYy40NiwuMzUsLjk0LC42OCwxLjQ1LC45NiwuNjctLjA4LDEuMzQtLjEyLDIuMDEtLjEyLDEuNjksMCwyLjcsLjI4LDMuMDUsLjg0LC4xOSwuMjcsLjIsLjYyLC4wMywuOSwwLC4wMSwwLC4wMy0uMDIsLjAzbC0uMDMsLjAzdi4wMmMtLjA3LC40NC0uNDcsLjY1LTEuMjIsLjY1LS42Ny0uMDItMS4zNC0uMTQtMS45OC0uMzQtLjc3LS4yMy0xLjUyLS41NC0yLjI0LS45MS0yLjMsLjIyLTQuNTYsLjctNi43NSwxLjQzLTEuNzYsMy4wMS0zLjE0LDQuNTEtNC4xNyw0LjUxLS4xNywwLS4zMy0uMDQtLjQ4LS4xMmwtLjQxLS4yMXMtLjA0LS4wNC0uMS0uMDljLS4xMy0uMTgtLjE2LS40MS0uMS0uNjIsLjE4LS42LC41Mi0xLjE0LC45Ni0xLjU4LC42Ni0uNjgsMS40My0xLjI0LDIuMjctMS42NiwuMS0uMDksLjI2LS4wOCwuMzUsLjAyLC4wMiwuMDIsLjA0LC4wNSwuMDUsLjA4LC4wMiwuMDIsLjAzLC4wNCwuMDMsLjA3LC42LS45OCwxLjIxLTIuMTEsMS44NC0zLjM5LC43My0xLjQ0LDEuMzMtMi45NSwxLjc5LTQuNTEtLjI3LS45LS40NC0xLjgyLS41Mi0yLjc1LS4wOC0uNzMtLjA1LTEuNDcsLjExLTIuMTksLjEzLS40NiwuMzctLjY5LC43Mi0uNjloLjM4Yy4yMy0uMDEsLjQ1LC4wOCwuNiwuMjYsLjIzLC4zNSwuMjgsLjc4LC4xNSwxLjE3LS4wMSwuMDUtLjA0LC4xLS4wNywuMTQsLjAxLC4wNCwuMDIsLjA5LC4wMiwuMTR2LjUyYzAsMS4xMS0uMDgsMi4yMS0uMjQsMy4zLC40NCwxLjU4LDEuMzEsMywyLjUxLDQuMWgwWm0tOS45Miw3LjA4Yy45OS0uNywxLjgtMS42MywyLjM1LTIuNzItLjU1LC40My0xLjA1LC45MS0xLjUsMS40NC0uMzQsLjM4LS42MywuODEtLjg1LDEuMjdabTYuODUtMTUuODRjLS4xOCwuNzUtLjE5LDEuNTItLjAzLDIuMjcsLjAxLS4wOCwuMDUtLjMzLC4xMi0uNzYsMC0uMDMsLjA0LS4yOCwuMTItLjc0LC4wMS0uMDUsLjA0LS4xLC4wNy0uMTQsMCwwLS4wMi0uMDItLjAyLS4wMywwLDAsMC0uMDIsMC0uMDNzMC0uMDIsMC0uMDNjMC0uMjMtLjA4LS40NC0uMjItLjYyLDAsLjAxLDAsLjAzLS4wMiwuMDN2LjAzaDBabS0yLjE0LDExLjM4YzEuNTgtLjYzLDMuMjItMS4wOSw0Ljg5LTEuMzktLjA4LS4wNS0uMTUtLjExLS4yMi0uMTYtLjEtLjA3LS4xOS0uMTUtLjI3LS4yMy0uOTMtLjg1LTEuNjctMS44OC0yLjE5LTMuMDMtLjM5LDEuMTctLjg2LDIuMy0xLjQzLDMuMzktLjM0LC42NC0uNiwxLjEyLS43OCwxLjQzWm0xMS4xMi0uMjdjLS43NC0uMzgtMS41OC0uNTItMi40MS0uNDEsLjY4LC4yOCwxLjQsLjQ0LDIuMTQsLjQ4LC4xLDAsLjIxLDAsLjMxLS4wMiwwLS4wMS0uMDEtLjAzLS4wMy0uMDVoMFoiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  background-position: center center;
}
.document-list .container .item .title {
  color: #a1a1a1;
  font-size: 1.25rem;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.event-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px;
}

.event {
  display: block;
  padding: 20px;
  background-color: white;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0;
     -moz-box-shadow: 0 0 0 1px #e0e0e0;
          box-shadow: 0 0 0 1px #e0e0e0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.event:hover {
  -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 0 0 1px #070e3e;
     -moz-box-shadow: 0 0 0 1px #070e3e;
          box-shadow: 0 0 0 1px #070e3e;
}
.event:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.event .image {
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  height: 300px;
}
.event .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.event .text {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.event .text .date {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 60px;
  text-align: center;
  margin-right: 20px;
}
.event .text .date .month {
  background-color: #070e3e;
  color: white;
}
.event .text .date .day {
  background-color: #F7F7F7;
  color: #070e3e;
  font-weight: bold;
  font-size: 1.125rem;
  padding: 5px 0;
}
.event .text .context .title {
  color: #070e3e;
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 5px;
}
.event .text .context .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.event .text .context .info .datetime, .event .text .context .info .type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event .text .context .info .datetime svg, .event .text .context .info .type svg {
  height: 16px;
  width: 16px;
  fill: #070e3e;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 10px;
}
.event .text .context .info .datetime span, .event .text .context .info .type span {
  font-size: 0.875rem;
  color: #222121;
}
.event .text .context .info .type {
  margin-left: 20px;
}

.blog-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px;
}

.blog {
  display: block;
  height: 350px;
  position: relative;
}
.blog.big {
  grid-column: span 2;
  height: 450px;
}
.blog.big .context {
  width: 75%;
}
.blog.big .context .date {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.blog.big .context .title {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.blog.big .context .expo {
  opacity: 1;
}
.blog.no-expo .context .title {
  margin-bottom: 0;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.blog:hover .image img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.blog:hover .image::before {
  opacity: 0;
}
.blog:hover .image::after {
  opacity: 0.6;
}
.blog:hover .context .date {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.blog:hover .context .title {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.blog:hover .context .expo {
  opacity: 1;
  -webkit-transition-delay: 0.25s;
     -moz-transition-delay: 0.25s;
       -o-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.blog .image {
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
}
.blog .image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.blog .image::before {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(58, 23, 85, 0.64)), color-stop(65%, rgba(58, 23, 85, 0.38)), to(rgba(58, 23, 85, 0)));
  background: -webkit-linear-gradient(bottom, rgba(58, 23, 85, 0.64) 0%, rgba(58, 23, 85, 0.38) 65%, rgba(58, 23, 85, 0) 100%);
  background: -moz-linear-gradient(bottom, rgba(58, 23, 85, 0.64) 0%, rgba(58, 23, 85, 0.38) 65%, rgba(58, 23, 85, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(58, 23, 85, 0.64) 0%, rgba(58, 23, 85, 0.38) 65%, rgba(58, 23, 85, 0) 100%);
  background: linear-gradient(0deg, rgba(58, 23, 85, 0.64) 0%, rgba(58, 23, 85, 0.38) 65%, rgba(58, 23, 85, 0) 100%);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.blog .image::after {
  content: "";
  position: absolute;
  left: 0;
  right: unset;
  top: 0;
  bottom: unset;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -webkit-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: -moz-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: -o-linear-gradient(315deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  background: linear-gradient(135deg, #070e3e 0%, #03052B 33%, #37267d 66%, #03052B 100%);
  opacity: 0;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.blog .context {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px;
}
.blog .context .date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 10px;
  background: rgba(93, 67, 198, 0.8);
  margin-bottom: 15px;
  -webkit-transform: translateY(-30px);
     -moz-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
       -o-transform: translateY(-30px);
          transform: translateY(-30px);
  opacity: 0;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.blog .context .date svg {
  fill: white;
  width: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 15px;
}
.blog .context .date span {
  color: white;
}
.blog .context .title {
  line-height: 1.25;
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  margin-bottom: 15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 5.75rem;
  -webkit-transform: translateY(92px);
     -moz-transform: translateY(92px);
      -ms-transform: translateY(92px);
       -o-transform: translateY(92px);
          transform: translateY(92px);
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}
.blog .context .expo {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.5rem;
  opacity: 0;
  -webkit-transition: 0.45s ease all;
  -o-transition: 0.45s ease all;
  -moz-transition: 0.45s ease all;
  transition: 0.45s ease all;
}

.blog-detail .title {
  color: #070e3e;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.25;
}
.blog-detail .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.blog-detail .info .date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-detail .info .date svg {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  fill: #070e3e;
}
.blog-detail .info .date span {
  font-size: 1.125rem;
  font-weight: 500;
  color: #222121;
}
.blog-detail .info .share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #e0e0e0;
}
.blog-detail .info .share span {
  font-size: 1.125rem;
  font-weight: 500;
  color: #222121;
}
.blog-detail .info .share .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
.blog-detail .info .share .list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
  width: 30px;
  height: 30px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.blog-detail .info .share .list a + a {
  margin-left: 5px;
}
.blog-detail .info .share .list a svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: #636060;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.blog-detail .info .share .list a:hover {
  -webkit-box-shadow: 0 0 0 1px #636060;
     -moz-box-shadow: 0 0 0 1px #636060;
          box-shadow: 0 0 0 1px #636060;
}
.blog-detail .info .share .list a:hover svg {
  fill: #070e3e;
  -webkit-transform: scale(0.75);
     -moz-transform: scale(0.75);
      -ms-transform: scale(0.75);
       -o-transform: scale(0.75);
          transform: scale(0.75);
}
.blog-detail .context {
  margin-top: 45px;
  padding-right: 90px;
}
.blog-detail .context > *:last-child {
  margin-bottom: 0;
}
.blog-detail .context .thumbnail {
  height: 450px;
  width: -webkit-calc(100% + 90px);
  width: -moz-calc(100% + 90px);
  width: calc(100% + 90px);
  margin-bottom: 30px;
}
.blog-detail .context .thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: 100%;
}

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
.pagination a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  color: #070e3e;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.pagination a:hover {
  -webkit-box-shadow: inset 0 0 0 1px #070e3e;
     -moz-box-shadow: inset 0 0 0 1px #070e3e;
          box-shadow: inset 0 0 0 1px #070e3e;
}
.pagination a svg {
  fill: #070e3e;
  width: 8px;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.pagination a.current {
  pointer-events: none;
  background-color: #070e3e;
  color: white;
}

@media only screen and (max-width: 1680px) {
  .prolog .background {
    width: 100%;
  }
}
@media only screen and (max-width: 1440px) {
  .image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item {
    height: 500px;
  }
}
@media only screen and (max-width: 1366px) {
  .mt--45 {
    margin-top: 30px !important;
  }
  .mt--60 {
    margin-top: 45px !important;
  }
  .mt--90 {
    margin-top: 75px !important;
  }
  .mt--120 {
    margin-top: 105px !important;
  }
  .mt--150 {
    margin-top: 135px !important;
  }
  .mt--180 {
    margin-top: 165px !important;
  }
  .mt--210 {
    margin-top: 195px !important;
  }

  .mb--45 {
    margin-bottom: 30px !important;
  }
  .mb--60 {
    margin-bottom: 45px !important;
  }
  .mb--90 {
    margin-bottom: 75px !important;
  }
  .mb--120 {
    margin-bottom: 105px !important;
  }
  .mb--150 {
    margin-bottom: 135px !important;
  }
  .mb--180 {
    margin-bottom: 165px !important;
  }
  .mb--210 {
    margin-bottom: 195px !important;
  }

  .type {
    font-size: 1rem;
  }
  .type h1, .type h2, .type h3, .type h4, .type h5, .type h6 {
    margin-bottom: 20px;
  }
  .type h1 {
    font-size: 2.25rem;
  }
  .type h2 {
    font-size: 1.875rem;
  }
  .type h3 {
    font-size: 1.625rem;
  }
  .type h4 {
    font-size: 1.5rem;
  }
  .type h5 {
    font-size: 1.25rem;
  }
  .type h6 {
    font-size: 1.125rem;
  }
  .type p {
    margin-bottom: 15px;
    font-size: 1rem;
  }
  .type em {
    display: block;
    font-size: 1.33rem;
    margin-bottom: 20px;
    line-height: 1.75;
  }
  .type ul > li {
    font-size: 1rem;
  }
  .type ul > li + li {
    margin-top: 10px;
  }
  .type .table table tr td, .type .table table tr th {
    font-size: 1rem;
  }

  .text-with-image .container .text {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .text-with-image.left .container .text {
    padding-left: 45px;
  }

  .text-with-image.right .container .text {
    padding-right: 45px;
  }

  .prolog .content .text.padding {
    padding: 45px 180px 45px 90px;
  }

  .text-on-image .wrapper .content {
    padding: 90px 60px;
  }

  .breadcrumb .content .title {
    font-size: 2.5rem;
  }

  .breadcrumb {
    height: 500px;
  }

  .year-bar .container .wrapper .item {
    padding: 30px 0;
  }

  .year-list .container .item .image {
    min-height: 300px;
  }

  .year-list .container .item + .item {
    margin-top: 45px;
  }

  .leadership-tabs .container .item {
    font-size: 1.125rem;
  }

  .grid-with-sidebar .container .content .job-filter .tabs .item {
    font-size: 1.125rem;
  }

  .section-heading {
    margin-bottom: 30px;
  }

  #live .content .container .heading .title {
    font-size: 2rem;
  }

  .social-list .item .title {
    font-size: 1.5rem;
  }

  .social-list .item .expo {
    font-size: 1.125rem;
  }

  .breadcrumb.short {
    height: 350px;
    padding: var(--header-height) 0 30px;
  }

  .blog .context .title {
    font-size: 1.33rem;
  }

  .project.long {
    height: 425px;
  }

  .project {
    height: 350px;
  }

  .project .text .title {
    font-size: 1.33rem;
  }

  .image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item {
    height: 450px;
  }

  .prolog .content .text.info .item {
    padding: 0;
  }

  .prolog .content .text.info .item .value {
    font-size: 1.33rem;
  }

  .prolog .content .text.info .item .title {
    font-size: 1.125rem;
  }

  .video-field .wrapper {
    height: 550px;
  }

  .solutions-bar .wrapper .content .line, .solutions-detail-bar .wrapper .content .line {
    margin: 0 15px;
  }

  .solutions-bar .wrapper .content .item .text .title, .solutions-detail-bar .wrapper .content .item .text .title {
    font-size: 1.33rem;
  }

  .solutions-detail-bar .wrapper .content .item .text .expo {
    font-size: 1rem;
  }

  .solutions-bar .wrapper .content .item img {
    width: 50px;
    height: 50px;
  }

  .solutions-detail-bar .wrapper .content .item img {
    width: 60px;
    height: 60px;
  }

  .solutions-bar .wrapper .content .item .text .more, .solutions-detail-bar .wrapper .content .item .text .more span {
    font-size: 0.875rem;
  }

  .solutions-detail-bar .logo-draw {
    height: 300px;
  }

  footer .content .container {
    grid-gap: 60px;
  }

  footer .content .container .menu.wide .list {
    grid-gap: 0 60px;
  }
}
@media only screen and (max-width: 1200px) {
  :root {
    --header-height: 100px;
  }

  .breadcrumb {
    height: 400px;
  }

  .info-detail-bar .content .list {
    grid-gap: 60px;
  }

  .leadership-list .wrapper .item .person .image {
    height: 300px;
  }

  .leadership-list .wrapper .item .person .text {
    padding: 20px 50px 20px 20px;
  }

  .leadership-list .wrapper .item .person .text .linkedin {
    right: 20px;
  }

  .product .image {
    height: 350px;
  }

  .product .text .expo {
    font-size: 1rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.5rem;
  }

  .product .text .name {
    font-size: 1.33rem;
  }

  .blog.big {
    height: 350px;
  }

  .blog {
    height: 300px;
  }

  .blog-detail .title {
    font-size: 1.5rem;
  }

  .blog-detail .context .thumbnail {
    height: 350px;
  }

  .blog .context .expo {
    font-size: 0.875rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.125rem;
  }

  .blog .context .title {
    -webkit-transform: translateY(80px);
       -moz-transform: translateY(80px);
        -ms-transform: translateY(80px);
         -o-transform: translateY(80px);
            transform: translateY(80px);
  }

  .social-list .item .image {
    height: 150px;
  }

  .gallery-main-title {
    font-size: 1.875rem;
  }

  .gallery-title {
    font-size: 1.625rem;
  }

  .grid-with-sidebar .container .content .job-filter .search-bar {
    max-width: 225px;
    margin-right: 30px;
  }

  .document-list .container .item .title {
    font-size: 1rem;
  }

  .project.long {
    height: 350px;
  }

  .breadcrumb .content .title {
    font-size: 2rem;
  }

  .prolog .content .extra {
    padding-bottom: 0;
  }

  .event .text .context .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .event .text .context .info .type {
    margin-left: 0;
    margin-top: 10px;
  }

  .event .image {
    height: 250px;
  }

  #live .content .container .inner .player {
    height: 400px;
  }

  #index .solutions .container .wrapper .fields .item .content .text .title {
    font-size: 1.33rem;
  }

  #index .blogs .container .headline {
    margin-bottom: 30px;
  }

  #index .solutions .container .wrapper .fields .item .content img {
    width: 30px;
    height: 30px;
  }

  #index .solutions .container .wrapper .fields .item .content .text {
    -webkit-transform: translateX(-50px);
       -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
         -o-transform: translateX(-50px);
            transform: translateX(-50px);
  }

  #index .blogs .container {
    padding: 30px;
  }

  #index .about .container .heading {
    font-size: 2.5rem;
  }

  .contact-info .container .list {
    grid-gap: 30px 60px;
  }
}
@media only screen and (max-width: 1024px) {
  header {
    position: absolute;
  }

  header .wrapper .contents .topbar .booking {
    height: 40px;
  }
  header .wrapper .contents .topbar .booking svg {
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
  }
  header .wrapper .contents .topbar .booking span {
    display: none;
  }

  header .wrapper .contents .topbar .search {
    height: 40px;
  }
  header .wrapper .contents .topbar .search svg {
    margin: 0;
    width: 20px;
    height: 20px;
  }
  header .wrapper .contents .topbar .search span {
    display: none;
  }

  header .wrapper .contents .topbar .links {
    display: none;
  }

  header .wrapper .contents .topbar .line {
    background-color: transparent;
    margin: 0 10px;
  }

  header .wrapper .contents .topbar .menu-trigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  header .wrapper .contents .menu {
    -webkit-box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.1);
    display: none;
    position: absolute;
    top: 100%;
    left: 30px;
    height: auto;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    margin: unset;
    background-color: white;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-height: -webkit-calc(100vh - var(--header-height) - 30px);
    max-height: -moz-calc(100vh - var(--header-height) - 30px);
    max-height: calc(100vh - var(--header-height) - 30px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px;
  }
  header .wrapper .contents .menu > li {
    width: 100%;
  }
  header .wrapper .contents .menu > li:hover > a {
    color: #070e3e;
  }
  header .wrapper .contents .menu > li + li {
    margin-left: unset;
    border-top: 1px solid #EDEDED;
  }
  header .wrapper .contents .menu > li > a {
    color: #222121;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 10px 0;
  }
  header .wrapper .contents .menu > li.has-child {
    position: relative;
  }
  header .wrapper .contents .menu > li.has-child > a::after, header .wrapper .contents .menu > li.has-child > a::before {
    content: unset;
    display: none;
  }
  header .wrapper .contents .menu > li.has-child .sub-menu {
    border: 1px solid #EDEDED;
    background-color: #F7F7F7;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: visible !important;
    -webkit-transform: unset !important;
       -moz-transform: unset !important;
        -ms-transform: unset !important;
         -o-transform: unset !important;
            transform: unset !important;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    display: none;
    width: 100% !important;
    margin: 15px 0;
  }
  header .wrapper .contents .menu > li.has-child .sub-menu .info {
    display: none;
  }
  header .wrapper .contents .menu > li.has-child .sub-menu .list {
    background-color: #F7F7F7;
  }
  header .wrapper .contents .menu > li.has-child.type--info.two-columns-menu .sub-menu .list {
    -webkit-columns: unset;
       -moz-columns: unset;
            columns: unset;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
  }
  header .wrapper .contents .menu > li.has-child.type--info .sub-menu {
    display: none;
    grid-template-columns: unset;
  }

  article.inner {
    position: relative;
  }

  #index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container .title {
    font-size: 3rem;
  }

  #index .solutions .container .wrapper .fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #index .solutions .container .wrapper .fields .item {
    -webkit-transform: unset;
       -moz-transform: unset;
        -ms-transform: unset;
         -o-transform: unset;
            transform: unset;
  }

  #index .solutions .container .wrapper .fields .item .content {
    -webkit-transform: unset;
       -moz-transform: unset;
        -ms-transform: unset;
         -o-transform: unset;
            transform: unset;
  }

  #index .solutions .container .wrapper {
    height: 400px;
  }

  #index .solutions .container .wrapper .fields .item + .item {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  #index .slogan .inner > .content .container {
    -webkit-transform: translateX(-50%) translateY(-webkit-calc(-75% + 150px));
       -moz-transform: translateX(-50%) translateY(-moz-calc(-75% + 150px));
        -ms-transform: translateX(-50%) translateY(calc(-75% + 150px));
         -o-transform: translateX(-50%) translateY(calc(-75% + 150px));
            transform: translateX(-50%) translateY(calc(-75% + 150px));
  }

  #index .blogs .container .headline {
    font-size: 2.5rem;
  }

  #index .blogs .container .nav-bar .heading .title {
    font-size: 1.5rem;
  }

  footer .content .container {
    grid-gap: 30px;
  }

  footer .content .container .menu.wide .list {
    grid-gap: 0 30px;
  }

  .solution-detail-list .container .item {
    height: 300px;
  }

  .video-field .wrapper {
    height: 450px;
  }

  .booking-popup .inner {
    padding: 45px;
  }

  .product .image {
    height: 300px;
  }

  header {
    -webkit-transform: translateZ(0) translate3d(0, 0, 0);
       -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
  }

  footer {
    z-index: unset;
    position: relative;
    -webkit-transform: translateZ(0) translate3d(0, 0, 0);
       -moz-transform: translateZ(0) translate3d(0, 0, 0);
            transform: translateZ(0) translate3d(0, 0, 0);
  }

  .breadcrumb {
    height: 300px;
    padding: var(--header-height) 0 0;
  }

  .close-sidebar {
    display: block;
  }

  .sidebar-trigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .grid-with-sidebar > .container .sidebar .wrapper {
    padding: 30px;
  }

  .grid-with-sidebar {
    margin-top: 45px !important;
  }

  .grid-with-sidebar > .container {
    display: block;
    grid-template-columns: unset;
  }

  .grid-with-sidebar > .container .sidebar {
    -webkit-transition: 0.45s ease all;
    -o-transition: 0.45s ease all;
    -moz-transition: 0.45s ease all;
    transition: 0.45s ease all;
    position: fixed;
    left: 0;
    top: 0;
    width: 350px;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
    height: 100vh;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 10px 0 60px -10px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 10px 0 60px -10px rgba(0, 0, 0, 0.1);
            box-shadow: 10px 0 60px -10px rgba(0, 0, 0, 0.1);
  }
  .grid-with-sidebar > .container .sidebar.active {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  .grid-with-sidebar > .container .sidebar .wrapper {
    height: unset;
  }
  .grid-with-sidebar > .container .sidebar .sticky {
    top: unset !important;
    position: relative !important;
  }
  .grid-with-sidebar > .container .sidebar::before, .grid-with-sidebar > .container .sidebar::after {
    content: unset;
    display: none;
  }

  .grid-with-sidebar > .container .content {
    padding: unset !important;
  }

  .project-list.diff .project:nth-child(2n) {
    top: 0;
  }

  .prolog {
    margin-top: 45px;
    padding-bottom: 30px;
  }

  .prolog .content {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .prolog .content .text {
    grid-column: unset !important;
  }

  .prolog .content .extra {
    padding: 0;
  }

  .image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item {
    height: 350px;
  }

  .solutions-detail-bar .wrapper {
    padding: 60px 30px;
  }

  .text-on-image .wrapper .content {
    padding: 60px 30px;
  }

  .technology-field > .container .item .technology-carousel .swiper-wrapper .swiper-slide .technology .content .title {
    font-size: 1.125rem;
  }

  .prolog.right .content .text {
    padding: 0 0 30px 30px;
  }

  .prolog.left .content .text {
    padding: 0 30px 30px 0;
  }

  .prolog .background {
    height: 100%;
  }

  .statistics-bar {
    padding-bottom: 30px;
  }

  .statistics-bar .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 30px;
    justify-items: center;
  }

  .statistics-bar::before {
    width: 100%;
  }

  .statistics-bar .container .info .value {
    font-size: 3rem;
  }

  .statistics-bar .container .info .text {
    font-size: 1.125rem;
  }

  .statistics-bar .container .year .text {
    font-size: 1.33rem;
  }

  .quote-bar .content::before, .quote-bar .content::after {
    width: 100px;
    height: 72px;
  }

  .quote-bar .content.single {
    padding: 60px 0;
  }

  #live .content .container .inner .player {
    height: 350px;
  }

  #live .content .container .inner > .info .participants {
    grid-template-columns: minmax(0, 1fr);
  }

  #live .content .container .heading .title {
    font-size: 1.5rem;
  }

  .section-heading .container .title {
    font-size: 1.5rem;
  }

  .social-list .item .expo {
    font-size: 1rem;
  }

  .breadcrumb.short {
    height: 250px;
  }

  .breadcrumb .content .scroll-down {
    display: none;
  }

  .info-bar .content {
    padding: 45px 0;
  }

  .grid-with-sidebar > .container .content .job-filter .search-bar input {
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: #070e3e;
  }
  .grid-with-sidebar > .container .content .job-filter .search-bar input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  .grid-with-sidebar > .container .content .job-filter .search-bar input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  .grid-with-sidebar > .container .content .job-filter .search-bar input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  .grid-with-sidebar > .container .content .job-filter .search-bar input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  .grid-with-sidebar > .container .content .job-filter .search-bar input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  .grid-with-sidebar > .container .content .job-filter .search-bar input::placeholder {
    color: rgba(0, 0, 0, 0.5);
  }
  .grid-with-sidebar > .container .content .job-filter .search-bar input:hover, .grid-with-sidebar > .container .content .job-filter .search-bar input:focus {
    border-color: #070e3e;
  }

  .grid-with-sidebar > .container .content .job-filter .tabs .item {
    color: rgba(0, 0, 0, 0.5);
  }

  .grid-with-sidebar > .container .content .job-filter .tabs .item.active {
    color: #070e3e;
  }

  .grid-with-sidebar > .container .content .job-filter .tabs .item.active::before {
    background-color: #070e3e;
  }

  .grid-with-sidebar > .container .content .job-filter .tabs .item::before {
    background-color: rgba(0, 0, 0, 0.25);
  }

  .grid-with-sidebar > .container .content .job-filter {
    border-bottom: 5px solid #EDEDED;
  }

  .grid-with-sidebar > .container .content .job-content .single .job-list .job .name {
    font-size: 1rem;
  }

  .job-alert .inner, .job-popup .inner {
    padding: 45px 30px;
  }

  .job-popup .inner .title {
    font-size: 1.5rem;
  }

  .prolog .content .extra img {
    display: none;
  }

  .solutions-bar .wrapper {
    padding: 30px;
  }

  .project-list.column-3 .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .leadership-tabs::before {
    width: 100%;
  }

  .leadership-list .wrapper .item .person .text .name {
    font-size: 1.25rem;
  }

  .leadership-list .wrapper .item .person .text .position {
    font-size: 1rem;
  }

  .person-popup .inner .content .about .info .name {
    font-size: 1.875rem;
  }

  .person-popup .inner .content .about .info .position {
    font-size: 1.25rem;
  }

  .person-popup .inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-info .container .title, .contact-form-field .container .title {
    font-size: 2rem;
  }

  .contact-info .container .list .location {
    font-size: 1.625rem;
  }

  .contact-form-field .container .form {
    padding: 45px;
  }

  .contact-form-field {
    padding-top: 60px;
  }

  .blog-detail .context {
    padding-right: 0;
  }

  .blog-detail .context .thumbnail {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .type h1 {
    font-size: 1.875rem;
  }
  .type h2 {
    font-size: 1.5rem;
  }
  .type h3 {
    font-size: 1.33rem;
  }
  .type h4 {
    font-size: 1.25rem;
  }
  .type h5 {
    font-size: 1.125rem;
  }
  .type h6 {
    font-size: 1.075rem;
  }
  .type em {
    font-size: 1.25rem;
  }

  .search-popup .inner .search-bar input {
    height: 60px;
    font-size: 1rem;
  }

  .product-list .container .product:nth-child(2n) {
    margin-top: 0;
  }

  .leadership-list .wrapper .item {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .breadcrumb {
    height: 250px;
  }

  .breadcrumb .content .title {
    text-align: center;
    font-size: 1.625rem;
  }

  .breadcrumb .content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .solutions-bar .wrapper .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .solutions-bar .wrapper .content .line {
    display: none;
  }

  .solutions-bar .wrapper .content .item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .solutions-bar .wrapper .content .item:nth-child(1), .solutions-bar .wrapper .content .item:nth-child(3) {
    margin-bottom: 45px;
  }

  .product-list .container {
    grid-gap: 45px;
  }

  .product:hover .text {
    -webkit-transform: translateX(0px) translateY(-38px);
       -moz-transform: translateX(0px) translateY(-38px);
        -ms-transform: translateX(0px) translateY(-38px);
         -o-transform: translateX(0px) translateY(-38px);
            transform: translateX(0px) translateY(-38px);
  }

  #live .content .container .heading {
    grid-column: unset;
  }

  #live .content .container {
    grid-template-columns: minmax(0, 1fr);
  }

  .video-field .wrapper .play {
    width: 60px;
    height: 60px;
  }

  .prolog .content .extra .location {
    padding: 30px 0;
  }

  .prolog .content .text.info {
    padding-top: 30px;
  }

  .industry-list .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 768px) {
  .mt--60 {
    margin-top: 30px !important;
  }
  .mt--90 {
    margin-top: 60px !important;
  }
  .mt--120 {
    margin-top: 90px !important;
  }
  .mt--150 {
    margin-top: 120px !important;
  }
  .mt--180 {
    margin-top: 150px !important;
  }
  .mt--210 {
    margin-top: 180px !important;
  }

  .mb--60 {
    margin-bottom: 30px !important;
  }
  .mb--90 {
    margin-bottom: 60px !important;
  }
  .mb--120 {
    margin-bottom: 90px !important;
  }
  .mb--150 {
    margin-bottom: 120px !important;
  }
  .mb--180 {
    margin-bottom: 150px !important;
  }
  .mb--210 {
    margin-bottom: 180px !important;
  }

  #index .slogan .inner > .hidden-content .container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .text-with-image {
    padding-top: 0;
  }

  .text-with-image > .container {
    grid-template-columns: minmax(0, 1fr);
  }

  .text-with-image .container .text, .text-with-image .container .image {
    grid-column: unset !important;
  }

  .text-with-image .container .image {
    grid-row: 1 !important;
    min-height: 300px;
    height: 100%;
  }

  .text-with-image .container .text {
    grid-row: 2 !important;
    padding: 30px !important;
  }

  footer .content .container {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }

  footer .content .container .brand .scroll-top {
    display: none;
  }

  footer .content .container .menu.wide {
    grid-column: unset;
  }

  footer .content .container .contact .social {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  footer .content .container .menu {
    display: none;
  }

  footer .content .container .contact .social a + a {
    margin-left: 20px;
  }

  #index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 30px;
    height: unset;
  }

  #index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container .expo {
    grid-column: unset;
  }

  #index .hero .hero-carousel .hero-carousel-thumbs {
    bottom: 30px;
    top: unset;
    left: 30px !important;
    -webkit-transform: unset;
       -moz-transform: unset;
        -ms-transform: unset;
         -o-transform: unset;
            transform: unset;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #index .hero .hero-carousel .hero-carousel-thumbs span {
    width: 45px;
    height: 3px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  #index .hero .hero-carousel .hero-carousel-thumbs span.swiper-pagination-bullet-active {
    width: 45px;
    height: 3px;
  }

  #index .slogan .inner > .content, #index .slogan .inner > .content .container {
    width: 100%;
    height: unset;
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: unset;
       -moz-transform: unset;
        -ms-transform: unset;
         -o-transform: unset;
            transform: unset;
    text-align: left;
    max-width: unset;
  }

  #index .slogan .inner > .content .container .scroll-point {
    display: none;
  }

  #index .slogan .inner > .content .container {
    padding-top: 210px;
  }

  #index .slogan .inner > .hidden-content {
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: unset;
       -moz-transform: unset;
        -ms-transform: unset;
         -o-transform: unset;
            transform: unset;
    opacity: 1;
    visibility: visible;
  }
  #index .slogan .inner > .hidden-content .type.white {
    color: #222121 !important;
  }

  #index .slogan .inner > .hidden-content .container .wrapper {
    width: 100%;
    margin-top: 45px;
  }

  #index .slogan .inner .background {
    -webkit-mask-position: 50% 0%;
            mask-position: 50% 0%;
  }

  #index .slogan .inner > .content .container {
    padding-top: 150px;
  }

  .text-with-image > .container .image img {
    width: 100% !important;
  }

  .text-with-image > .container .text::before {
    content: unset;
    display: none;
  }

  .text-on-image .wrapper .content {
    grid-template-columns: minmax(0, 1fr);
  }

  .solution-detail-list .container .item .content .title {
    font-size: 1.33rem;
    line-height: 1.25;
  }

  .video-field .wrapper {
    height: 300px;
  }

  .product-list .container {
    grid-template-columns: minmax(0, 1fr);
  }

  .image-gallery-wrapper .image-gallery .swiper-wrapper .swiper-slide .item {
    height: 250px;
  }

  .industry .image {
    height: 275px;
  }

  .project, .project.long {
    height: 300px;
  }

  .section-heading .container .title {
    font-size: 1.25rem;
  }

  .event {
    position: relative;
  }

  .event .text .date {
    position: absolute;
    top: 30px;
    left: 30px;
  }

  .blog .context .title {
    font-size: 1.25rem;
  }

  .social-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .job-alert .inner {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 30px;
  }

  .solutions-bar {
    margin-top: 0;
  }

  .text-on-image .wrapper .content {
    padding: 30px;
  }

  .leadership-tabs .container {
    scrollbar-width: none;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 90px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(left, transparent 0%, black 10%, black 90%, transparent 100%);
            mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
            mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
  }
  .leadership-tabs .container::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
  }

  .contact-info .container .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .solutions-detail-bar .wrapper .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
  }

  .solutions-detail-bar .wrapper .content .item {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
       -moz-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    display: block;
    width: 100%;
  }
  .solutions-detail-bar .wrapper .content .item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .solutions-detail-bar .wrapper .content .item:not(:nth-child(4n+1))::before {
    display: none;
    content: unset;
  }
}
@media only screen and (max-width: 600px) {
  .info-detail-bar .content .list {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 30px;
  }

  .project-list.column-3 .container {
    grid-template-columns: minmax(0, 1fr);
  }

  .leadership-list .wrapper .item {
    grid-template-columns: minmax(0, 1fr);
  }

  .year-list .container .item {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 30px;
    padding-left: 60px;
  }
  .year-list .container .item .image {
    grid-column: unset !important;
    grid-row: unset !important;
  }
  .year-list .container .item .image img {
    width: 100% !important;
  }
  .year-list .container .item .content {
    grid-column: unset !important;
    grid-row: unset !important;
  }

  .year-list .container::before {
    left: 15px;
  }

  .year-list .container .item .content .year {
    top: 0;
    left: -75px !important;
    right: unset !important;
    width: 50px !important;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
            text-orientation: mixed;
  }

  .year-list .container .item .content .year::before {
    right: unset !important;
    left: -2px !important;
  }

  .year-list .container .item .content .year::after {
    right: unset !important;
    left: -13px !important;
  }

  .year-bar .container .wrapper .item {
    padding: 15px 0;
  }

  .year-bar .container .wrapper .item span {
    font-size: 1.33rem;
  }

  .solutions-bar .wrapper .background {
    width: 100% !important;
  }

  .grid-with-sidebar > .container .content .job-filter {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: unset;
  }

  .grid-with-sidebar > .container .content .job-filter .tabs {
    scrollbar-width: none;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 30px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
    -webkit-mask-image: -webkit-linear-gradient(left, transparent 0%, black 10%, black 90%, transparent 100%);
            mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
            mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
  }
  .grid-with-sidebar > .container .content .job-filter .tabs::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
  }

  .grid-with-sidebar > .container .content .job-filter {
    padding-left: 0;
  }

  .grid-with-sidebar .container .content .job-filter .search-bar {
    max-width: unset;
    width: 100%;
    margin-bottom: 0px;
  }

  .grid-with-sidebar > .container .content .job-filter .tabs .item {
    height: 100px;
  }

  .form {
    grid-template-columns: minmax(0, 1fr);
  }

  .form .item.width--half, .form .item.width--full, .form .item.width--one-quarter, .form .item.width--three-quarters {
    grid-column: unset !important;
  }

  .quote-bar .content {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 30px;
  }

  .quote-bar .content .author img {
    width: 100px;
    height: 100px;
  }

  .event-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog.big {
    grid-column: unset;
  }

  .blog .context .date {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  .blog .context .title {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }

  .blog .context .expo {
    opacity: 1;
  }

  .iframe-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog-detail .context .thumbnail {
    height: 300px;
  }

  #index .blogs .container .latest-news .list .news {
    grid-template-columns: minmax(0, 1fr);
  }

  #index .slogan .inner > .content .container {
    -webkit-transform: unset;
       -moz-transform: unset;
        -ms-transform: unset;
         -o-transform: unset;
            transform: unset;
  }

  #index .slogan .inner > .hidden-content .container .wrapper .button {
    -webkit-box-shadow: inset 0 0 0 1px #070e3e;
       -moz-box-shadow: inset 0 0 0 1px #070e3e;
            box-shadow: inset 0 0 0 1px #070e3e;
  }
  #index .slogan .inner > .hidden-content .container .wrapper .button::before {
    background-color: #070e3e;
  }
  #index .slogan .inner > .hidden-content .container .wrapper .button span {
    color: #070e3e;
  }
  #index .slogan .inner > .hidden-content .container .wrapper .button:hover span {
    color: white;
  }

  #index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide {
    grid-template-columns: minmax(0, 1fr);
  }

  #index .blogs .container .nav-bar .heading .title {
    font-size: 1.25rem;
  }

  #index .blogs .container .nav-bar .heading .more span {
    font-size: 0.875rem;
  }

  #index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .text-field .title {
    font-size: 1.33rem;
  }

  #index .blogs .container .events-carousel-wrapper .events-carousel .swiper-wrapper .swiper-slide .slide .text-field .expo {
    font-size: 1rem;
  }

  #index .about .container .heading .line:first-child, #index .about .container .heading .line:last-child {
    margin: 0;
  }

  #index .about .container .heading {
    font-size: 2rem;
    margin-bottom: 30px;
  }

  #index .about .container .expo {
    width: 100%;
  }

  #index .about .container .scroll-point {
    display: none;
  }

  .solutions-detail-bar .wrapper {
    padding: 30px 0;
  }

  .solution-detail-list .container {
    grid-template-columns: minmax(0, 1fr);
  }

  .industry-list .container {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-list.inner.column-2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .prolog .content .text.info {
    grid-template-columns: minmax(0, 1fr);
  }

  .breadcrumb, .breadcrumb.short {
    height: unset;
    padding: -webkit-calc(var(--header-height) + 30px) 0 60px;
    padding: -moz-calc(var(--header-height) + 30px) 0 60px;
    padding: calc(var(--header-height) + 30px) 0 60px;
  }

  .statistics-bar .container .info .value {
    font-size: 2rem;
  }

  .statistics-bar .container .year .value {
    font-size: 1.5rem;
  }

  .blog-detail .title {
    font-size: 1.33rem;
  }

  .blog-detail .info .date span {
    font-size: 1rem;
  }

  .blog-detail .info .share span {
    font-size: 1rem;
  }

  .blog-detail .info .share {
    margin-left: 20px;
    padding-left: 20px;
  }

  .social-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .numerical-list .item .number {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
  }

  .numerical-list .item {
    grid-template-columns: minmax(0, 40px) minmax(0, auto);
    grid-gap: 20px;
  }

  .numerical-list .item.reverse {
    grid-template-columns: minmax(0, auto) minmax(0, 40px);
  }

  .contact-info .container .list {
    grid-gap: 30px;
  }

  .grid-with-sidebar > .container .content .job-content .single .form {
    padding: 30px;
  }

  .person-popup .inner .content .detail {
    max-height: unset;
  }

  .job-popup .inner .title {
    font-size: 1.25rem;
  }

  .job-popup .inner .context {
    max-height: unset;
    overflow: visible;
    padding-right: unset;
  }
}
@media only screen and (max-width: 480px) {
  .mt--120 {
    margin-top: 75px !important;
  }
  .mt--150 {
    margin-top: 105px !important;
  }
  .mt--180 {
    margin-top: 150px !important;
  }
  .mt--210 {
    margin-top: 165px !important;
  }

  .mb--120 {
    margin-bottom: 90px !important;
  }
  .mb--150 {
    margin-bottom: 120px !important;
  }
  .mb--180 {
    margin-bottom: 150px !important;
  }
  .mb--210 {
    margin-bottom: 165px !important;
  }

  :root {
    --header-height: 80px;
  }

  header .wrapper .contents .topbar .line {
    margin: 0 5px;
  }

  header .wrapper .contents .topbar .menu-trigger {
    margin-left: 15px;
  }

  header .wrapper .logo {
    max-width: 100px;
  }

  .map-field {
    top: 100px;
    margin-bottom: 100px;
  }

  #contact {
    position: relative;
  }
  #contact::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100%;
    background-color: #070e3e;
  }

  .map-field .point {
    width: 15px;
    height: 15px;
  }

  .contact-info .container .list {
    grid-template-columns: minmax(0, 1fr);
  }

  footer .copyright .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer .copyright .container .penta-logo {
    margin-top: 30px;
  }
  footer .copyright .container .text {
    text-align: center;
  }

  .person-popup .inner .content .about .info .name {
    font-size: 1.33rem;
  }

  .person-popup .inner .content .about .info .position {
    font-size: 1.125rem;
  }

  .solutions-bar .wrapper .content .item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .solutions-bar .wrapper .content .item:not(:last-child) {
    margin-bottom: 45px;
  }

  .grid-with-sidebar .container .content .job-filter .tabs .item {
    font-size: 1rem;
  }

  #live .content .container .inner .player {
    height: 250px;
  }

  #live .content .container .inner .player .info {
    padding: 10px;
  }

  #live .content .container .inner .player .controls .state {
    width: 70px;
    height: 70px;
  }

  #live .content .container .inner .player .controls .volume .trigger {
    width: 70px;
    height: 70px;
  }

  #live .content .container .inner > .info .program .item {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog.big .context {
    width: 100%;
  }

  .statistics-bar .container {
    grid-template-columns: minmax(0, 1fr);
  }

  .video-field .wrapper {
    height: 250px;
  }

  .video-field .wrapper .play {
    width: 45px;
    height: 45px;
  }

  .section-heading .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section-heading .container .button, .section-heading .container .navigation {
    margin-top: 20px;
  }
  .section-heading .container .link, .section-heading .container .search-bar {
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px;
    border-left: 0;
  }

  .technology-field > .container .item .technology-carousel {
    width: 100% !important;
  }

  .product .image {
    height: 250px;
  }

  .solution-detail-list .container .item .content {
    padding: 20px;
  }

  #index .blogs .container .nav-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #index .blogs .container .nav-bar .navigation {
    margin-top: 20px;
  }

  #index .blogs .container .latest-news .list {
    grid-template-columns: minmax(0, 1fr);
  }

  .person-popup .inner .content {
    padding: 30px;
  }

  .person-popup .inner .content .detail {
    margin-top: 30px;
  }

  .prolog br {
    display: none !important;
  }

  .contact-form-field .container .form {
    padding: 30px;
  }

  .booking-popup .inner {
    padding: 45px 30px 30px;
  }

  footer .content .container .contact .location .info {
    width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  header .wrapper .contents .topbar .search, header .wrapper .contents .topbar .booking {
    padding: 0 12px;
  }
  header .wrapper .contents .topbar .search svg, header .wrapper .contents .topbar .booking svg {
    height: 14px;
  }

  header .wrapper .contents .topbar .menu-trigger {
    width: 40px;
    padding: 12px 10px;
  }

  #index .solutions .container .wrapper .fields {
    grid-template-columns: minmax(0, 1fr);
  }

  #index .solutions .container .wrapper {
    height: 440px;
  }

  #index .solutions .container .wrapper .fields .item + .item {
    border-left: unset;
  }

  #index .slogan .inner .background {
    -webkit-mask-size: 25%;
            mask-size: 25%;
  }

  #index .hero .hero-carousel .swiper-wrapper .swiper-slide .slide .content .container .title {
    font-size: 2.5rem;
  }

  #live .content .container .inner > .info .participants .person {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog-detail .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .blog-detail .info .share {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    margin-top: 15px;
  }

  .year-list .container .item .image {
    min-height: 200px;
  }
}