@charset "UTF-8";
:root {
  --color-blue: #398FE6;
  --color-light-blue: #EAF5FF;
  --color-white: #FFFFFF;
  --color-sublime: #1A1E24;
  --color-sublime-green: #5FB3B3;
  --color-sublime-blue: #6699CC;
  --color-black-3: #f7f7f7;
  --color-black-6: #f0f0f0;
  --color-black-9: #e8e8e8;
  --color-black-15: #d9d9d9;
  --color-black-30: #b2b2b2;
  --color-black-45: #8c8c8c;
  --color-black-60: #666666;
  --color-black-75: #404040;
  --color-black-90: #191919;
  --color-black: #000000;
  --color-margin-orange: #FF8000;
  --color-margin-deep-orange: #63492F;
  --color-margin-yellow: #FFFE00;
  --color-padding-blue: #2997FF;
  --color-padding-dark-blue: #0D4781;
  --color-padding-light-blue: #00FFFF;
  --color-magscreen: var(--color-black-90);
  --color-dyson-dark: #261B21;
  --color-dyson-light: #FAF2F6;
  --color-casetify-colab-dark: #1B2126;
  --color-casetify-colab-light: #EEF4FA;
  --color-casetify-club-dark: #26241B;
  --color-casetify-club-light: #FAF8ED;
  --color-magscreen-dark: #1B2621;
  --color-magscreen-light: #F2FAF6; }

[data-project="dyson"] section.Project__Information, [data-project="magscreen"] section.Project__Next {
  background-color: var(--color-dyson-dark); }

[data-project="dyson"] section.Project__Development {
  background-color: var(--color-dyson-light); }

[data-project="casetify-colab"] section.Project__Information, [data-project="dyson"] section.Project__Next {
  background-color: var(--color-casetify-colab-dark); }

[data-project="casetify-colab"] section.Project__Development {
  background-color: var(--color-casetify-colab-light); }

[data-project="casetify-club"] section.Project__Information, [data-project="casetify-colab"] section.Project__Next {
  background-color: var(--color-casetify-club-dark); }

[data-project="casetify-club"] section.Project__Development {
  background-color: var(--color-casetify-club-light); }

[data-project="magscreen"] section.Project__Information, [data-project="casetify-club"] section.Project__Next {
  background-color: var(--color-magscreen-dark); }

[data-project="magscreen"] section.Project__Development {
  background-color: var(--color-magscreen-light); }

.Heading.Blue, .Heading--Butler.Blue, .Text.Blue, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Blue.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Blue.Bullet:before, .Label.Blue, .Button.Blue {
  color: var(--color-blue); }

.Heading.White, .Heading--Butler.White, .Text.White, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .White.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .White.Bullet:before, .Label.White, .Button.White {
  color: var(--color-white); }

.Heading.Black--3, .Heading--Butler.Black--3, .Text.Black--3, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Black--3.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Black--3.Bullet:before, .Label.Black--3, .Button.Black--3 {
  color: var(--color-black-3); }

.Heading.Black--6, .Heading--Butler.Black--6, .Text.Black--6, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Black--6.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Black--6.Bullet:before, .Label.Black--6, .Button.Black--6 {
  color: var(--color-black-6); }

.Heading.Black--9, .Heading--Butler.Black--9, .Text.Black--9, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Black--9.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Black--9.Bullet:before, .Label.Black--9, .Button.Black--9 {
  color: var(--color-black-9); }

.Heading.Black--15, .Heading--Butler.Black--15, .Text.Black--15, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Black--15.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Black--15.Bullet:before, .Label.Black--15, .Button.Black--15 {
  color: var(--color-black-9); }

.Heading.Black--30, .Heading--Butler.Black--30, .Text.Black--30, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Black--30.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Black--30.Bullet:before, .Label.Black--30, .Button.Black--30 {
  color: var(--color-black-30); }

.Heading.Black--45, .Heading--Butler.Black--45, .Text.Black--45, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Black--45.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Black--45.Bullet:before, .Label.Black--45, .Button.Black--45 {
  color: var(--color-black-45); }

.Heading.Black, .Heading--Butler.Black, .Text.Black, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Black.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Black.Bullet:before, .Label.Black, .Button.Black {
  color: var(--color-black); }

@keyframes Ani__SwipeIndicator__One {
  0% {
    transform: translateX(0px); }
  10% {
    transform: translateX(-18px); }
  30% {
    transform: translateX(-18px); }
  100% {
    transform: translateX(0px); } }
@keyframes Ani__SwipeIndicator__Two {
  5% {
    transform: translateX(0px); }
  15% {
    transform: translateX(-18px); }
  30% {
    transform: translateX(-18px); }
  100% {
    transform: translateX(0px); } }
@keyframes Ani__SwipeIndicator__Three {
  10% {
    transform: translateX(0px); }
  20% {
    transform: translateX(-18px); }
  30% {
    transform: translateX(-18px); }
  100% {
    transform: translateX(0px); } }
@keyframes Ani__SwipeIndicator__Four {
  15% {
    transform: translateX(0px); }
  25% {
    transform: translateX(-18px); }
  30% {
    transform: translateX(-18px); }
  100% {
    transform: translateX(0px); } }
@keyframes Ani__SwipeIndicator__Five {
  20% {
    transform: translateX(0px); }
  25% {
    transform: translateX(-18px); }
  30% {
    transform: translateX(-18px); }
  100% {
    transform: translateX(0px); } }
@keyframes Ani__Hero {
  0% {
    content: "Great passion. Bold ideas."; }
  60% {
    content: "Great passion. Bold ideas."; }
  62.5% {
    content: 'HTML'; }
  65% {
    content: 'CSS'; }
  67.5% {
    content: 'Sass'; }
  70% {
    content: 'Javascript'; }
  72.5% {
    content: 'PHP'; }
  75% {
    content: 'Swift'; }
  77.5% {
    content: 'React'; }
  80% {
    content: 'Angular'; }
  82.5% {
    content: 'Node'; }
  85% {
    content: 'Vue'; }
  87.5% {
    content: 'Ruby'; }
  90% {
    content: 'New Relic'; }
  92.5% {
    content: 'GraphQL'; }
  95% {
    content: 'RESTful'; }
  97.5% {
    content: 'UX/UI'; } }
@keyframes Ani__Hero__Mobile {
  0% {
    content: "Great passion. \a Bold ideas."; }
  60% {
    content: "Great passion. \a Bold ideas."; }
  62.5% {
    content: 'HTML'; }
  65% {
    content: 'CSS'; }
  67.5% {
    content: 'Sass'; }
  70% {
    content: 'Javascript'; }
  72.5% {
    content: 'PHP'; }
  75% {
    content: 'Swift'; }
  77.5% {
    content: 'React'; }
  80% {
    content: 'Angular'; }
  82.5% {
    content: 'Node'; }
  85% {
    content: 'Vue'; }
  87.5% {
    content: 'Ruby'; }
  90% {
    content: 'New Relic'; }
  92.5% {
    content: 'GraphQL'; }
  95% {
    content: 'RESTful'; }
  97.5% {
    content: 'UX/UI'; } }
@keyframes Ani__ScrollIndicator {
  0% {
    transform: translateX(0px); }
  50% {
    transform: translateX(6px); }
  100% {
    transform: translateX(0px); } }
@keyframes Ani__ScrollIndicator__Vertical {
  0% {
    transform: translateY(-3px) rotate(90deg); }
  50% {
    transform: translateY(3px) rotate(90deg); }
  100% {
    transform: translateY(-3px) rotate(90deg); } }
@keyframes Ani__Project__CTA {
  0% {
    transform: translateY(-3px); }
  50% {
    transform: translateY(3px); }
  100% {
    transform: translateY(-3px); } }
@keyframes Ani__Result {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-6px); }
  100% {
    transform: translateY(0px); } }
@keyframes Ani__Result__Reverse {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(6px); }
  100% {
    transform: translateY(0px); } }
@keyframes Ani__Project__ResearchFindingAndProductStrategy {
  0% {
    background-size: 100%; }
  50% {
    background-size: 500%; }
  100% {
    background-size: 100%; } }
@font-face {
  font-family: 'Acumin Pro';
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  src: local("Acumin Pro Thin"), url("/css/fonts/acumin-pro-thin.otf") format("opentype"); }
@font-face {
  font-family: 'Acumin Pro';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: local("Acumin Pro Medium"), url("/css/fonts/acumin-pro-medium.otf") format("opentype"); }
@font-face {
  font-family: 'Acumin Pro';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: local("Acumin Pro Semibold"), url("/css/fonts/acumin-pro-semibold.otf") format("opentype"); }
@font-face {
  font-family: 'Acumin Pro';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local("Acumin Pro Bold"), url("/css/fonts/acumin-pro-bold.otf") format("opentype"); }
@font-face {
  font-family: 'Butler';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local("Butler Light"), url("/css/fonts/butler-light.otf") format("opentype"); }
:root {
  --heading-font-family: 'Acumin Pro', 'Helvetica', 'Arial', sans;
  --heading-font-weight: 700;
  --heading-font-style: normal;
  --heading-line-height: 1.1;
  --heading-letter-spacing: -1.2px;
  --heading-h1-font-size: 120px;
  --heading-h2-font-size: 84px;
  --heading-h3-font-size: 48px;
  --heading-h4-font-size: 36px;
  --heading-h5-font-size: 30px;
  --heading-h6-font-size: 24px;
  --heading-h7-font-size: 18px;
  --heading-h8-font-size: 15px;
  --heading-h9-font-size: 12px;
  --heading-butler-font-family: 'Butler', sans-serif;
  --heading-butler-font-weight: 300;
  --heading-butler-font-style: normal;
  --heading-butler-line-height: 1.2;
  --heading-butler-letter-spacing: 0;
  --heading-butler-h1-font-size: 180px;
  --heading-butler-h2-font-size: 150px;
  --heading-butler-h3-font-size: 36px;
  --text-font-family: 'Acumin Pro', 'Helvetica', 'Arial', sans;
  --text-font-weight: 500;
  --text-font-style: normal;
  --text-line-height: 1.4;
  --text-letter-spacing: 0px;
  --text-p1-font-size: 24px;
  --text-p2-font-size: 18px;
  --text-p3-font-size: 15px;
  --text-p4-font-size: 12px;
  --label-font-family: 'Acumin Pro', 'Helvetica', 'Arial', sans;
  --label-font-weight: 700;
  --label-font-style: normal;
  --label-line-height: 1;
  --label-letter-spacing: 0.6px;
  --label-font-size: 12px;
  --label-text-transform: uppercase;
  --button-font-family: 'Acumin Pro', 'Helvetica', 'Arial', sans;
  --button-font-weight: 700;
  --button-font-style: normal;
  --button-line-height: 1;
  --button-letter-spacing: -0.3px;
  --button-font-size: 15px; }

.Heading {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing); }

.Heading.u-h1 {
  font-size: var(--heading-h1-font-size); }

.Heading.u-h2 {
  font-size: var(--heading-h2-font-size); }

.Heading.u-h3 {
  font-size: var(--heading-h3-font-size); }

.Heading.u-h4 {
  font-size: var(--heading-h4-font-size); }

.Heading.u-h5 {
  font-size: var(--heading-h5-font-size); }

.Heading.u-h6 {
  font-size: var(--heading-h6-font-size); }

.Heading.u-h7 {
  font-size: var(--heading-h7-font-size); }

.Heading.u-h8 {
  font-size: var(--heading-h8-font-size); }

.Heading.u-h9 {
  font-size: var(--heading-h9-font-size); }

.Heading--Butler {
  font-family: var(--heading-butler-font-family);
  font-weight: var(--heading-butler-font-weight);
  font-style: var(--heading-butler-font-style);
  line-height: var(--heading-butler-line-height);
  letter-spacing: var(--heading-butler-letter-spacing); }

.Heading--Butler.u-h1 {
  font-size: var(--heading-butler-h1-font-size); }

.Heading--Butler.u-h2 {
  font-size: var(--heading-butler-h2-font-size); }

.Heading--Butler.u-h3 {
  font-size: var(--heading-butler-h3-font-size); }

.Text, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet:before {
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-style: var(--text-font-style);
  line-height: var(--text-line-height);
  letter-spacing: var(--text-letter-spacing); }

.Text.u-p1, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .u-p1.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .u-p1.Bullet:before {
  font-size: var(--text-p1-font-size); }

.Text.u-p2, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .u-p2.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .u-p2.Bullet:before {
  font-size: var(--text-p2-font-size); }

.Text.u-p3, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .u-p3.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .u-p3.Bullet:before {
  font-size: var(--text-p3-font-size); }

.Text.u-p4, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .u-p4.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .u-p4.Bullet:before {
  font-size: var(--text-p4-font-size); }

.Label {
  font-family: var(--label-font-family);
  font-weight: var(--label-font-weight);
  font-style: var(--label-font-style);
  line-height: var(--label-line-height);
  letter-spacing: var(--label-letter-spacing);
  font-size: var(--label-font-size);
  text-transform: var(--label-text-transform); }

.Button {
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  font-style: var(--button-font-style);
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
  font-size: var(--button-font-size); }

.Heading, .Heading--Butler, .Text, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet:before, .Label {
  text-decoration: unset;
  text-align: left; }

.Heading.u-lh1, .Heading--Butler.u-lh1, .Text.u-lh1, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .u-lh1.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .u-lh1.Bullet:before {
  line-height: 1; }

.Heading.Vertical, .Heading--Butler.Vertical, .Text.Vertical, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Vertical.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Vertical.Bullet:before {
  writing-mode: vertical-rl;
  text-orientation: mixed; }

.Heading.Underline, .Heading--Butler.Underline, .Text.Underline, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Underline.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Underline.Bullet:before {
  text-decoration: underline; }

.Heading.Center, .Heading--Butler.Center, .Text.Center, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Center.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Center.Bullet:before {
  text-align: center; }

.Heading.Italic, .Heading--Butler.Italic, .Text.Italic, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Italic.Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Italic.Bullet:before {
  font-style: italic; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html, body {
  background-color: var(--color-black);
  width: 100%;
  height: 100%; }

html {
  box-sizing: border-box;
  margin-right: 0;
  overflow: visible; }

body {
  overflow-x: hidden;
  overflow-y: scroll;
  transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s; }
  body[data-location="Project"] > main {
    overflow: clip; }
    @media screen and (max-width: 992px) {
      body[data-location="Project"] > main {
        overflow: hidden; } }

body.hidden {
  opacity: 0; }

section {
  width: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

button {
  border: unset; }

::selection::-o-selection, ::-ms-selection, ::-moz-selection, ::-webkit-selection {
  background: var(--color-black);
  color: var(--color-white);
  text-shadow: none; }

* {
  touch-callout: none;
  -o-touch-callout: none;
  -ms-touch-callout: none;
  -moz-touch-callout: none;
  -webkit-touch-callout: none;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.visuallyhidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip-path: inset(0px 0 99.9% 99.9%);
  -o-clip-path: inset(0px 0 99.9% 99.9%);
  -ms-clip-path: inset(0px 0 99.9% 99.9%);
  -moz-clip-path: inset(0px 0 99.9% 99.9%);
  -webkit-clip-path: inset(0px 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0; }

.display-none {
  display: none !important; }

.Clickable {
  position: relative; }
  .Clickable:after {
    content: '';
    position: absolute;
    left: -15px;
    top: -15px;
    width: 100%;
    height: 100%;
    padding: 15px;
    box-sizing: content-box !important; }

.Page__Static section {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 150px;
  padding-bottom: 150px; }
  @media screen and (max-width: 992px) {
    .Page__Static section {
      padding: 90px 30px;
      box-sizing: border-box; } }

.Page__Static section.Section__FullWidth {
  max-width: unset; }

.Page__Static section.Section__FullWidth.BackgroundFilled > div {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }

.Display--MobileOnly {
  display: none; }
  @media screen and (max-width: 992px) {
    .Display--MobileOnly {
      display: unset; } }

.Display--DesktopOnly {
  display: unset; }
  @media screen and (max-width: 992px) {
    .Display--DesktopOnly {
      display: none; } }

img, video {
  pointer-events: none !important; }

.ScrollIndicator {
  position: absolute;
  height: 18px;
  display: flex;
  align-items: center;
  margin-top: 1px;
  margin-right: 6px; }
  @media screen and (max-width: 992px) {
    .ScrollIndicator {
      display: none; } }
  .ScrollIndicator:before {
    content: 'drag for more';
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
    font-style: italic;
    line-height: 1;
    letter-spacing: var(--heading-letter-spacing);
    font-size: var(--heading-h8-font-size);
    color: var(--color-blue); }
  .ScrollIndicator:after {
    margin-left: 6px;
    content: '';
    display: block;
    width: 21px;
    margin-top: -2px;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='9' viewBox='0 0 27 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3114_47891' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='27' height='9'%3E%3Crect width='27' height='9' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3114_47891)'%3E%3Cpath d='M1.5 4.5L25.5 4.5' stroke='%232997FF'/%3E%3Cpath d='M20.6708 0.585412C19.6735 0.0867358 18.5 0.811978 18.5 1.92705V7.07295C18.5 8.18802 19.6735 8.91327 20.6708 8.41459L25.8167 5.84164C26.9223 5.28886 26.9223 3.71115 25.8167 3.15836L20.6708 0.585412Z' fill='%232997FF'/%3E%3Cpath d='M6.32918 8.41459C7.32653 8.91326 8.5 8.18802 8.5 7.07295L8.5 1.92705C8.5 0.811978 7.32653 0.0867343 6.32918 0.58541L1.18328 3.15836C0.077712 3.71114 0.0777089 5.28885 1.18328 5.84164L6.32918 8.41459Z' fill='%232997FF'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    background-position: center;
    animation: Ani__ScrollIndicator 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    -o-animation: Ani__ScrollIndicator 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    -ms-animation: Ani__ScrollIndicator 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    -moz-animation: Ani__ScrollIndicator 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    -webkit-animation: Ani__ScrollIndicator 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite; }
  .ScrollIndicator.Vertical {
    margin-right: -6px; }
    .ScrollIndicator.Vertical:before {
      margin-right: -3px; }
    .ScrollIndicator.Vertical:after {
      animation: Ani__ScrollIndicator__Vertical 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
      -o-animation: Ani__ScrollIndicator__Vertical 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
      -ms-animation: Ani__ScrollIndicator__Vertical 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
      -moz-animation: Ani__ScrollIndicator__Vertical 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
      -webkit-animation: Ani__ScrollIndicator__Vertical 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite; }

.ProjectCTA {
  animation: Ani__Project__CTA 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  -o-animation: Ani__Project__CTA 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  -ms-animation: Ani__Project__CTA 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  -moz-animation: Ani__Project__CTA 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  -webkit-animation: Ani__Project__CTA 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite; }

header {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  box-sizing: border-box;
  z-index: 1000;
  pointer-events: none;
  filter: invert(1);
  -o-filter: invert(1);
  -ms-filter: invert(1);
  -moz-filter: invert(1);
  -webkit-filter: invert(1);
  mix-blend-mode: difference;
  -o-mix-blend-mode: difference;
  -ms-mix-blend-mode: difference;
  -moz-mix-blend-mode: difference;
  -webkit-mix-blend-mode: difference; }
  header #header-container {
    box-sizing: border-box;
    height: inherit;
    padding: 60px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    @media screen and (max-width: 992px) {
      header #header-container {
        padding: 30px;
        justify-content: space-between; } }
    header #header-container #logo {
      position: relative;
      z-index: 10;
      float: left;
      height: 60px;
      pointer-events: all;
      margin-right: 60px; }
      header #header-container #logo a {
        height: 60px;
        line-height: 60px;
        display: inline-block;
        opacity: 1;
        transition: 0.3s ease 0s;
        -o-transition: 0.3s ease 0s;
        -ms-transition: 0.3s ease 0s;
        -moz-transition: 0.3s ease 0s;
        -webkit-transition: 0.3s ease 0s;
        text-decoration: unset; }
        @media not screen and (max-width: 992px) {
          header #header-container #logo a:hover {
            opacity: .3; } }
    header #header-container.light-content #logo a svg {
      transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s; }
    header #header-container.light-content #logo a .company {
      transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s; }
    header #header-container.light-content .company {
      transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s; }
    header #header-container #burger-wrapper {
      width: 30px;
      height: 30px;
      float: right;
      display: flex;
      position: relative;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      pointer-events: all;
      opacity: 1;
      transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s; }
      @media not screen and (max-width: 992px) {
        header #header-container #burger-wrapper:hover {
          opacity: .3; } }
      header #header-container #burger-wrapper #menu-burger {
        width: 30px;
        height: 18px;
        position: relative;
        z-index: 2;
        pointer-events: none; }
        header #header-container #burger-wrapper #menu-burger span {
          display: block;
          position: absolute;
          height: 2px;
          width: 30px;
          background-color: var(--color-black);
          opacity: 1;
          border-radius: 30px;
          transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transition: transform  .3s ease, top  .3s ease;
          -o-transition: transform  .3s ease, top  .3s ease;
          -ms-transition: transform  .3s ease, top  .3s ease;
          -moz-transition: transform  .3s ease, top  .3s ease;
          -webkit-transition: transform  .3s ease, top  .3s ease; }
          header #header-container #burger-wrapper #menu-burger span:nth-child(1) {
            top: 6px; }
          header #header-container #burger-wrapper #menu-burger span:nth-child(2) {
            top: 11px; }
        header #header-container #burger-wrapper #menu-burger.open span {
          transition: transform  .3s ease, top  .3s ease;
          -o-transition: transform  .3s ease, top  .3s ease;
          -ms-transition: transform  .3s ease, top  .3s ease;
          -moz-transition: transform  .3s ease, top  .3s ease;
          -webkit-transition: transform  .3s ease, top  .3s ease; }
        header #header-container #burger-wrapper #menu-burger.open span:nth-child(1) {
          transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          top: 7px; }
        header #header-container #burger-wrapper #menu-burger.open span:nth-child(2) {
          transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          top: 7px; }

nav {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  visibility: visible;
  pointer-events: none;
  opacity: 0;
  background-color: var(--color-black);
  z-index: 999;
  transition: 0.3s ease 0.6s;
  -o-transition: 0.3s ease 0.6s;
  -ms-transition: 0.3s ease 0.6s;
  -moz-transition: 0.3s ease 0.6s;
  -webkit-transition: 0.3s ease 0.6s; }
  nav .nav-height {
    overflow-y: scroll;
    position: relative;
    height: 100%;
    width: 100%; }
    nav .nav-height .outer {
      display: table;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      nav .nav-height .outer .nav-bg-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: max-content;
        transform: rotate(26deg) translateX(-120vh) translateY(0vh);
        -o-transform: rotate(26deg) translateX(-120vh) translateY(0vh);
        -ms-transform: rotate(26deg) translateX(-120vh) translateY(0vh);
        -moz-transform: rotate(26deg) translateX(-120vh) translateY(0vh);
        -webkit-transform: rotate(26deg) translateX(-120vh) translateY(0vh);
        overflow: visible;
        opacity: 0;
        transition: opacity, 0.4s ease 0s;
        -o-transition: opacity, 0.4s ease 0s;
        -ms-transition: opacity, 0.4s ease 0s;
        -moz-transition: opacity, 0.4s ease 0s;
        -webkit-transition: opacity, 0.4s ease 0s; }
        nav .nav-height .outer .nav-bg-wrapper .nav-bg {
          position: relative;
          left: 0;
          top: 0;
          width: 100%;
          margin-bottom: 5.4vh;
          height: 42.4vh;
          pointer-events: none; }
          nav .nav-height .outer .nav-bg-wrapper .nav-bg:nth-child(2) {
            left: 23.3vh; }
          nav .nav-height .outer .nav-bg-wrapper .nav-bg:nth-child(3) {
            left: 46.6vh; }
          nav .nav-height .outer .nav-bg-wrapper .nav-bg:nth-child(4) {
            left: 69.9vh; }
          nav .nav-height .outer .nav-bg-wrapper .nav-bg p {
            font-family: 'Butler Stencil';
            font-size: 72vh;
            line-height: 68vh;
            display: inline-block;
            margin-right: 14.6vh;
            color: #1a1a1a;
            -webkit-text-stroke: 2px #2b2b2b;
            transition: 0.3s ease 0s;
            -o-transition: 0.3s ease 0s;
            -ms-transition: 0.3s ease 0s;
            -moz-transition: 0.3s ease 0s;
            -webkit-transition: 0.3s ease 0s;
            transform: scaleY(0.85);
            -o-transform: scaleY(0.85);
            -ms-transform: scaleY(0.85);
            -moz-transform: scaleY(0.85);
            -webkit-transform: scaleY(0.85);
            transform-origin: center;
            height: 51.1vh;
            pointer-events: all; }
          nav .nav-height .outer .nav-bg-wrapper .nav-bg .upper {
            transform: scaleX(-1) scaleY(-1);
            -o-transform: scaleX(-1) scaleY(-1);
            -ms-transform: scaleX(-1) scaleY(-1);
            -moz-transform: scaleX(-1) scaleY(-1);
            -webkit-transform: scaleX(-1) scaleY(-1);
            position: relative;
            bottom: 0vh;
            left: 0vh;
            height: 42.4vh;
            pointer-events: none; }
            @media not screen and (max-width: 992px) {
              nav .nav-height .outer .nav-bg-wrapper .nav-bg .upper p:hover {
                -webkit-text-stroke-color: #464646; } }
          nav .nav-height .outer .nav-bg-wrapper .nav-bg .lower {
            position: absolute;
            top: -8.7vh;
            margin-left: 47vh;
            width: max-content;
            height: 42.4vh;
            pointer-events: none; }
            nav .nav-height .outer .nav-bg-wrapper .nav-bg .lower p {
              color: #2b2b2b; }
              @media not screen and (max-width: 992px) {
                nav .nav-height .outer .nav-bg-wrapper .nav-bg .lower p:hover {
                  color: #464646;
                  -webkit-text-stroke-color: #464646; } }
          nav .nav-height .outer .nav-bg-wrapper .nav-bg .mtp {
            opacity: 1;
            transition: 0.3s ease 0s;
            -o-transition: 0.3s ease 0s;
            -ms-transition: 0.3s ease 0s;
            -moz-transition: 0.3s ease 0s;
            -webkit-transition: 0.3s ease 0s; }
      nav .nav-height .outer .inner {
        display: table-cell;
        vertical-align: middle;
        box-sizing: border-box; }
        nav .nav-height .outer .inner ul {
          transition: 0.3s ease 0.4s;
          -o-transition: 0.3s ease 0.4s;
          -ms-transition: 0.3s ease 0.4s;
          -moz-transition: 0.3s ease 0.4s;
          -webkit-transition: 0.3s ease 0.4s;
          display: table;
          width: auto;
          float: none;
          left: 50%;
          position: relative;
          list-style: none; }
          @media screen and (max-width: 992px) {
            nav .nav-height .outer .inner ul {
              left: 30px; } }
          nav .nav-height .outer .inner ul li {
            opacity: 0; }
            nav .nav-height .outer .inner ul li.active {
              pointer-events: none; }
              nav .nav-height .outer .inner ul li.active a {
                opacity: 1;
                text-decoration: none;
                color: var(--color-white); }
            nav .nav-height .outer .inner ul li a {
              margin-top: 30px;
              margin-bottom: 30px;
              display: block;
              transition: opacity, 0.3s ease 0s;
              -o-transition: opacity, 0.3s ease 0s;
              -ms-transition: opacity, 0.3s ease 0s;
              -moz-transition: opacity, 0.3s ease 0s;
              -webkit-transition: opacity, 0.3s ease 0s;
              text-decoration: underline;
              color: var(--color-black-45);
              font-family: var(--heading-font-family);
              line-height: 1;
              font-size: var(--heading-h3-font-size);
              font-weight: var(--heading-font-weight); }
              @media screen and (max-width: 992px) {
                nav .nav-height .outer .inner ul li a {
                  margin-top: 15px;
                  margin-bottom: 15px; } }
              @media not screen and (max-width: 992px) {
                nav .nav-height .outer .inner ul li a:hover {
                  opacity: .3; } }
  nav.open {
    visibility: visible;
    pointer-events: initial;
    opacity: 1;
    transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s; }

.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: var(--color-black);
  z-index: 1000;
  text-align: center; }
  .preloader-wrap .outer {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .preloader-wrap .outer .inner {
      display: table-cell;
      vertical-align: middle;
      box-sizing: border-box;
      /*			.percentage {
      				z-index: 100;
      				color: var(--color-black);
      				opacity:1;
      				font-weight: 700;
      				font-size:18vh;
      				line-height:20vh;
      				-webkit-text-stroke: 1px var(--color-white);
      			}*/ }
      .preloader-wrap .outer .inner svg {
        width: 300px;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
        @media screen and (max-width: 992px) {
          .preloader-wrap .outer .inner svg {
            width: 180px; } }
        .preloader-wrap .outer .inner svg#preloader-svg-fill {
          clip-path: inset(0 300% 0 0);
          /*@include transition-ease(clip-path, .3s, 0s)*/ }
  .preloader-wrap.light-content {
    background: var(--color-black); }
    .preloader-wrap.light-content .percentage {
      color: rgba(255, 255, 255, 0);
      -webkit-text-stroke: 1px white; }

.Footer {
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: var(--color-black); }
  @media screen and (max-width: 992px) {
    .Footer {
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 90px;
      padding-bottom: 90px; } }
  .Footer .Footer__Container {
    display: flex;
    max-width: 1320px;
    margin: auto;
    flex-direction: column; }
    .Footer .Footer__Container .Footer__Sitemap__Container {
      display: flex;
      width: max-content; }
      @media screen and (max-width: 992px) {
        .Footer .Footer__Container .Footer__Sitemap__Container {
          width: 100%; } }
      .Footer .Footer__Container .Footer__Sitemap__Container .Footer__Link__Group__Container {
        display: flex;
        flex-direction: column;
        width: 100%; }
        .Footer .Footer__Container .Footer__Sitemap__Container .Footer__Link__Group__Container .Footer__Link__Group__Heading__Container {
          margin-bottom: 15px; }
        .Footer .Footer__Container .Footer__Sitemap__Container .Footer__Link__Group__Container .Footer__Link__Group__Link__Container {
          display: flex;
          flex-direction: column; }
          .Footer .Footer__Container .Footer__Sitemap__Container .Footer__Link__Group__Container .Footer__Link__Group__Link__Container .Footer__Link__Group__Link {
            text-decoration: underline;
            position: relative;
            transition: opacity, 0.3s ease 0s;
            -o-transition: opacity, 0.3s ease 0s;
            -ms-transition: opacity, 0.3s ease 0s;
            -moz-transition: opacity, 0.3s ease 0s;
            -webkit-transition: opacity, 0.3s ease 0s; }
            .Footer .Footer__Container .Footer__Sitemap__Container .Footer__Link__Group__Container .Footer__Link__Group__Link__Container .Footer__Link__Group__Link:hover {
              opacity: .3; }
            .Footer .Footer__Container .Footer__Sitemap__Container .Footer__Link__Group__Container .Footer__Link__Group__Link__Container .Footer__Link__Group__Link:not(:first-child) {
              margin-top: 15px; }
    .Footer .Footer__Container .Footer__Copyright__Container {
      margin-top: 60px; }

#showcase-holder {
  width: 100%;
  height: 100svh;
  position: fixed;
  overflow: hidden;
  z-index: 2;
  top: 0;
  left: 0; }
  #showcase-holder #showcase-slider {
    width: 100%;
    height: 100svh; }
    #showcase-holder #showcase-slider .swiper-wrapper {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
      display: flex;
      box-sizing: content-box;
      -o-box-sizing: content-box;
      -ms-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      transform: translate3d(0px, 0, 0);
      -o-transform: translate3d(0px, 0, 0);
      -ms-transform: translate3d(0px, 0, 0);
      -moz-transform: translate3d(0px, 0, 0);
      -webkit-transform: translate3d(0px, 0, 0);
      transition: transform ease-out;
      -o-transition: transform ease-out;
      -ms-transition: transform ease-out;
      -moz-transition: transform ease-out;
      -webkit-transition: transform ease-out;
      margin: 0 auto; }
      #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide {
        transform: translateX(50vh);
        -o-transform: translateX(50vh);
        -ms-transform: translateX(50vh);
        -moz-transform: translateX(50vh);
        -webkit-transform: translateX(50vh);
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: auto;
        height: 100%;
        position: relative;
        transition-property: transform;
        -o-transition-property: transform;
        -ms-transition-property: transform;
        -moz-transition-property: transform;
        -webkit-transition-property: transform;
        text-align: center;
        background: transparent;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        opacity: 0; }
        @media screen and (max-width: 992px) {
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide {
            pointer-events: none; } }
        @media screen and (max-width: 992px) {
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide:not(:last-child) a {
            padding-right: unset; } }
        #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a {
          height: 100%;
          width: 100%;
          display: flex;
          align-items: flex-start;
          padding-left: 60px;
          padding-right: 60px;
          padding-bottom: 60px;
          padding-top: 60px;
          text-decoration: unset;
          flex-direction: column;
          justify-content: flex-end;
          box-sizing: border-box;
          transition: background-color, 0.3s ease 0s;
          -o-transition: background-color, 0.3s ease 0s;
          -ms-transition: background-color, 0.3s ease 0s;
          -moz-transition: background-color, 0.3s ease 0s;
          -webkit-transition: background-color, 0.3s ease 0s; }
          @media screen and (max-width: 992px) {
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a {
              padding-left: 30px;
              padding-right: 30px; } }
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container {
            position: relative;
            top: 60px;
            transition: top, 0.3s ease 0s;
            -o-transition: top, 0.3s ease 0s;
            -ms-transition: top, 0.3s ease 0s;
            -moz-transition: top, 0.3s ease 0s;
            -webkit-transition: top, 0.3s ease 0s; }
            @media screen and (max-width: 992px) {
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container {
                top: unset; } }
            @media screen and (max-width: 992px) {
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Industry__Container {
                display: none; } }
            @media screen and (max-width: 992px) {
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Industry__Container .Slide__Industry {
                font-size: 24px; } }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Category__Container {
              margin-top: 9px;
              display: grid;
              grid-template-columns: auto auto auto;
              grid-column-gap: 9px;
              grid-auto-columns: auto;
              justify-content: start; }
              @media screen and (max-width: 992px) {
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Category__Container {
                  display: none; } }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Category__Container .Slide__Category {
                border: 2px solid var(--color-white);
                padding: 6px 15px 3px;
                border-radius: 30px; }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Title__Container {
              margin-top: 15px;
              text-align: left; }
              @media screen and (max-width: 992px) {
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Title__Container {
                  margin-bottom: calc(12px + 0px + 24px); } }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Title__Container .Slide__Title {
                color: transparent;
                text-stroke: 1px var(--color-white);
                -o-text-stroke: 1px var(--color-white);
                -ms-text-stroke: 1px var(--color-white);
                -moz-text-stroke: 1px var(--color-white);
                -webkit-text-stroke: 1px var(--color-white);
                transition: color, 0.3s ease 0s;
                -o-transition: color, 0.3s ease 0s;
                -ms-transition: color, 0.3s ease 0s;
                -moz-transition: color, 0.3s ease 0s;
                -webkit-transition: color, 0.3s ease 0s;
                display: inline-block;
                text-align: left; }
                @media screen and (max-width: 992px) {
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__Title__Container .Slide__Title {
                    font-size: 48px; } }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__CTA__Container {
              opacity: 0;
              display: flex;
              align-items: center;
              margin-top: 30px;
              height: 24px;
              transition: opacity, 0.3s ease 0s;
              -o-transition: opacity, 0.3s ease 0s;
              -ms-transition: opacity, 0.3s ease 0s;
              -moz-transition: opacity, 0.3s ease 0s;
              -webkit-transition: opacity, 0.3s ease 0s; }
              @media screen and (max-width: 992px) {
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__CTA__Container {
                  display: none; } }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__CTA__Container .Slide__CTA__Icon {
                height: 24px;
                width: 24px;
                margin-right: 9px; }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__CTA__Container .Slide__CTA__Icon svg {
                  height: 24px;
                  width: 24px; }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide a .Slide__Container .Slide__CTA__Container .Slide__CTA__Text {
                position: relative;
                top: 1px; }
        #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide.active a {
          background-color: rgba(255, 255, 255, 0.15); }
          @media screen and (max-width: 992px) {
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide.active a {
              background-color: transparent; } }
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide.active a .Slide__Container {
            top: 0px; }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide.active a .Slide__Container .Slide__Title__Container .Slide__Title {
              color: var(--color-white); }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide.active a .Slide__Container .Slide__CTA__Container {
              opacity: 1; }
        #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] {
          background-color: var(--color-white);
          pointer-events: none;
          position: relative; }
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a {
            padding-right: 120px;
            padding-left: 60px;
            justify-content: center;
            width: calc(100vw - 60px - 30px - 60px - 135px); }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__Container {
              top: unset; }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__Container .Slide__Title__Container {
                margin-top: unset; }
                @media screen and (max-width: 992px) {
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__Container .Slide__Title__Container {
                    margin-bottom: unset; } }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__Container .Slide__Title__Container .Slide__Title {
                  text-stroke: 0px var(--color-black);
                  -o-text-stroke: 0px var(--color-black);
                  -ms-text-stroke: 0px var(--color-black);
                  -moz-text-stroke: 0px var(--color-black);
                  -webkit-text-stroke: 0px var(--color-black);
                  color: var(--color-black);
                  pointer-events: all;
                  font-size: 0; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__Container .Slide__Title__Container .Slide__Title:before {
                    content: "Great passion. \a Bold ideas.";
                    font-size: var(--heading-h1-font-size);
                    line-height: var(--heading-line-height);
                    letter-spacing: var(--heading-letter-spacing);
                    animation: Ani__Hero 4.5s linear infinite;
                    -o-animation: Ani__Hero 4.5s linear infinite;
                    -ms-animation: Ani__Hero 4.5s linear infinite;
                    -moz-animation: Ani__Hero 4.5s linear infinite;
                    -webkit-animation: Ani__Hero 4.5s linear infinite; }
                    @media screen and (max-width: 992px) {
                      #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__Container .Slide__Title__Container .Slide__Title:before {
                        font-size: 48px;
                        white-space: pre;
                        animation: Ani__Hero__Mobile 4.5s linear infinite;
                        -o-animation: Ani__Hero__Mobile 4.5s linear infinite;
                        -ms-animation: Ani__Hero__Mobile 4.5s linear infinite;
                        -moz-animation: Ani__Hero__Mobile 4.5s linear infinite;
                        -webkit-animation: Ani__Hero__Mobile 4.5s linear infinite; } }
            @media screen and (max-width: 992px) {
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a {
                width: 100vw;
                padding-left: 30px;
                padding-right: 30px; } }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__SwipeIndicator {
              display: none; }
              @media screen and (max-width: 992px) {
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__SwipeIndicator {
                  position: absolute;
                  left: 0;
                  right: 0;
                  bottom: 42px;
                  display: flex;
                  justify-content: center; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__SwipeIndicator span:nth-child(1) {
                    animation: Ani__SwipeIndicator__One 3s ease infinite;
                    -o-animation: Ani__SwipeIndicator__One 3s ease infinite;
                    -ms-animation: Ani__SwipeIndicator__One 3s ease infinite;
                    -moz-animation: Ani__SwipeIndicator__One 3s ease infinite;
                    -webkit-animation: Ani__SwipeIndicator__One 3s ease infinite; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__SwipeIndicator span:nth-child(2) {
                    animation: Ani__SwipeIndicator__Two 3s ease infinite;
                    -o-animation: Ani__SwipeIndicator__Two 3s ease infinite;
                    -ms-animation: Ani__SwipeIndicator__Two 3s ease infinite;
                    -moz-animation: Ani__SwipeIndicator__Two 3s ease infinite;
                    -webkit-animation: Ani__SwipeIndicator__Two 3s ease infinite; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__SwipeIndicator span:nth-child(3) {
                    animation: Ani__SwipeIndicator__Three 3s ease infinite;
                    -o-animation: Ani__SwipeIndicator__Three 3s ease infinite;
                    -ms-animation: Ani__SwipeIndicator__Three 3s ease infinite;
                    -moz-animation: Ani__SwipeIndicator__Three 3s ease infinite;
                    -webkit-animation: Ani__SwipeIndicator__Three 3s ease infinite; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__SwipeIndicator span:nth-child(4) {
                    animation: Ani__SwipeIndicator__Four 3s ease infinite;
                    -o-animation: Ani__SwipeIndicator__Four 3s ease infinite;
                    -ms-animation: Ani__SwipeIndicator__Four 3s ease infinite;
                    -moz-animation: Ani__SwipeIndicator__Four 3s ease infinite;
                    -webkit-animation: Ani__SwipeIndicator__Four 3s ease infinite; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"] a .Slide__SwipeIndicator span:nth-child(5) {
                    animation: Ani__SwipeIndicator__Five 3s ease infinite;
                    -o-animation: Ani__SwipeIndicator__Five 3s ease infinite;
                    -ms-animation: Ani__SwipeIndicator__Five 3s ease infinite;
                    -moz-animation: Ani__SwipeIndicator__Five 3s ease infinite;
                    -webkit-animation: Ani__SwipeIndicator__Five 3s ease infinite; } }
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="1"]:before {
            content: '';
            position: absolute;
            width: calc(150%);
            left: 0;
            top: 0;
            background-color: var(--color-white);
            height: 100%;
            z-index: 0; }
        #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] {
          height: calc(100vh - 60px * 4);
          margin-top: 180px;
          margin-bottom: 60px;
          padding-top: unset;
          padding-bottom: unset;
          pointer-events: none; }
          @media screen and (max-width: 992px) {
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] {
              height: 100%;
              margin: unset; } }
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a {
            width: auto;
            padding-left: 120px;
            padding-right: 0;
            padding-top: unset;
            padding-bottom: unset;
            background-color: var(--color-black);
            justify-content: center;
            z-index: 31;
            flex-direction: row;
            align-items: center; }
            @media screen and (max-width: 992px) {
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a {
                padding-left: 30px;
                padding-right: 30px;
                flex-direction: column;
                justify-content: end;
                padding-top: calc(30px + 60px + 30px);
                width: 100vw;
                overflow: hidden;
                padding-bottom: 42px; } }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container {
              top: unset;
              opacity: 0;
              transition: unset; }
              @media screen and (max-width: 992px) {
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container {
                  opacity: 1; } }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container {
                margin-top: unset;
                display: flex;
                flex-direction: column; }
                @media screen and (max-width: 992px) {
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container {
                    margin-bottom: unset; } }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container .slide-label {
                  position: fixed;
                  top: 0;
                  left: 0;
                  margin-left: 120px; }
                  @media screen and (max-width: 992px) {
                    #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container .slide-label {
                      position: relative;
                      text-align: center;
                      margin: unset; } }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container .Slide__Title {
                  text-stroke: 0px var(--color-white);
                  -o-text-stroke: 0px var(--color-white);
                  -ms-text-stroke: 0px var(--color-white);
                  -moz-text-stroke: 0px var(--color-white);
                  -webkit-text-stroke: 0px var(--color-white);
                  color: var(--color-white); }
                  @media screen and (max-width: 992px) {
                    #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container .Slide__Title {
                      font-size: 36px;
                      text-align: center;
                      margin-top: 15px; } }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container p {
                  margin-top: 30px; }
                  @media screen and (max-width: 992px) {
                    #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container p {
                      margin-top: 15px;
                      text-align: center; } }
                  @media screen and (max-width: 992px) {
                    #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__Title__Container p br {
                      display: none; } }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__CTA__Container {
                position: relative;
                width: max-content;
                margin-top: 60px;
                pointer-events: all;
                opacity: unset;
                cursor: pointer;
                transition: opacity, 0.3s ease 0s;
                -o-transition: opacity, 0.3s ease 0s;
                -ms-transition: opacity, 0.3s ease 0s;
                -moz-transition: opacity, 0.3s ease 0s;
                -webkit-transition: opacity, 0.3s ease 0s; }
                @media screen and (max-width: 992px) {
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__CTA__Container {
                    margin-top: 15px;
                    margin-left: auto;
                    margin-right: auto;
                    display: flex;
                    display: none; } }
                @media not screen and (max-width: 992px) {
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__Container .Slide__CTA__Container:hover {
                    opacity: .3; } }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video {
              position: relative;
              height: calc(100vh + 30px);
              top: calc(0vh - 75px);
              margin-right: 0;
              margin-left: -150px;
              z-index: -1;
              width: 100vh;
              overflow: hidden; }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video:before {
                content: '';
                background-color: var(--color-black);
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: .09; }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video video {
                height: 100%;
                z-index: -1 !important;
                position: relative; }
                @media screen and (max-width: 992px) {
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video video {
                    width: calc(100vw);
                    object-position: top left;
                    object-fit: cover;
                    margin-left: 15px; } }
              @media screen and (max-width: 992px) {
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video {
                  margin: unset;
                  width: 100%;
                  height: 60svh;
                  transform: unset !important;
                  position: absolute;
                  top: 30px;
                  overflow: hidden; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video:before {
                    display: none; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video:after {
                    content: '';
                    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
                    position: absolute;
                    width: 100%;
                    height: 50%;
                    left: 0;
                    bottom: 0; } }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video img {
                height: 100%;
                width: auto; }
                @media screen and (max-width: 992px) {
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Hero__Video img {
                    height: unset;
                    width: unset; } }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group {
              margin-left: 120px;
              list-style: none;
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              grid-template-rows: 1fr;
              grid-gap: 90px;
              margin-right: 120px; }
              @media screen and (max-width: 992px) {
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group {
                  display: none; } }
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group .Slide__About__Services__Services__Container {
                display: inline-block;
                text-align: left; }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group .Slide__About__Services__Services__Container .Slide__About__Services__Services__Icon__Container img {
                  border-radius: 15px;
                  height: 120px;
                  width: 120px; }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group .Slide__About__Services__Services__Container .Slide__About__Services__Services__Title__Container {
                  margin-top: 30px; }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group .Slide__About__Services__Services__Container .Slide__About__Services__Services__Bullets__Container {
                  margin-top: 30px; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group .Slide__About__Services__Services__Container .Slide__About__Services__Services__Bullets__Container li {
                    padding-left: 30px;
                    display: block; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group .Slide__About__Services__Services__Container .Slide__About__Services__Services__Bullets__Container li:not(:first-child) {
                    margin-top: 6px; }
                  #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group .Slide__About__Services__Services__Container .Slide__About__Services__Services__Bullets__Container:before {
                    content: '';
                    position: absolute;
                    width: 2px;
                    background-color: var(--color-black-75);
                    border-radius: 30px;
                    height: calc(18px * 4 + 6px * 3); }
                #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] a .Slide__About__Services__Services__Group .Slide__About__Services__Services__Container:last-child {
                  margin-right: unset; }
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] .before {
            position: absolute;
            background-color: var(--color-black);
            top: 0;
            left: 0;
            width: calc(100% - 1px);
            height: 0px;
            max-height: 181px;
            transform: translateY(calc(-100% - -1px));
            -o-transform: translateY(calc(-100% - -1px));
            -ms-transform: translateY(calc(-100% - -1px));
            -moz-transform: translateY(calc(-100% - -1px));
            -webkit-transform: translateY(calc(-100% - -1px));
            box-shadow: 0px 1px 0 0 var(--color-black);
            -o-box-shadow: 0px 1px 0 0 var(--color-black);
            -ms-box-shadow: 0px 1px 0 0 var(--color-black);
            -moz-box-shadow: 0px 1px 0 0 var(--color-black);
            -webkit-box-shadow: 0px 1px 0 0 var(--color-black);
            outline: 1px solid white; }
            @media screen and (max-width: 992px) {
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] .before {
                display: none; } }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] .before:after {
              content: '';
              width: 1px;
              height: calc(100% + 1px);
              position: absolute;
              right: -1px;
              background-color: var(--color-black); }
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] .after {
            position: absolute;
            background-color: var(--color-black);
            bottom: 0;
            left: 0;
            width: calc(100% - 1px);
            height: 0px;
            max-height: 61px;
            transform: translateY(calc(100% - 1px));
            -o-transform: translateY(calc(100% - 1px));
            -ms-transform: translateY(calc(100% - 1px));
            -moz-transform: translateY(calc(100% - 1px));
            -webkit-transform: translateY(calc(100% - 1px));
            box-shadow: 0px -1p x 0 0 var(--color-black);
            -o-box-shadow: 0px -1p x 0 0 var(--color-black);
            -ms-box-shadow: 0px -1p x 0 0 var(--color-black);
            -moz-box-shadow: 0px -1p x 0 0 var(--color-black);
            -webkit-box-shadow: 0px -1p x 0 0 var(--color-black);
            outline: 1px solid white; }
            @media screen and (max-width: 992px) {
              #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] .after {
                display: none; } }
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"] .after:after {
              content: '';
              width: 1px;
              height: calc(100% + 1px);
              position: absolute;
              right: -1px;
              background-color: var(--color-black);
              top: -1px; }
          #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="2"]:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100vh;
            top: -180px;
            background-color: var(--color-white);
            z-index: -1; }
        #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="3"] a label {
          position: absolute;
          top: 180px; }
          @media screen and (max-width: 992px) {
            #showcase-holder #showcase-slider .swiper-wrapper .swiper-slide[data-slide="3"] a label {
              top: 120px; } }

.hero-video-wrapper {
  position: relative;
  box-sizing: border-box;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  background-size: cover;
  padding: 0;
  overflow: hidden !important;
  opacity: 1; }
  .hero-video-wrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--color-black);
    opacity: 0.15; }
  .hero-video-wrapper video {
    position: absolute;
    bottom: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100vw;
    object-fit: cover;
    object-position: 50%;
    height: auto;
    z-index: -100;
    background-size: cover;
    margin: auto;
    transition: opacity, 0.15s ease 0s;
    -o-transition: opacity, 0.15s ease 0s;
    -ms-transition: opacity, 0.15s ease 0s;
    -moz-transition: opacity, 0.15s ease 0s;
    -webkit-transition: opacity, 0.15s ease 0s; }

.external-caption {
  position: relative;
  width: 100%;
  height: 100svh;
  z-index: 0;
  pointer-events: none; }
  .external-caption .Slide__Container {
    position: absolute;
    bottom: calc(30px + 12px + 0px);
    left: 30px;
    opacity: 0; }
    .external-caption .Slide__Container .Slide__Industry__Container .Slide__Industry {
      font-size: 24px; }
    .external-caption .Slide__Container .Slide__Category__Container {
      margin-top: 9px;
      display: grid;
      grid-template-columns: auto auto auto;
      grid-column-gap: 9px;
      grid-auto-columns: auto;
      justify-content: start; }
      .external-caption .Slide__Container .Slide__Category__Container .Slide__Category {
        border: 2px solid var(--color-white);
        padding: 6px 12px 3px;
        border-radius: 30px; }
        @media screen and (max-width: 992px) {
          .external-caption .Slide__Container .Slide__Category__Container .Slide__Category {
            font-size: 11px; } }
    .external-caption .Slide__Container .Slide__Title__Container {
      margin-top: 15px; }
      .external-caption .Slide__Container .Slide__Title__Container .Slide__Title {
        font-size: 48px;
        visibility: hidden;
        white-space: nowrap; }
    .external-caption .Slide__Container .Slide__CTA__Container {
      display: flex;
      align-items: center;
      margin-top: 30px;
      pointer-events: all;
      text-decoration: none;
      height: 24px;
      overflow-y: hidden; }
      .external-caption .Slide__Container .Slide__CTA__Container .Slide__CTA__Icon {
        height: 24px;
        width: 24px;
        margin-right: 6px; }
        .external-caption .Slide__Container .Slide__CTA__Container .Slide__CTA__Icon svg {
          width: 24px;
          height: 24px; }
      .external-caption .Slide__Container .Slide__CTA__Container .Slide__CTA__Text {
        position: relative;
        top: 1px; }

.external-caption {
  position: fixed; }

#hero-bg-wrapper .Caption {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  z-index: 1;
  max-width: 1080px;
  margin: auto;
  left: 0;
  right: 0;
  margin-bottom: 60px;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(150px);
  -o-transform: translateY(150px);
  -ms-transform: translateY(150px);
  -moz-transform: translateY(150px);
  -webkit-transform: translateY(150px); }
  #hero-bg-wrapper .Caption:before {
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    width: 100%;
    height: 50svh;
    left: 0;
    bottom: -60px;
    z-index: -1;
    transform-origin: center;
    transform: scaleX(3);
    -o-transform: scaleX(3);
    -ms-transform: scaleX(3);
    -moz-transform: scaleX(3);
    -webkit-transform: scaleX(3); }
  #hero-bg-wrapper .Caption h1 {
    margin-top: 30px; }
#hero-bg-wrapper #hero-image-parallax #hero-bg-image .hero-video-wrapper {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  #hero-bg-wrapper #hero-image-parallax #hero-bg-image .hero-video-wrapper video {
    height: 100%;
    width: 100%;
    object-fit: cover; }

.Page__Static .Project__Information > .Container {
  display: flex;
  flex-wrap: wrap; }
  .Page__Static .Project__Information > .Container .Left {
    padding-right: 120px;
    box-sizing: border-box;
    width: 50%; }
  .Page__Static .Project__Information > .Container .Right {
    width: 50%; }
  .Page__Static .Project__Information > .Container .Title {
    margin-top: 30px; }
  .Page__Static .Project__Information > .Container .Description {
    margin-top: 30px; }
  .Page__Static .Project__Information > .Container .NDA {
    margin-top: 30px; }
  .Page__Static .Project__Information > .Container .Metadata {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 42px; }
    .Page__Static .Project__Information > .Container .Metadata .Container {
      padding-top: 9px;
      border-top: 1px solid var(--color-black-60); }
      .Page__Static .Project__Information > .Container .Metadata .Container:last-child {
        grid-area: 2 / 1 / 3 / 4; }
      .Page__Static .Project__Information > .Container .Metadata .Container .DetailsGroup {
        margin-top: 15px; }
        .Page__Static .Project__Information > .Container .Metadata .Container .DetailsGroup .Details span {
          display: block; }
          .Page__Static .Project__Information > .Container .Metadata .Container .DetailsGroup .Details span i {
            display: block;
            margin-top: 9px; }
          .Page__Static .Project__Information > .Container .Metadata .Container .DetailsGroup .Details span:not(:first-of-type) {
            margin-top: 15px; }
  .Page__Static .Project__Information > .Container .CTA {
    display: flex;
    align-items: center;
    margin: auto;
    margin-top: 90px; }
    .Page__Static .Project__Information > .Container .CTA .Icon {
      display: flex; }
    .Page__Static .Project__Information > .Container .CTA .Copy {
      margin-left: 9px; }
.Page__Static .Project__HighLevelGoal > .Container {
  display: flex;
  flex-wrap: wrap; }
  .Page__Static .Project__HighLevelGoal > .Container .HeroTitle {
    margin-bottom: 60px;
    display: block;
    width: 100%; }
  .Page__Static .Project__HighLevelGoal > .Container .Left {
    padding-right: 120px;
    box-sizing: border-box;
    width: 50%; }
    .Page__Static .Project__HighLevelGoal > .Container .Left .Description {
      margin-top: 30px; }
  .Page__Static .Project__HighLevelGoal > .Container .Right {
    width: 50%; }
    .Page__Static .Project__HighLevelGoal > .Container .Right .Description {
      margin-top: 42px; }
  .Page__Static .Project__HighLevelGoal > .Container .Title {
    margin-top: 30px; }
  .Page__Static .Project__HighLevelGoal > .Container .BulletGroup {
    margin-top: 30px;
    list-style: none;
    counter-reset: item; }
    .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Bullet {
      counter-increment: item;
      display: flex;
      align-items: center; }
      .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Bullet p {
        margin-left: 15px; }
      .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Bullet:before {
        content: counter(item);
        color: var(--color-black);
        width: 60px;
        height: 60px;
        display: flex;
        background-color: var(--color-black-3);
        align-items: center;
        justify-content: center;
        border-radius: 300px; }
      .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Bullet:not(:first-child) {
        margin-top: 30px; }
.Page__Static .Project__Result {
  padding-top: unset;
  padding-bottom: unset;
  margin-top: -90px; }
  .Page__Static .Project__Result > .Container .PerformanceGroup {
    display: flex;
    justify-content: space-between;
    margin-top: 30px; }
    .Page__Static .Project__Result > .Container .PerformanceGroup .Performance {
      width: calc(100% / 3 - 120px / 3); }
      .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .Title {
        padding-top: 30px;
        border-top: 1px solid var(--color-black-15);
        display: flex; }
        .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .Title .Icon {
          margin-right: 6px;
          display: flex;
          animation: Ani__Result 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
          -o-animation: Ani__Result 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
          -ms-animation: Ani__Result 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
          -moz-animation: Ani__Result 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
          -webkit-animation: Ani__Result 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite; }
          .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .Title .Icon svg {
            height: 12px;
            width: auto; }
          .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .Title .Icon.Reverse {
            animation: Ani__Result__Reverse 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
            -o-animation: Ani__Result__Reverse 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
            -ms-animation: Ani__Result__Reverse 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
            -moz-animation: Ani__Result__Reverse 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
            -webkit-animation: Ani__Result__Reverse 1.8s cubic-bezier(0.25, 1, 0.5, 1) infinite; }
      .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .NumberGroup {
        display: flex;
        margin-top: 30px;
        display: none; }
        .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .NumberGroup .Number {
          margin-left: 3px; }
        .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .NumberGroup .Percentage {
          align-self: flex-end;
          position: relative;
          bottom: 12px;
          margin-left: 3px; }
      .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .Benchmark {
        display: none; }
      .Page__Static .Project__Result > .Container .PerformanceGroup .Performance .Description {
        margin-top: 30px; }
  .Page__Static .Project__Result > .Container .Note {
    margin-top: 60px; }
.Page__Static .Project__LineUp {
  padding-top: unset; }
  .Page__Static .Project__LineUp .Banner {
    margin-right: 60px;
    display: none; }
  .Page__Static .Project__LineUp .CTA {
    display: flex;
    align-items: center;
    margin: auto;
    margin-top: 90px;
    justify-content: center; }
    .Page__Static .Project__LineUp .CTA .Copy {
      margin-left: 9px; }
.Page__Static .Project__Development {
  background-color: #EEF4FA;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  .Page__Static .Project__Development .HeroTitle {
    margin-bottom: 60px; }
  .Page__Static .Project__Development section ~ .HeroTitle {
    margin-top: 150px; }
  .Page__Static .Project__Development section + section, .Page__Static .Project__Development section + .ColumnDivider {
    margin-top: 30px; }
  .Page__Static .Project__Development .Section {
    background-color: var(--color-white);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
    border-radius: 30px;
    padding: 60px;
    overflow: hidden;
    transition: box-shadow, 0.15s ease 0s;
    -o-transition: box-shadow, 0.15s ease 0s;
    -ms-transition: box-shadow, 0.15s ease 0s;
    -moz-transition: box-shadow, 0.15s ease 0s;
    -webkit-transition: box-shadow, 0.15s ease 0s; }
    @media not screen and (max-width: 992px) {
      .Page__Static .Project__Development .Section:hover {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.12); } }
  .Page__Static .Project__Development .ColumnDivider {
    padding: unset;
    max-width: calc(1080px + 120px);
    display: flex;
    justify-content: space-between;
    position: relative; }
    .Page__Static .Project__Development .ColumnDivider[data-column-count="2"] section {
      width: calc(50% - 15px);
      max-width: unset;
      margin: unset;
      box-sizing: border-box; }
    .Page__Static .Project__Development .ColumnDivider .Wrapper {
      width: calc(50% - 15px); }
      .Page__Static .Project__Development .ColumnDivider .Wrapper .ColumnDivider .Section {
        padding-bottom: 60px; }
    .Page__Static .Project__Development .ColumnDivider .ColumnDivider {
      width: unset !important; }
      .Page__Static .Project__Development .ColumnDivider .ColumnDivider ~ section {
        width: unset;
        margin-top: 30px; }
    .Page__Static .Project__Development .ColumnDivider .Content {
      width: calc(50% - 15px); }
    .Page__Static .Project__Development .ColumnDivider .Banner.Right {
      width: calc(50% - 15px);
      position: absolute;
      right: 0;
      height: calc(100% + 120px);
      margin-top: -60px;
      touch-action: none;
      cursor: grab;
      overflow: hidden; }
      .Page__Static .Project__Development .ColumnDivider .Banner.Right:active {
        cursor: grabbing; }
      @media not screen and (max-width: 992px) {
        .Page__Static .Project__Development .ColumnDivider .Banner.Right:hover img {
          transform: scale(0.99); } }
      .Page__Static .Project__Development .ColumnDivider .Banner.Right img {
        pointer-events: none;
        transition: transform, 0.15s ease 0s;
        -o-transition: transform, 0.15s ease 0s;
        -ms-transition: transform, 0.15s ease 0s;
        -moz-transition: transform, 0.15s ease 0s;
        -webkit-transition: transform, 0.15s ease 0s; }
      .Page__Static .Project__Development .ColumnDivider .Banner.Right img:first-child {
        margin-top: 30px; }
      .Page__Static .Project__Development .ColumnDivider .Banner.Right img:last-child {
        margin-bottom: 30px; }
  .Page__Static .Project__Development .Title {
    margin-top: 30px; }
  .Page__Static .Project__Development .Banner {
    margin-left: -30px;
    margin-right: -30px; }
    .Page__Static .Project__Development .Banner img.Rounded {
      border-radius: 30px;
      border: 1px solid var(--color-black-9);
      box-sizing: border-box; }
    .Page__Static .Project__Development .Banner img:not(:first-child) {
      margin-top: 15px; }
    .Page__Static .Project__Development .Banner img.Padded {
      padding: 60px 30px;
      box-sizing: border-box; }
  .Page__Static .Project__Development .Paragraph {
    margin-top: 30px; }
    .Page__Static .Project__Development .Paragraph[data-column-count="2"] {
      column-count: 2;
      column-gap: 60px; }
      @media screen and (max-width: 992px) {
        .Page__Static .Project__Development .Paragraph[data-column-count="2"] {
          column-count: unset; } }
  .Page__Static .Project__Development .Project__LoggingAndCommunication {
    padding-bottom: 60px; }
  .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div {
    padding: 30px;
    background-color: var(--color-sublime);
    border-radius: 30px;
    margin: 60px -30px -30px -30px;
    display: inline-block;
    width: 100%; }
    .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Top {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 0px;
      grid-row-gap: 0px; }
      .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Top > * {
        align-self: center;
        justify-self: center;
        width: 100%;
        display: flex;
        flex-direction: column; }
      .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Top > span {
        text-align: center;
        width: unset;
        transform: translateY(-100%); }
        .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Top > span:before {
          content: '';
          height: 100%;
          background-color: var(--color-sublime);
          position: absolute;
          z-index: -1;
          width: 100%;
          padding-left: 12px;
          padding-right: 12px;
          left: -12px; }
      .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Top:before {
        content: '';
        height: 1px;
        width: 600%;
        background-color: var(--color-sublime-green);
        left: -50%;
        position: relative; }
    .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Bottom {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      margin-top: 30px; }
      .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Bottom > * {
        align-self: center;
        justify-self: center;
        width: 100%;
        display: flex;
        flex-direction: column; }
      .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Bottom div svg {
        width: 100%;
        height: 100%; }
      .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Bottom div span {
        display: flex;
        margin-top: 15px;
        align-self: center; }
      .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Bottom span {
        display: flex;
        margin-top: 15px;
        align-self: center; }
        .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Bottom span.White.Italic {
          text-align: center;
          position: relative;
          margin: unset;
          align-self: flex-start;
          z-index: 1;
          height: 0;
          padding-top: calc(50% - 15px / 2); }
          .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Bottom span.White.Italic:before {
            content: '';
            width: 100%;
            padding-top: 100%;
            background-color: var(--color-black-60);
            position: absolute;
            transform: translateY(0%);
            top: 0;
            border-radius: 300px;
            z-index: -1; }
      .Page__Static .Project__Development .Project__CICD__Pipeline__and__UXUI__Integration .Media > div .Bottom > svg {
        align-self: flex-start;
        padding-top: calc(50% - 10px / 2); }
  .Page__Static .Project__Development .CTA {
    display: flex;
    align-items: center;
    margin: auto;
    margin-top: 90px;
    justify-content: center; }
    .Page__Static .Project__Development .CTA .Copy {
      margin-left: 9px; }
.Page__Static .Project__ColourPalette {
  margin: 60px -60px -60px -60px; }
.Page__Static .Project__Grid__and__Spacing__Scheme .Subtitle {
  position: relative; }
  .Page__Static .Project__Grid__and__Spacing__Scheme .Subtitle .ScrollIndicator {
    top: 0;
    right: 0; }
.Page__Static .Project__Grid__and__Spacing__Scheme .Specification {
  margin: 60px -30px -30px -30px;
  padding: 30px;
  background-color: var(--color-black-3);
  border-radius: 30px;
  transition: background-color, 0.15s ease 0s;
  -o-transition: background-color, 0.15s ease 0s;
  -ms-transition: background-color, 0.15s ease 0s;
  -moz-transition: background-color, 0.15s ease 0s;
  -webkit-transition: background-color, 0.15s ease 0s; }
  @media not screen and (max-width: 992px) {
    .Page__Static .Project__Grid__and__Spacing__Scheme .Specification:hover {
      background-color: var(--color-black-6); } }
  .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Indentations {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    margin-top: 30px; }
    .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Indentations > div {
      display: flex;
      flex-direction: column; }
      .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Indentations > div .Heading {
        margin-top: 15px; }
      .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Indentations > div .Text, .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Indentations > div .Project__HighLevelGoal > .Container .BulletGroup .Bullet:before, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Project__Grid__and__Spacing__Scheme .Specification .Indentations > div .Bullet:before, .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Indentations > div .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Project__Grid__and__Spacing__Scheme .Specification .Indentations > div .Bullet:before {
        margin-top: 6px; }
  .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    margin-top: 30px; }
    .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div {
      padding-top: 30px;
      border-top: 1px solid var(--color-black-15); }
      .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div {
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 0px; }
        .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div {
          display: flex;
          flex-direction: column; }
          .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div > div {
            width: 45px;
            height: 45px;
            background-color: #FF8000;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center; }
            .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div > div span {
              margin: unset !important; }
          .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div .Heading {
            margin-top: 15px; }
          .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div .Text, .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div .Project__HighLevelGoal > .Container .BulletGroup .Bullet:before, .Page__Static .Project__HighLevelGoal > .Container .BulletGroup .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div .Bullet:before, .Page__Static .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet:before, .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Project__Grid__and__Spacing__Scheme .Specification .Row > div > div > div .Bullet:before {
            margin-top: 6px; }
.Page__Static .Project__ResearchFindingAndProductStrategy {
  position: relative; }
  .Page__Static .Project__ResearchFindingAndProductStrategy:before {
    content: '';
    border: 2px solid transparent;
    border-radius: 30px;
    background: linear-gradient(to right bottom, white, white), linear-gradient(135deg, #FE64A3 0%, #FC7F76 15%, #9F79AD 30%, #73B3ED 45%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin-left: -60px;
    margin-top: -60px;
    animation: Ani__Project__ResearchFindingAndProductStrategy 3s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    -o-animation: Ani__Project__ResearchFindingAndProductStrategy 3s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    -ms-animation: Ani__Project__ResearchFindingAndProductStrategy 3s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    -moz-animation: Ani__Project__ResearchFindingAndProductStrategy 3s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    -webkit-animation: Ani__Project__ResearchFindingAndProductStrategy 3s cubic-bezier(0.25, 1, 0.5, 1) infinite; }
  .Page__Static .Project__ResearchFindingAndProductStrategy .Title, .Page__Static .Project__ResearchFindingAndProductStrategy .Subtitle {
    position: relative; }
  .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left {
    width: 50%;
    padding-right: 60px;
    box-sizing: border-box; }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup {
      margin-top: 30px;
      list-style: none;
      counter-reset: item; }
      .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet {
        counter-increment: item;
        display: flex;
        align-items: center; }
        .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet p {
          margin-left: 15px; }
        .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet:before {
          content: counter(item);
          color: var(--color-black);
          min-width: 60px;
          height: 60px;
          display: flex;
          background-color: var(--color-black-3);
          align-items: center;
          justify-content: center;
          border-radius: 300px; }
        .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet:not(:first-child) {
          margin-top: 30px; }
  .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right {
    display: flex;
    width: 50%;
    background-color: var(--color-black-3);
    border-radius: 30px;
    padding: 30px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    position: relative;
    transition: background-color, 0.15s ease 0s;
    -o-transition: background-color, 0.15s ease 0s;
    -ms-transition: background-color, 0.15s ease 0s;
    -moz-transition: background-color, 0.15s ease 0s;
    -webkit-transition: background-color, 0.15s ease 0s; }
    @media not screen and (max-width: 992px) {
      .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right:hover {
        background-color: var(--color-black-6); } }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right .Icon {
      margin-top: 15px; }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right h3 {
      z-index: 1; }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right h4 {
      margin-top: 15px;
      z-index: 2; }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right ul {
      margin-top: 18px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right ul li {
        list-style: none;
        display: flex;
        margin-top: 12px; }
        .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right ul li:before {
          content: '';
          display: block;
          min-width: 18px;
          height: 18px;
          background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.5' y='1.5' width='16' height='16' rx='8' stroke='%23269926' stroke-width='2'/%3E%3Cpath d='M5.375 9.875L8 12.5L13.4375 6.5' stroke='%23269926' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
          background-size: 18px;
          margin-top: -1px;
          margin-right: 9px; }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right img {
      position: absolute; }
      .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right img.IdealProduct {
        width: 143px !important;
        top: 30px;
        left: 30px; }
      .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right img.BestFitStrategies {
        width: 128px !important;
        right: 30px;
        top: 60px; }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right:before {
      content: '';
      width: 51px;
      height: 51px;
      position: absolute;
      background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.5' y='1.5' width='48' height='48' rx='24' fill='%231A1E24' stroke='white' stroke-width='3'/%3E%3Cg clip-path='url(%23clip0_3108_47776)'%3E%3Cpath d='M28.285 25.4983L22.3303 19.8265C22.2259 19.729 22.1429 19.6117 22.0861 19.4815C22.0293 19.3514 22 19.2113 22 19.0696C22 18.928 22.0293 18.7879 22.0861 18.6577C22.1429 18.5276 22.2259 18.4102 22.3303 18.3128C22.5453 18.1119 22.8303 18 23.1266 18C23.4229 18 23.7079 18.1119 23.9228 18.3128L30.6725 24.7387C30.7732 24.8337 30.854 24.9472 30.9101 25.0729C30.9663 25.1986 30.9967 25.334 30.9998 25.4712C31.0028 25.6085 30.9783 25.745 30.9277 25.873C30.8772 26.001 30.8015 26.1179 30.705 26.217L23.9277 32.688C23.7125 32.8884 23.4276 33 23.1314 33C22.8353 33 22.5503 32.8884 22.3351 32.688C22.2308 32.5905 22.1477 32.4732 22.0909 32.343C22.0341 32.2129 22.0048 32.0728 22.0048 31.9311C22.0048 31.7895 22.0341 31.6494 22.0909 31.5192C22.1477 31.3891 22.2308 31.2717 22.3351 31.1743L28.285 25.4983Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3108_47776'%3E%3Crect width='9' height='15' fill='white' transform='matrix(-1 0 0 1 31 18)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
      left: 0;
      transform: translateX(-50%); }
.Page__Static .Project__Animation__and__Transition {
  margin-top: 30px; }
  .Page__Static .Project__Animation__and__Transition .Subtitle {
    position: relative; }
  .Page__Static .Project__Animation__and__Transition .ScrollIndicator {
    top: 0;
    right: 0; }
.Page__Static .Project__Development__Image, .Page__Static .Project__Debugging__Image {
  position: relative;
  overflow: visible !important; }
  .Page__Static .Project__Development__Image:before, .Page__Static .Project__Debugging__Image:before {
    content: '';
    position: absolute;
    overflow: hidden;
    background-size: cover; }
.Page__Static .Project__PrimaryMetric .Vector, .Page__Static .Project__SecondaryMetric .Vector {
  width: 100%;
  margin-top: 30px; }
.Page__Static .Project__PerformanceOptimisation {
  position: relative;
  display: flex;
  flex-direction: column; }
  .Page__Static .Project__PerformanceOptimisation .Subtitle {
    position: relative; }
    .Page__Static .Project__PerformanceOptimisation .Subtitle .ScrollIndicator {
      top: 0;
      right: 0; }
  .Page__Static .Project__PerformanceOptimisation .Banner {
    margin: 60px -60px -60px -60px;
    overflow-x: scroll;
    flex: auto;
    padding-bottom: 30px;
    overflow: hidden;
    touch-action: none;
    cursor: grab; }
    .Page__Static .Project__PerformanceOptimisation .Banner:active {
      cursor: grabbing; }
    @media not screen and (max-width: 992px) {
      .Page__Static .Project__PerformanceOptimisation .Banner:hover div {
        transform: scale(0.99); } }
    .Page__Static .Project__PerformanceOptimisation .Banner div {
      height: 100%;
      width: calc((100% + 0px) / 9* 16);
      margin-left: 30px;
      margin-right: 30px;
      border-radius: 30px;
      overflow: hidden;
      border: 1px solid var(--color-black-9);
      box-sizing: border-box;
      display: inline-block;
      transition: transform, 0.15s ease 0s;
      -o-transition: transform, 0.15s ease 0s;
      -ms-transition: transform, 0.15s ease 0s;
      -moz-transition: transform, 0.15s ease 0s;
      -webkit-transition: transform, 0.15s ease 0s; }
      .Page__Static .Project__PerformanceOptimisation .Banner div img {
        pointer-events: none;
        height: 100%;
        object-fit: cover; }
      .Page__Static .Project__PerformanceOptimisation .Banner div.Padded img {
        padding: 30px 0 0 30px;
        box-sizing: border-box;
        object-position: left; }
.Page__Static .Project__Overview > .Container {
  display: flex;
  flex-wrap: wrap; }
  .Page__Static .Project__Overview > .Container .HeroTitle {
    margin-bottom: 60px;
    display: block;
    width: 100%; }
  .Page__Static .Project__Overview > .Container .Left {
    padding-right: 60px;
    box-sizing: border-box;
    width: 50%; }
    .Page__Static .Project__Overview > .Container .Left .Description {
      margin-top: 30px; }
  .Page__Static .Project__Overview > .Container .Right {
    width: 50%; }
    .Page__Static .Project__Overview > .Container .Right .Description {
      margin-top: 42px; }
  .Page__Static .Project__Overview > .Container .Title {
    margin-top: 30px; }
.Page__Static .Project__Walkthrough {
  margin: unset;
  padding-top: unset;
  max-width: unset; }
  .Page__Static .Project__Walkthrough > .Container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 120px;
    grid-row-gap: 0px; }
    .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media {
      position: relative;
      width: calc(100vw - 360px - 60px - 120px);
      height: calc((100vw - 360px - 60px - 120px) / 3* 2);
      background-color: var(--color-black-3); }
      .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media .ScrollIndicator {
        bottom: 21px;
        width: 100%;
        justify-content: center; }
      .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media:not(:first-child) {
        margin-top: 60px; }
      .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media .Project__Walkthrough__Media__StartPoint, .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media .Project__Walkthrough__Media__EndPoint {
        content: '';
        width: 100vw;
        position: absolute; }
      .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media .Project__Walkthrough__Media__StartPoint {
        top: calc((100vw - 360px - 60px - 120px) / 3 * -2);
        border-top: 0px solid red; }
      .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media .Project__Walkthrough__Media__EndPoint {
        top: calc((100vw - 360px - 60px - 120px) / 3 * 2);
        border-top: 0px solid blue; }
      .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding-top: 60px;
        padding-bottom: 60px;
        gap: 15px; }
        .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable {
          justify-content: stretch;
          box-sizing: border-box;
          overflow-x: scroll;
          overflow: hidden;
          touch-action: none;
          cursor: grab; }
          .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable:before, .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable:after {
            content: '';
            width: 150px;
            height: 100%;
            position: absolute;
            background: linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
            z-index: 1;
            opacity: .6; }
          .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable:before {
            left: 0; }
          .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable:after {
            right: 0;
            transform: scaleX(-1); }
          .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable:active {
            cursor: grabbing; }
          @media not screen and (max-width: 992px) {
            .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable:hover img {
              transform: scale(0.99); } }
          .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable img {
            transition: transform, 0.15s ease 0s;
            -o-transition: transform, 0.15s ease 0s;
            -ms-transition: transform, 0.15s ease 0s;
            -moz-transition: transform, 0.15s ease 0s;
            -webkit-transition: transform, 0.15s ease 0s; }
            .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable img:first-child {
              margin-left: auto; }
            .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable img:last-child {
              margin-right: auto; }
        .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.Full {
          padding: unset !important; }
          .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.Full:before, .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.Full:after {
            display: none; }
        .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container video {
          height: 100%;
          box-sizing: border-box;
          margin: auto; }
        .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container img {
          height: 100%;
          width: auto !important;
          pointer-events: none; }
        .Page__Static .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container .Breakpoint {
          margin-left: 135px;
          margin-right: 15px;
          flex: none; }
    .Page__Static .Project__Walkthrough > .Container .Right {
      min-width: 360px;
      margin-right: 60px;
      display: flex;
      align-items: center;
      height: 100vh;
      margin-top: calc((100vh - (100vw - 360px - 60px - 120px) / 3 * 2) / 2 * -1);
      margin-bottom: calc((100vh - (100vw - 360px - 60px - 120px) / 3 * 2) / 2 * -1);
      position: sticky;
      top: 0; }
      .Page__Static .Project__Walkthrough > .Container .Right .Title {
        margin-top: 30px; }
      .Page__Static .Project__Walkthrough > .Container .Right .Description {
        margin-top: 30px; }
      .Page__Static .Project__Walkthrough > .Container .Right > div {
        position: absolute;
        opacity: 0; }
.Page__Static .Project__Teamwork {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-black-3); }
  .Page__Static .Project__Teamwork > .Container {
    max-width: 720px;
    width: 100%; }
    .Page__Static .Project__Teamwork > .Container .Subtitle {
      margin-top: 60px; }
    .Page__Static .Project__Teamwork > .Container .Quote {
      margin-top: 30px; }
      .Page__Static .Project__Teamwork > .Container .Quote > h4:before {
        content: '“';
        position: absolute;
        transform: translateX(calc(-100% - 1.5px)); }
.Page__Static .Project__Next {
  background-color: var(--color-black-90);
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative; }
  .Page__Static .Project__Next .Project__Next__Container {
    max-width: 1080px;
    margin: auto; }
    .Page__Static .Project__Next .Project__Next__Container .Project__Next__CTA__Container {
      display: flex;
      justify-content: center; }
      .Page__Static .Project__Next .Project__Next__Container .Project__Next__CTA__Container .Project__Next__CTA {
        position: inherit;
        transition: opacity, 0.3s ease 0s;
        -o-transition: opacity, 0.3s ease 0s;
        -ms-transition: opacity, 0.3s ease 0s;
        -moz-transition: opacity, 0.3s ease 0s;
        -webkit-transition: opacity, 0.3s ease 0s; }
        @media not screen and (max-width: 992px) {
          .Page__Static .Project__Next .Project__Next__Container .Project__Next__CTA__Container .Project__Next__CTA:hover {
            opacity: .3; } }

.ColumnDivider.Extended > section:first-child {
  min-width: min-content;
  margin-right: 30px !important; }
  .ColumnDivider.Extended > section:first-child #Media .Image {
    width: 720px; }
.ColumnDivider.Reverse {
  flex-direction: row-reverse; }
  .ColumnDivider.Reverse > section:first-child {
    margin-right: unset !important;
    margin-left: 30px !important; }

.RowDivider {
  width: 100%;
  display: flex;
  flex-direction: column; }
  .RowDivider section {
    margin: unset !important;
    width: 100% !important; }
  .RowDivider > section:last-child {
    margin-top: 30px !important; }
  .RowDivider .Project__CrossBrowser__Compatibility, .RowDivider .Project__FrontEnd__Tracking {
    display: flex;
    flex-direction: column;
    flex: auto; }
    .RowDivider .Project__CrossBrowser__Compatibility #Media, .RowDivider .Project__FrontEnd__Tracking #Media {
      flex: auto;
      height: 100%;
      margin-top: 30px;
      margin-left: -100vw;
      margin-right: -100vw; }
      .RowDivider .Project__CrossBrowser__Compatibility #Media .Vector, .RowDivider .Project__FrontEnd__Tracking #Media .Vector {
        height: 100%;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: unset; }
  .RowDivider .Project__CrossBrowser__Compatibility #Media .Vector {
    background-image: url("../images/projects-cross-broswer-compatibility-icon-01.svg"); }
  .RowDivider .Project__FrontEnd__Tracking #Media .Vector {
    background-image: url("../images/projects-frontend-tracking-icon-01.svg"); }

#Media .Image {
  margin: 60px -30px -60px -30px;
  border-radius: 30px 30px 0 0;
  overflow: hidden;
  height: 0;
  padding-top: calc(100% / 16 * 9 + 30px);
  position: relative;
  border: 1px solid var(--color-black-9);
  box-sizing: border-box;
  border-bottom: unset; }
  #Media .Image img {
    position: absolute;
    top: 0; }
#Media .Vector {
  margin-top: 30px; }
  #Media .Vector svg {
    width: 100%;
    height: 100%; }
#Media .ColourPalette {
  margin: 60px -60px -60px -60px;
  transform: translateX(-12px); }
  #Media .ColourPalette .Row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 0px; }
    #Media .ColourPalette .Row:not(:first-child) {
      margin-top: 12px; }
    #Media .ColourPalette .Row:nth-child(even) {
      transform: translateX(calc(100% / 3* -1)); }
    #Media .ColourPalette .Row .ColourCard {
      display: flex;
      align-items: center;
      background-color: var(--color-black-3);
      border-radius: 15px;
      width: 360px;
      transition: background-color, 0.15s ease 0s;
      -o-transition: background-color, 0.15s ease 0s;
      -ms-transition: background-color, 0.15s ease 0s;
      -moz-transition: background-color, 0.15s ease 0s;
      -webkit-transition: background-color, 0.15s ease 0s; }
      @media not screen and (max-width: 992px) {
        #Media .ColourPalette .Row .ColourCard:hover {
          background-color: var(--color-black-6); }
          #Media .ColourPalette .Row .ColourCard:hover .Colour {
            border-color: var(--color-black-6); } }
      #Media .ColourPalette .Row .ColourCard .Colour {
        background-color: #E61717;
        height: 48px;
        width: 48px;
        border-radius: 15px;
        border: 6px solid var(--color-black-3);
        transition: border-color, 0.15s ease 0s;
        -o-transition: border-color, 0.15s ease 0s;
        -ms-transition: border-color, 0.15s ease 0s;
        -moz-transition: border-color, 0.15s ease 0s;
        -webkit-transition: border-color, 0.15s ease 0s; }
      #Media .ColourPalette .Row .ColourCard .Meta .Codes {
        display: grid;
        grid-template-columns: repeat(3, auto);
        grid-template-rows: 1fr;
        grid-column-gap: 9px;
        grid-row-gap: 0px;
        margin-top: 6px; }
        #Media .ColourPalette .Row .ColourCard .Meta .Codes span {
          display: flex; }
          #Media .ColourPalette .Row .ColourCard .Meta .Codes span.RGB:before {
            content: 'RGB'; }
          #Media .ColourPalette .Row .ColourCard .Meta .Codes span.HEX:before {
            content: 'HEX'; }
          #Media .ColourPalette .Row .ColourCard .Meta .Codes span.HSB:before {
            content: 'HSB'; }
          #Media .ColourPalette .Row .ColourCard .Meta .Codes span:before {
            font-weight: var(--heading-font-weight);
            margin-right: 6px;
            line-height: 1;
            font-size: var(--heading-h9-font-size); }
#Media.Scrollable {
  position: absolute;
  right: -30px;
  height: calc(100% + 120px);
  overflow: hidden;
  touch-action: none;
  margin-top: -60px;
  margin-bottom: -60px;
  width: calc(50% - 15px);
  cursor: grab; }
  #Media.Scrollable:active {
    cursor: grabbing; }
  @media not screen and (max-width: 992px) {
    #Media.Scrollable:hover img {
      transform: scale(0.99); } }
  #Media.Scrollable img {
    margin-top: 30px;
    margin-bottom: 30px;
    pointer-events: none;
    transition: transform, 0.15s ease 0s;
    -o-transition: transform, 0.15s ease 0s;
    -ms-transition: transform, 0.15s ease 0s;
    -moz-transition: transform, 0.15s ease 0s;
    -webkit-transition: transform, 0.15s ease 0s; }

[data-project="dyson"] .Project__Animation__and__Transition + .ColumnDivider.Extended, [data-project="casetify-colab"] .Project__Animation__and__Transition + .ColumnDivider.Extended {
  flex-direction: row-reverse; }
  [data-project="dyson"] .Project__Animation__and__Transition + .ColumnDivider.Extended .Project__TeamCollaboration, [data-project="casetify-colab"] .Project__Animation__and__Transition + .ColumnDivider.Extended .Project__TeamCollaboration {
    margin-right: unset !important; }
  [data-project="dyson"] .Project__Animation__and__Transition + .ColumnDivider.Extended .Project__Development__Image, [data-project="casetify-colab"] .Project__Animation__and__Transition + .ColumnDivider.Extended .Project__Development__Image {
    margin-right: 30px !important; }
    [data-project="dyson"] .Project__Animation__and__Transition + .ColumnDivider.Extended .Project__Development__Image:before, [data-project="casetify-colab"] .Project__Animation__and__Transition + .ColumnDivider.Extended .Project__Development__Image:before {
      width: calc(100% + 30px);
      height: calc(100% - 30px);
      left: -30px;
      top: 30px;
      background-position-x: 0%;
      border-radius: 30px; }

[data-project="casetify-club"] .Project__Development__Image:before, [data-project="casetify-colab"] .Project__Development__Image:before, [data-project="dyson"] .Project__Development__Image:before, [data-project="magscreen"] .Project__Development__Image:before {
  width: calc(100% + 30px);
  height: calc(100% + -30px);
  right: -30px;
  top: 30px;
  background-position-x: 100%;
  background-position-y: calc(0px);
  border-radius: 30px; }

[data-project="dyson"] .Project__Development__Image:before {
  background-image: url("../projects/dyson/dyson-team-collaboration-image-01-compressed.png"); }
[data-project="dyson"] .Project__Debugging__Image:before {
  background-image: url("../projects/dyson/dyson-debugging-and-troubleshooting-image-03.png");
  height: calc(100% + 30px);
  width: calc(100% - 30px);
  left: 30px;
  top: -30px;
  background-size: calc(100% + 150px);
  border-bottom-right-radius: 30px; }

[data-project="casetify-colab"] .Project__Development__Image:before {
  background-image: url("../projects/casetify-colab/casetify-colab-team-collaboration-image-03-compressed.png"); }
[data-project="casetify-colab"] .Project__Debugging__Image:before {
  background-image: url("../projects/casetify-colab/casetify-colab-debugging-and-troubleshooting-image-02.png");
  height: calc(100% + 0px);
  width: calc(100% + 30px);
  left: -30px;
  top: -30px;
  border-bottom-right-radius: 30px; }
[data-project="casetify-colab"] .Project__CrossBrowser__Compatibility #Media .Vector {
  background-image: url("../projects/casetify-colab/casetify-colab-push-notification-01.svg"); }

[data-project="casetify-club"] .Project__Development__Image:before {
  background-image: url("../projects/casetify-club/casetify-club-team-collaboration-image-02-compressed.png"); }
[data-project="casetify-club"] .Project__Debugging__Image:before {
  background-image: url("../projects/casetify-club/casetify-club-debugging-and-troubleshooting-01-compressed.png");
  height: calc(100% + 30px);
  width: calc(100% - 30px);
  left: 30px;
  top: -30px;
  background-size: calc(100% + 150px);
  border-bottom-right-radius: 30px; }

[data-project="magscreen"] .Project__Development__Image:before {
  background-image: url("../projects/magscreen/magscreen-team-collaboration-image-01-compressed.png"); }
[data-project="magscreen"] .Project__Debugging__Image:before {
  background-image: url("../projects/magscreen/magscreen-debugging-and-troubleshooting-image-01.png");
  height: calc(100% + 0px);
  width: calc(100% + 30px);
  left: -30px;
  top: -30px;
  border-bottom-right-radius: 30px; }

@media screen and (max-width: 992px) {
  #hero-bg-wrapper .Caption {
    padding: 30px;
    margin: unset;
    box-sizing: border-box; }
    #hero-bg-wrapper .Caption h1 {
      font-size: var(--heading-h4-font-size); }

  .Page__Static .HeroTitle > h3 {
    font-size: var(--heading-h3-font-size); }
  .Page__Static section ~ .HeroTitle {
    margin-top: 90px !important; }
  .Page__Static section + section, .Page__Static section + .ColumnDivider {
    margin-top: 15px !important; }
  .Page__Static .ColumnDivider {
    flex-direction: column; }
    .Page__Static .ColumnDivider.Extended > section:first-child #Media .Image {
      width: unset; }
    .Page__Static .ColumnDivider.Reverse > section:first-child {
      margin-left: -15px !important; }
    .Page__Static .ColumnDivider .Wrapper {
      width: 100% !important; }
  .Page__Static .RowDivider > section:last-child {
    margin-top: 15px !important; }
  .Page__Static #Media .Image {
    margin: 30px -15px 0 -15px;
    padding-top: calc(100% / 16 * 9 + 15px); }
  .Page__Static #Media .ColourPalette {
    margin: 30px -30px -30px -30px;
    transform: translateX(calc(-100% - 15px)); }
    .Page__Static #Media .ColourPalette .Row {
      grid-column-gap: 15px; }
      .Page__Static #Media .ColourPalette .Row:not(:first-child) {
        margin-top: 15px; }
  .Page__Static #Media.Scrollable {
    margin-top: 0;
    margin-bottom: -60px;
    height: 0;
    padding-bottom: calc((100% + 30px) / 3 * 4);
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    left: 0;
    overflow: hidden;
    pointer-events: none; }
    .Page__Static #Media.Scrollable img {
      margin-top: 30px;
      margin-bottom: calc(-100% + 60px); }
  .Page__Static .Vector svg {
    width: 100%;
    height: auto; }
  .Page__Static .Project__Information > .Container {
    flex-direction: column; }
    .Page__Static .Project__Information > .Container .Left {
      width: 100%;
      padding-right: unset; }
    .Page__Static .Project__Information > .Container .Right {
      width: 100%; }
    .Page__Static .Project__Information > .Container .Metadata {
      grid-template-columns: repeat(1, auto);
      grid-template-rows: repeat(1, auto);
      margin-top: 60px;
      grid-column-gap: 0; }
      .Page__Static .Project__Information > .Container .Metadata .Container:last-child {
        grid-area: unset; }
  .Page__Static .Project__HighLevelGoal .Container .Left {
    width: 100%;
    padding-right: unset; }
  .Page__Static .Project__HighLevelGoal .Container .Right {
    width: 100%; }
    .Page__Static .Project__HighLevelGoal .Container .Right .Description {
      margin-top: 60px; }
  .Page__Static .Project__HighLevelGoal .Container .BulletGroup .Bullet:before {
    flex: none; }
  .Page__Static .Project__Result .Container .PerformanceGroup {
    flex-direction: column; }
    .Page__Static .Project__Result .Container .PerformanceGroup .Performance {
      width: 100%; }
      .Page__Static .Project__Result .Container .PerformanceGroup .Performance:not(:first-child) {
        margin-top: 60px; }
  .Page__Static .Project__Development .Section {
    width: calc(100vw - 30px) !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding: 60px 30px 0 30px; }
  .Page__Static .Project__CICD__Pipeline__and__UXUI__Integration .Media {
    overflow-x: scroll;
    height: 100%;
    margin: 30px -30px 0px -30px;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .Page__Static .Project__CICD__Pipeline__and__UXUI__Integration .Media::-webkit-scrollbar {
      display: none; }
    .Page__Static .Project__CICD__Pipeline__and__UXUI__Integration .Media > div {
      width: calc(100vw* 2) !important;
      padding: 30px !important;
      margin: 0 15px 15px 15px !important; }
  .Page__Static .Project__ResearchFindingAndProductStrategy {
    padding-bottom: 15px !important; }
    .Page__Static .Project__ResearchFindingAndProductStrategy:before {
      margin-left: -30px; }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left {
      width: 100% !important;
      padding-right: unset !important; }
      .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet {
        align-items: flex-start !important; }
        .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Left .BulletGroup .Bullet:before {
          top: 17px; }
    .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right {
      width: 100% !important;
      margin-left: -15px;
      margin-right: -15px;
      width: calc(100% + 30px) !important;
      margin-top: 55px !important;
      padding-top: 60px !important;
      padding-bottom: 60px !important; }
      .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right:before {
        left: unset !important;
        transform: translateY(-50%) rotate(90deg) !important;
        top: 0; }
      .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right img {
        position: absolute; }
        .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right img.IdealProduct {
          left: 15px !important;
          width: 90px !important; }
        .Page__Static .Project__ResearchFindingAndProductStrategy .ColumnDivider .Right img.BestFitStrategies {
          right: 15px !important;
          width: 75px !important;
          top: 75px; }
  .Page__Static .Project__Typography {
    width: 100%; }
  .Page__Static .Project__ColourPalette {
    margin-top: 15px !important; }
  .Page__Static .Project__Grid__and__Spacing__Scheme {
    padding-bottom: 60px !important; }
    .Page__Static .Project__Grid__and__Spacing__Scheme .ColumnDivider .Content {
      width: 100%; }
      .Page__Static .Project__Grid__and__Spacing__Scheme .ColumnDivider .Content .Specification {
        margin: 30px -15px 0 -15px;
        padding: 30px; }
        .Page__Static .Project__Grid__and__Spacing__Scheme .ColumnDivider .Content .Specification .Indentations {
          display: flex;
          overflow-x: scroll;
          width: calc(100% + 30px + 30px);
          margin-left: -30px;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          .Page__Static .Project__Grid__and__Spacing__Scheme .ColumnDivider .Content .Specification .Indentations::-webkit-scrollbar {
            display: none; }
          .Page__Static .Project__Grid__and__Spacing__Scheme .ColumnDivider .Content .Specification .Indentations > div {
            min-width: calc((100vw - 30px - 30px - 60px - 15px) / 2); }
            .Page__Static .Project__Grid__and__Spacing__Scheme .ColumnDivider .Content .Specification .Indentations > div:first-child {
              margin-left: 30px; }
            .Page__Static .Project__Grid__and__Spacing__Scheme .ColumnDivider .Content .Specification .Indentations > div:last-child {
              padding-right: 30px; }
        .Page__Static .Project__Grid__and__Spacing__Scheme .ColumnDivider .Content .Specification .Row {
          grid-template-columns: 1fr;
          grid-template-rows: repeat(2, 1fr);
          grid-column-gap: 0px;
          grid-row-gap: 30px; }
  .Page__Static .Project__Animation__and__Transition .ColumnDivider .Content {
    width: 100%; }
  .Page__Static .Project__Animation__and__Transition .ColumnDivider .Banner.Right {
    position: relative;
    width: calc(100% + 30px);
    margin-top: 0px;
    height: calc(100%);
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    pointer-events: none; }
    .Page__Static .Project__Animation__and__Transition .ColumnDivider .Banner.Right img:last-child {
      margin-bottom: unset;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: unset; }
  .Page__Static .Project__Animation__and__Transition + .ColumnDivider.Extended {
    flex-direction: column !important; }
  .Page__Static .Project__Development__Image {
    margin-top: 15px !important;
    height: calc((100vw - 30px) / 3 * 4); }
    .Page__Static .Project__Development__Image:before {
      height: calc(100% + 7.5px);
      right: 15px;
      top: -7.5px;
      background-position-x: 100%;
      border-radius: 30px;
      width: calc(100% - 15px);
      background-size: 100vw; }
  .Page__Static .Project__PerformanceOptimisation .Banner {
    overflow: hidden;
    width: calc(100vw - 60px);
    margin: 30px -15px 0 -15px;
    height: calc((100vw - 60px) / 16* 9);
    padding-bottom: unset;
    flex: unset;
    pointer-events: none; }
    .Page__Static .Project__PerformanceOptimisation .Banner > div {
      margin: unset;
      width: unset;
      border-bottom-left-radius: unset;
      border-bottom-right-radius: unset; }
      .Page__Static .Project__PerformanceOptimisation .Banner > div.Padded img {
        padding: 15px 0 0 15px;
        box-sizing: content-box; }
  .Page__Static .Project__PrimaryMetric {
    margin-top: 15px !important; }
  .Page__Static .Project__SecondaryMetric {
    margin-top: 15px !important; }
  .Page__Static .Project__CrossBrowser__Compatibility {
    margin-top: 15px !important;
    padding-bottom: 60px !important; }
    .Page__Static .Project__CrossBrowser__Compatibility #Media {
      height: calc((100vw - 30px) / 2); }
  .Page__Static .Project__Search__Engine__Optimisation {
    margin-top: 15px !important;
    padding-bottom: 60px !important; }
  .Page__Static .Project__Debugging__Image {
    height: calc((100vw - 30px) / 3 * 4); }
    .Page__Static .Project__Debugging__Image:before {
      background-size: calc(100vw + 30px);
      border-bottom-right-radius: 30px;
      width: calc(100% - 15px);
      left: 15px; }
  .Page__Static .Project__DataTracking {
    margin-top: 15px !important; }
  .Page__Static .Project__FrontEnd__Tracking {
    margin-top: 15px !important;
    padding-bottom: 60px !important; }
    .Page__Static .Project__FrontEnd__Tracking #Media {
      height: calc((100vw - 90px) / 2); }

  .Project__Overview .Container .Left {
    width: 100% !important;
    padding-right: unset; }
  .Project__Overview .Container .Right {
    width: 100% !important; }

  .Project__Walkthrough {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: -30px !important; }
    .Project__Walkthrough > .Container {
      display: unset !important; }
      .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media {
        height: calc(100vw - 30px) !important;
        width: calc(100vw - 30px) !important; }
        .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container {
          justify-content: stretch !important;
          box-sizing: border-box !important;
          overflow: scroll;
          padding-top: 15px !important;
          padding-bottom: 15px !important;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container:before, .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container:after {
            content: '';
            width: 60px;
            height: 100%;
            position: absolute;
            background: linear-gradient(90deg, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
            z-index: 1;
            opacity: .6; }
          .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container:before {
            left: 0; }
          .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container:after {
            right: 0;
            transform: scaleX(-1); }
          .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container::-webkit-scrollbar {
            display: none; }
          .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable {
            padding-top: 15px;
            padding-bottom: 15px;
            overflow: scroll !important;
            touch-action: unset !important; }
            .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable:before, .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container.XScrollable:after {
              width: 60px !important;
              pointer-events: none; }
          .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container img {
            height: 100%;
            object-fit: cover; }
            .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container img:first-child {
              margin-left: auto; }
            .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container img:last-child {
              margin-right: auto; }
          .Project__Walkthrough > .Container .Left .Project__Walkthrough__Media > .Container .Breakpoint {
            margin-left: 45px !important;
            margin-right: 0 !important;
            font-size: var(--heading-h7-font-size); }
      .Project__Walkthrough > .Container .Left > [data-walkthrough-description] {
        margin: 30px 15px 60px 15px;
        padding-bottom: 60px;
        border-bottom: 1px solid var(--color-black-15); }
        .Project__Walkthrough > .Container .Left > [data-walkthrough-description]:last-child {
          border-bottom: unset;
          margin-bottom: unset;
          padding-bottom: unset; }
        .Project__Walkthrough > .Container .Left > [data-walkthrough-description] .Title {
          margin-top: 30px; }
        .Project__Walkthrough > .Container .Left > [data-walkthrough-description] .Description {
          margin-top: 15px; }

  .Project__Teamwork {
    padding-left: 30px !important;
    padding-right: 30px !important; }
    .Project__Teamwork > .Container .Quote h4 {
      font-size: var(--heading-h5-font-size); }

  [data-project="dyson"] .Project__Development__Image:before {
    width: calc(100% - 15px) !important;
    height: calc(100% - 15px) !important;
    left: 15px !important;
    top: 15px !important;
    border-radius: 30px !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: center top !important; }
  [data-project="dyson"] .Project__Debugging__Image:before {
    height: calc(100% + 30px);
    background-repeat: no-repeat;
    background-size: cover !important; }

  [data-project="casetify-colab"] .Project__Development__Image:before {
    width: calc(100% - 15px) !important;
    height: calc(100% - 15px) !important;
    left: 15px !important;
    top: 15px !important;
    border-radius: 30px !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: top; }
  [data-project="casetify-colab"] .Project__Debugging__Image:before {
    left: -45px;
    background-size: cover;
    width: calc(100vw + 30px);
    height: calc(100% + 15px); }
  [data-project="casetify-colab"] .Project__CrossBrowser__Compatibility #Media {
    margin: unset;
    height: calc((100vw - 30px - 60px) / 392 * 183) !important;
    margin-top: 30px !important; }

  [data-project="casetify-club"] .Project__Development__Image:before {
    width: calc(100% - 15px) !important;
    height: calc(100% - 15px) !important;
    left: unset !important;
    top: 15px !important;
    border-radius: 30px !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: right; }
  [data-project="casetify-club"] .Project__Debugging__Image:before {
    height: calc(100% + 30px);
    background-repeat: no-repeat;
    background-size: cover !important; }

  [data-project="magscreen"] .Project__Development__Image:before {
    height: calc(100% - 15px);
    top: 15px;
    background-size: cover; }
  [data-project="magscreen"] .Project__Debugging__Image:before {
    left: -45px;
    background-size: cover;
    width: calc(100vw + 30px);
    height: calc(100% + 15px); } }
.Page__Static .About__Services__Introduction {
  padding-top: unset; }
  .Page__Static .About__Services__Introduction:before {
    content: '';
    background-color: var(--color-white);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .Page__Static .About__Services__Introduction .About__Services__Introduction__Portrait__Container {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/about-services/portrait-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: 100%;
    transform: translateX(-60px);
    max-width: unset;
    z-index: -1; }
    @media screen and (max-width: 992px) {
      .Page__Static .About__Services__Introduction .About__Services__Introduction__Portrait__Container {
        background-size: cover;
        transform: unset;
        background-position: center;
        height: 100vh;
        background-attachment: scroll;
        background-position-x: 60%; } }
  .Page__Static .About__Services__Introduction .About__Services__Introduction__Container {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px; }
    .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Title__Container {
      height: 100vh;
      padding-top: calc(180px + 60px);
      box-sizing: border-box;
      filter: invert(1);
      -o-filter: invert(1);
      -ms-filter: invert(1);
      -moz-filter: invert(1);
      -webkit-filter: invert(1);
      mix-blend-mode: difference;
      -o-mix-blend-mode: difference;
      -ms-mix-blend-mode: difference;
      -moz-mix-blend-mode: difference;
      -webkit-mix-blend-mode: difference; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Title__Container {
          padding: unset;
          display: flex;
          align-items: flex-end;
          padding-bottom: 60px; } }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Title__Container .About__Services__Introduction__Title {
          font-size: 108px; } }
    .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Label__Container {
      width: calc(50% - 120px);
      align-self: flex-end;
      margin-top: 60px; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Label__Container {
          width: 100%; } }
    .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Headline__Container {
      width: calc(50% - 120px);
      align-self: flex-end;
      margin-top: 15px; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Headline__Container {
          width: 100%; } }
    .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Paragraph__Container {
      width: calc(50% - 120px);
      align-self: flex-end;
      margin-top: 30px; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__Paragraph__Container {
          width: 100%; } }
    .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__CTA__Container {
      width: calc(50% - 120px);
      align-self: flex-end;
      margin-top: 90px;
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      z-index: 1;
      transition: opacity, 0.3s ease 0s;
      -o-transition: opacity, 0.3s ease 0s;
      -ms-transition: opacity, 0.3s ease 0s;
      -moz-transition: opacity, 0.3s ease 0s;
      -webkit-transition: opacity, 0.3s ease 0s; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__CTA__Container {
          width: 100%;
          justify-content: center; } }
      .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__CTA__Container .About__Services__Introduction__CTA__Icon__Wrapper {
        height: 40px; }
        .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__CTA__Container .About__Services__Introduction__CTA__Icon__Wrapper .About__Services__Introduction__CTA__Icon {
          height: 40px; }
      .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__CTA__Container .About__Services__Introduction__CTA__Text__Wrapper {
        margin-left: 9px; }
      .Page__Static .About__Services__Introduction .About__Services__Introduction__Container .About__Services__Introduction__CTA__Container:hover {
        opacity: .3; }
.Page__Static .About__Services__Mission {
  background-color: var(--color-black);
  padding-bottom: unset; }
  .Page__Static .About__Services__Mission .About__Services__Mission__Container {
    background-image: url(../images/about-services/mission-01.jpg);
    padding-bottom: 60px;
    background-position-x: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 100%; }
    @media screen and (max-width: 992px) {
      .Page__Static .About__Services__Mission .About__Services__Mission__Container {
        background-image: url(../images/about-services/mission-mobile-01.jpg);
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 60px;
        background-size: contain; } }
    .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__Headline__Container {
      width: 50%;
      margin-top: 15px; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__Headline__Container {
          width: 100%; } }
    .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__Paragraph__Container {
      width: 50%;
      margin-top: 30px; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__Paragraph__Container {
          width: 100%; } }
    .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__CTA__Container {
      width: fit-content;
      margin-top: 90px;
      align-self: flex-end;
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      z-index: 1;
      transition: opacity, 0.3s ease 0s;
      -o-transition: opacity, 0.3s ease 0s;
      -ms-transition: opacity, 0.3s ease 0s;
      -moz-transition: opacity, 0.3s ease 0s;
      -webkit-transition: opacity, 0.3s ease 0s; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__CTA__Container {
          width: 100%;
          margin-top: calc(100vw * 4 / 3 - 40px);
          justify-content: center; } }
      .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__CTA__Container .About__Services__Mission__CTA__Icon__Wrapper {
        height: 40px; }
        .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__CTA__Container .About__Services__Mission__CTA__Icon__Wrapper .About__Services__Mission__CTA__Icon {
          height: 40px; }
      .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__CTA__Container .About__Services__Mission__CTA__Text__Wrapper {
        margin-left: 9px; }
      .Page__Static .About__Services__Mission .About__Services__Mission__Container .About__Services__Mission__CTA__Container:hover {
        opacity: .3; }
.Page__Static .About__Services__USP {
  background-color: var(--color-black-3); }
  .Page__Static .About__Services__USP .About__Services__USP__Container {
    background-image: url(../images/about-services/usp-01.svg);
    background-repeat: no-repeat;
    background-size: calc(50% - 120px);
    display: flex;
    flex-direction: column;
    background-position: left center; }
    @media screen and (max-width: 992px) {
      .Page__Static .About__Services__USP .About__Services__USP__Container {
        padding-left: 30px;
        padding-right: 30px; } }
    .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__Label__Container {
      width: 50%;
      align-self: flex-end; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__Label__Container {
          width: 100%; } }
    .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__Headline__Container {
      width: 50%;
      align-self: flex-end;
      margin-top: 15px; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__Headline__Container {
          width: 100%; } }
    .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__Paragraph__Container {
      width: 50%;
      align-self: flex-end;
      margin-top: 30px; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__Paragraph__Container {
          width: 100%; } }
    .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__CTA__Container {
      width: 50%;
      align-self: flex-end;
      margin-top: 90px;
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      z-index: 1;
      transition: opacity, 0.3s ease 0s;
      -o-transition: opacity, 0.3s ease 0s;
      -ms-transition: opacity, 0.3s ease 0s;
      -moz-transition: opacity, 0.3s ease 0s;
      -webkit-transition: opacity, 0.3s ease 0s; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__CTA__Container {
          width: 100%; } }
      .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__CTA__Container .About__Services__USP__CTA__Text__Wrapper {
        margin-left: 9px; }
      .Page__Static .About__Services__USP .About__Services__USP__Container .About__Services__USP__CTA__Container:hover {
        opacity: .3; }
.Page__Static .About__Services__Services {
  background-color: var(--color-white); }
  @media screen and (max-width: 992px) {
    .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Label__Container {
      padding-left: 30px;
      padding-right: 30px; } }
  .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container {
    position: relative; }
    .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      position: absolute;
      top: calc(224px + 60px + 60px + 60px);
      width: 100%;
      z-index: 1; }
      @media screen and (max-width: 992px) {
        .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container {
          overflow: scroll;
          top: calc(112px + 30px + 30px + 30px);
          white-space: nowrap;
          display: block; } }
      .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper {
        display: inline-flex; }
        @media screen and (max-width: 992px) {
          .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper {
            margin-left: 30px;
            display: flex; } }
        .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper .About__Services__Services__Tablist__Nav__Progress__Bar {
          width: 100%;
          position: absolute;
          bottom: 0;
          background-color: var(--color-black-9);
          height: 3px;
          border-radius: 30px; }
        .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper .About__Services__Services__Tablist__Nav__Slider {
          display: inline-block;
          background-color: var(--color-black);
          height: 3px;
          position: absolute;
          z-index: 1200;
          bottom: 0;
          transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          border-radius: 30px; }
        .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper .About__Services__Services__Tablist__Nav__Item__Container {
          margin-right: 60px;
          margin-bottom: 6px; }
          @media screen and (max-width: 992px) {
            .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper .About__Services__Services__Tablist__Nav__Item__Container {
              display: inline-block;
              margin-right: 30px; } }
          .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper .About__Services__Services__Tablist__Nav__Item__Container .About__Services__Services__Tablist__Nav__Item {
            opacity: .15;
            transition: opacity, 0.3s ease 0s;
            -o-transition: opacity, 0.3s ease 0s;
            -ms-transition: opacity, 0.3s ease 0s;
            -moz-transition: opacity, 0.3s ease 0s;
            -webkit-transition: opacity, 0.3s ease 0s; }
            .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper .About__Services__Services__Tablist__Nav__Item__Container .About__Services__Services__Tablist__Nav__Item:hover {
              opacity: .3; }
          .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Nav__Container .About__Services__Services__Tablist__Nav__Wrapper .About__Services__Services__Tablist__Nav__Item__Container.active .About__Services__Services__Tablist__Nav__Item {
            opacity: 1; }
    .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container {
      margin-top: 30px; }
      .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container:before {
        content: '';
        width: 100%;
        height: calc(224px + 120px);
        background-color: var(--color-black);
        position: absolute; }
        @media screen and (max-width: 992px) {
          .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container:before {
            height: calc(112px + 60px);
            width: calc(100% - 60px);
            margin-left: 30px; } }
      .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content {
        opacity: 0;
        pointer-events: none;
        position: absolute; }
        @media screen and (max-width: 992px) {
          .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content {
            padding-left: 30px;
            padding-right: 30px; } }
        .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Icon__Container {
          display: flex;
          padding-top: 60px;
          padding-bottom: 60px; }
          @media screen and (max-width: 992px) {
            .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Icon__Container {
              padding-top: 30px;
              padding-bottom: 30px; } }
          .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Icon__Container .About__Services__Services__Tablist__Icon {
            width: 224px;
            height: 224px;
            margin: auto; }
            @media screen and (max-width: 992px) {
              .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Icon__Container .About__Services__Services__Tablist__Icon {
                height: 112px;
                width: 112px; } }
        .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container {
          display: flex;
          margin-top: calc(60px + 36px + 45px); }
          @media screen and (max-width: 992px) {
            .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container {
              flex-direction: column;
              margin-top: calc(30px + 36px + 30px); } }
          .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Left__Container {
            width: 50%; }
            @media screen and (max-width: 992px) {
              .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Left__Container {
                width: 100%; } }
            .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Left__Container .About__Services__Services__Tablist__Description__Bullet__Group__Container .About__Services__Services__Tablist__Description__Bullet {
              display: flex; }
              .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Left__Container .About__Services__Services__Tablist__Description__Bullet__Group__Container .About__Services__Services__Tablist__Description__Bullet:not(:first-child) {
                margin-top: 6px; }
              .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Left__Container .About__Services__Services__Tablist__Description__Bullet__Group__Container .About__Services__Services__Tablist__Description__Bullet .About__Services__Services__Tablist__Description__Bullets__Text {
                margin-left: 6px; }
          .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Right__Container {
            width: 50%; }
            @media screen and (max-width: 992px) {
              .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Right__Container {
                width: 100%; } }
            @media screen and (max-width: 992px) {
              .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Right__Container .About__Services__Services__Tablist__Description__Paragraph__Container {
                margin-top: 30px; } }
            .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Right__Container .About__Services__Services__Tablist__Description__Projects__Container {
              margin-top: 60px; }
              .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Right__Container .About__Services__Services__Tablist__Description__Projects__Container .About__Services__Services__Tablist__Description__Project__Group__Container {
                margin-top: 9px;
                display: flex; }
                .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Right__Container .About__Services__Services__Tablist__Description__Projects__Container .About__Services__Services__Tablist__Description__Project__Group__Container .About__Services__Services__Tablist__Description__Projects {
                  transition: opacity, 0.3s ease 0s;
                  -o-transition: opacity, 0.3s ease 0s;
                  -ms-transition: opacity, 0.3s ease 0s;
                  -moz-transition: opacity, 0.3s ease 0s;
                  -webkit-transition: opacity, 0.3s ease 0s;
                  text-decoration: underline;
                  position: relative; }
                  .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Right__Container .About__Services__Services__Tablist__Description__Projects__Container .About__Services__Services__Tablist__Description__Project__Group__Container .About__Services__Services__Tablist__Description__Projects:not(:first-child) {
                    margin-left: 30px; }
                  .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .About__Services__Services__Tablist__Content .About__Services__Services__Tablist__Description__Container .About__Services__Services__Tablist__Description__Right__Container .About__Services__Services__Tablist__Description__Projects__Container .About__Services__Services__Tablist__Description__Project__Group__Container .About__Services__Services__Tablist__Description__Projects:hover {
                    opacity: .3; }
      .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .Fade {
        transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .Page__Static .About__Services__Services .About__Services__Services__Container .About__Services__Services__Tablist__Container .About__Services__Services__Tablist .About__Services__Services__Tablist__Content__Container .active {
        display: block;
        opacity: 1;
        pointer-events: all; }

.Page__Static .Contact__Introduction {
  padding-top: unset;
  background-color: var(--color-black);
  height: 100svh; }
  @media screen and (max-width: 992px) {
    .Page__Static .Contact__Introduction {
      padding-bottom: unset; } }
  .Page__Static .Contact__Introduction .Contact__Introduction__Container .Contact__Introduction__Title__Container {
    min-height: 100svh;
    padding-top: calc(180px + 60px);
    box-sizing: border-box;
    filter: invert(1);
    -o-filter: invert(1);
    -ms-filter: invert(1);
    -moz-filter: invert(1);
    -webkit-filter: invert(1);
    mix-blend-mode: difference;
    -o-mix-blend-mode: difference;
    -ms-mix-blend-mode: difference;
    -moz-mix-blend-mode: difference;
    -webkit-mix-blend-mode: difference; }
    @media screen and (max-width: 992px) {
      .Page__Static .Contact__Introduction .Contact__Introduction__Container .Contact__Introduction__Title__Container {
        padding: unset;
        display: flex;
        align-items: flex-end;
        padding-bottom: 60px; } }
    @media screen and (max-width: 992px) {
      .Page__Static .Contact__Introduction .Contact__Introduction__Container .Contact__Introduction__Title__Container .Contact__Introduction__Title {
        font-size: 108px;
        margin-left: -42px; } }
@media screen and (max-width: 992px) {
  .Page__Static .Contact__Information {
    margin-top: unset !important; } }
.Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container {
  display: flex; }
  @media screen and (max-width: 992px) {
    .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container {
      flex-direction: column; } }
  .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Left {
    width: 50%;
    padding-right: 120px;
    box-sizing: border-box; }
    @media screen and (max-width: 992px) {
      .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Left {
        width: 100%;
        padding-right: unset; } }
    .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Left .Contact__Information__Content__Left__Headline__Container {
      margin-top: 15px; }
    .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Left .Contact__Information__Content__Left__Paragraph__Container {
      margin-top: 30px; }
  .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right {
    width: 50%;
    box-sizing: border-box;
    margin-top: 42px; }
    @media screen and (max-width: 992px) {
      .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right {
        width: 100%;
        padding-left: unset; } }
    .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right .Contact__Information__Content__Right__Contact__Method__Container {
      padding-top: 30px;
      border-top: 1px solid var(--color-black-15); }
      .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right .Contact__Information__Content__Right__Contact__Method__Container:not(:first-child) {
        margin-top: 30px; }
        @media screen and (max-width: 992px) {
          .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right .Contact__Information__Content__Right__Contact__Method__Container:not(:first-child) {
            margin-top: 30px; } }
      .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right .Contact__Information__Content__Right__Contact__Method__Container .Contact__Information__Content__Right__Contact__Method__Description__Container {
        margin-top: 15px; }
        .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right .Contact__Information__Content__Right__Contact__Method__Container .Contact__Information__Content__Right__Contact__Method__Description__Container .Contact__Information__Content__Right__Contact__Method__Description {
          display: inline; }
        .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right .Contact__Information__Content__Right__Contact__Method__Container .Contact__Information__Content__Right__Contact__Method__Description__Container .Contact__Information__Content__Right__Contact__Method__Link {
          position: relative;
          display: inline;
          transition: opacity, 0.3s ease 0s;
          -o-transition: opacity, 0.3s ease 0s;
          -ms-transition: opacity, 0.3s ease 0s;
          -moz-transition: opacity, 0.3s ease 0s;
          -webkit-transition: opacity, 0.3s ease 0s; }
          @media not screen and (max-width: 992px) {
            .Page__Static .Contact__Information .Contact__Information__Container .Contact__Information__Content__Container .Contact__Information__Content__Right .Contact__Information__Content__Right__Contact__Method__Container .Contact__Information__Content__Right__Contact__Method__Description__Container .Contact__Information__Content__Right__Contact__Method__Link:hover {
              opacity: .3; } }
.Page__Static .Contact__Banner {
  padding: unset; }
  .Page__Static .Contact__Banner .Contact__Banner__Container {
    max-width: unset; }
    @media screen and (max-width: 992px) {
      .Page__Static .Contact__Banner .Contact__Banner__Container .Contact__Banner__Image__Container .Contact__Banner__Image {
        height: 100vw;
        object-fit: cover;
        object-position: calc(50% - 15px); } }

/*--------------------------------------------------
Index - Showcase Slider
---------------------------------------------------*/
.slide-caption-industry {
  position: absolute;
  top: -22.4vh;
  display: inline-table; }

.slide-caption-industry span {
  padding: 0.8vh 2vh;
  border: .1vh solid white;
  border-radius: 1vh;
  line-height: 1.5vh;
  font-size: 1.5vh;
  letter-spacing: .02vh;
  text-transform: uppercase;
  font-weight: 700; }

.slide-caption-industry .featured {
  margin-right: 2vh;
  background-color: white;
  color: #101010; }

.slide-caption-slogan {
  margin-bottom: 4vh;
  font-size: 2.2vh;
  line-height: 3.0vh;
  font-family: 'Maison Neue','Helvetica','Arial',sans-serif;
  font-weight: 600; }

.slide-caption-stat {
  display: table-cell;
  margin-top: 2vh;
  width: 24vh;
  padding-right: 4vh; }

.slide-caption-stat-number {
  line-height: normal;
  font-family: 'Butler','Georgia',serif;
  font-size: 6vh;
  font-weight: 100;
  float: left; }

.slide-caption-stat-description {
  color: #969696;
  font-weight: 400;
  display: inline-block;
  position: relative;
  font-size: 1.8vh;
  line-height: 2.6vh; }

#image-slider {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
  opacity: 0;
  border-radius: 0; }

.split-slider #image-slider {
  left: 36%;
  width: 100%;
  -webkit-transform: translateX(50%) scale(1.1);
  transform: translateX(50%) scale(1.1); }

.split-slider #image-slider .image-slider-wrapper {
  -webkit-transform: translateX(-18%);
  transform: translateX(-18%); }

.split-slider.full #image-slider {
  width: 100%;
  left: 0;
  -webkit-transform: translateX(15%) scale(1.1);
  transform: translateX(15%) scale(1.1); }

.split-slider.full #image-slider .image-slider-wrapper {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.image-slider-wrapper {
  position: absolute;
  height: 100%;
  width: 100%; }

#image-slider::after {
  content: "";
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none; }

#image-slider .slider-img {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

#image-slider .slider-img.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1); }

/*--------------------------------------------------
Index - Responsive
---------------------------------------------------*/
@media only screen and (max-width: 991px) {
  .split-slider .swiper-slide {
    -webkit-transform: translateX(300px);
    transform: translateX(300px); }

  .split-slider #image-slider {
    left: 0; }

  .split-slider #image-slider .image-slider-wrapper {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  .split-slider .swiper-slide {
    -webkit-transform: translateX(200px);
    transform: translateX(200px); }

  .slide-title::before {
    display: none; }

  .full .video-wrapper video.bgvid {
    position: relative;
    margin-top: 0;
    left: 0;
    transform: translateX(0) translateY(0); } }
/*--------------------------------------------------
Global - Navigation
---------------------------------------------------*/
.flexnav .touch-button:hover, .menu-button {
  cursor: pointer; }

.flexnav.opacity {
  opacity: 0; }

.flexnav.flexnav-show {
  opacity: 1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

.flexnav.one-page {
  position: fixed;
  top: 50px;
  right: 5%;
  max-width: 200px; }

.oldie .flexnav li ul.open ul.open, .oldie .flexnav ul li:hover ul {
  margin-left: 100%;
  top: 0; }

.flexnav li ul.flexnav-show li, .oldie .flexnav, .oldie .flexnav li, .oldie .flexnav li a {
  overflow: visible; }

.flexnav li ul li a {
  background: #fff;
  display: block;
  padding: 20px; }

.flexnav ul li ul li a {
  background: #bfbfbc; }

.flexnav ul li ul li ul li a {
  background: #cbcbc9; }

.flexnav .touch-button {
  background: rgba(0, 0, 0, 0);
  display: inline-block;
  height: 60px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: 60px;
  z-index: 999; }

.flexnav .touch-button .navicon {
  position: relative;
  top: 1.8em;
  font-size: 12px;
  color: #666; }

.menu-button {
  background: 0;
  border-bottom: medium none;
  box-sizing: border-box;
  color: #222;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  padding: 0 50px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  z-index: 0; }

.no-button .menu-button {
  padding-right: 0; }

.menu-button.one-page {
  position: fixed;
  top: 0;
  right: 5%;
  padding-right: 45px; }

.menu-button .touch-button {
  background: 0;
  display: none;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center; }

.menu-button .touch-button .navicon {
  font-size: 16px;
  position: relative;
  top: 1em;
  color: #666; }

.oldie body.one-page {
  padding-top: 70px; }

.oldie .flexnav.one-page {
  top: 0;
  right: auto;
  max-width: 1080px; }

.oldie .flexnav li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  background-color: #a6a6a2;
  width: 20%;
  min-height: 50px; }

.oldie .flexnav li:hover > ul {
  display: block;
  width: 100%;
  overflow: visible; }

.oldie .flexnav li:hover > ul li {
  width: 100%;
  float: none; }

.oldie .flexnav li a {
  border-left: 1px solid #acaca1;
  border-bottom: 0; }

.oldie .flexnav li > ul {
  background: #acaca1;
  position: absolute;
  top: auto;
  left: 0;
  display: none;
  z-index: 1;
  overflow: visible; }

.oldie .flexnav li ul.open, .oldie .flexnav li ul.open ul.open {
  display: block;
  width: 100%;
  overflow: visible; }

.oldie .flexnav li ul li ul {
  top: 0; }

.oldie .flexnav li ul li a {
  border-bottom: 0; }

.oldie .flexnav li ul.open li {
  width: 100%; }

.oldie .menu-button {
  display: none; }

.oldie.ie7 .flexnav li {
  width: 19.9%; }

/*--------------------------------------------------
Global - Navigation - Responsive
---------------------------------------------------*/
@media all and (max-width: 991px) {
  .flexnav li a, .flexnav li ul li a {
    border-bottom: 0; }

  body.one-page {
    padding-top: 70px; }

  .flexnav.opacity {
    opacity: 1; }

  .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px; }

  .flexnav li > ul {
    position: absolute;
    top: auto;
    left: 0; }

  .flexnav li ul li > ul, .flexnav li ul.open ul.open {
    margin-left: 100%;
    top: 0; }

  .flexnav li > ul li {
    width: 100%; }

  .flexnav li ul.open {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1; }

  .flexnav li ul.open li {
    overflow: visible;
    max-height: 100px; }

  .menu-button {
    display: none; } }
/*--------------------------------------------------
Index - Swiper Slider
---------------------------------------------------*/
.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

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

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

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

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

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

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

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

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

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

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

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

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

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

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

/*--------------------------------------------------
General Settings
---------------------------------------------------*/
/*article,aside,details,figcaption,footer,header,hgroup,nav,section{display:block}*/
/*.section-black{background-color:#101010}*/
/*.section-white{background-color:white}*/
/*audio{display:inline-block;max-width:100%}*/
/*address{font-style:italic;margin-bottom:24px}*/
/*abbr[title]{border-bottom:1px dotted #2b2b2b;cursor:help}*/
/*b,strong{font-weight:400;color:#000}*/
/*cite,dfn,em,i{font-style:italic}*/
/*mark,ins{background:none repeat scroll 0 0 #000;text-decoration:none;color:#fff;font-family:sans-serif;font-size:10px;font-weight:400;text-transform:uppercase;padding:2px 5px;margin-bottom:10px;display:inline-block}*/
/*code,kbd,tt,var,samp,pre{font-size:15px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6}*/
/*pre{border:1px solid rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}*/
/*blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}*/
/*blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}*/
/*blockquote{color:#000;font-size:18px;font-style:italic;font-weight:300;line-height:30px;margin-bottom:24px;font-family:serif;border-left:1px #ddd solid;padding:20px 20px 20px 40px}*/
/*.light-content blockquote{color:#fff}*/
/*blockquote span{display:block;margin-top:20px;font-weight:400;font-size:12px;font-style:normal;color:#999}*/
/*blockquote cite,blockquote small{color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5}*/
/*blockquote em,blockquote i,blockquote cite{font-style:normal}*/
/*blockquote strong,blockquote b{font-weight:400}*/
/*small{font-size:smaller}*/
/*big{font-size:125%}*/
/*sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}*/
/*sup{bottom:1ex}*/
/*sub{top:.5ex}*/
/*dl{margin-bottom:24px}*/
/*dt{font-weight:bold}*/
/*dd{margin-bottom:24px}*/
/*ul,ol{list-style:none;margin:0 0 2.4vh 2vh}*/
/*ul{list-style:disc}*/
/*ol{list-style:decimal}*/
/*li>ul,li>ol{margin:0 0 0 20px}*/
/*li{line-height:28px;color:#333;margin-bottom:10px}*/
/*.light-content li{color:#fff}*/
/*figure{margin:0;position:relative;display:block}*/
/*figure img{max-width:100%}*/
.full img {
  width: 100vw; }

/*figcaption{background-color:rgba(0,0,0,1);bottom:25px;color:#fff;font-weight:400;font-size:12px;padding:10px 20px;position:absolute;right:25px;z-index:10;border-radius:3px}*/
/*fieldset{border:1px solid rgba(0,0,0,0.1);margin:0 0 24px;padding:0}*/
/*legend{white-space:normal}*/
input {
  -webkit-user-select: text; }

button:focus {
  outline: 0; }

input, textarea {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

th {
  border-width: 1px 1px 1px 1px;
  font-weight: bold; }

del {
  color: #767676; }

hr {
  border: 0;
  height: 25px;
  width: 100%;
  float: none;
  margin: 0;
  display: inline-block; }

hr.small {
  height: 20px; }

hr:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden; }

img {
  border: 0 none;
  max-width: 100%;
  vertical-align: middle; }

/*.light-content h1,.light-content h2,.light-content h3,.light-content h4,.light-content h5,.light-content h6{color:#fff}*/
.light-content p {
  color: white; }

.title-has-line {
  position: relative;
  margin-bottom: 25px; }

.title-has-line::after {
  background: none repeat scroll 0 0 #000;
  bottom: 20px;
  content: "";
  height: 1px;
  left: -40px;
  position: absolute;
  width: 25px; }

p.title-has-line {
  position: relative;
  margin-bottom: 5px;
  font-size: 12px; }

p.title-has-line::after {
  background: none repeat scroll 0 0 #000;
  bottom: 14px;
  content: "";
  height: 1px;
  left: -30px;
  position: absolute;
  width: 16px; }

.light-content .title-has-line::after {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }

p.no-margins {
  margin-bottom: 0; }

.bigger {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #222; }

.smaller {
  font-size: 12px; }

.container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }

.small .container {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }

.full .container {
  width: 100vw;
  max-width: none;
  margin-left: calc(-100vw / 2+1280px / 2);
  margin-right: calc(-100vw / 2+1280px / 2);
  padding: 0; }

.container::after {
  clear: both;
  content: " ";
  display: table; }

/*a:hover,a:active{outline:0;color:#000}*/
/*a:hover{text-decoration:none}*/
.text-align-center {
  text-align: center; }

.text-align-left {
  text-align: left; }

/*--------------------------------------------------
	04. Header Elements
---------------------------------------------------*/
@media all and (min-width: 0px) {
  .flexnav li ul {
    min-width: 170px; }

  .flexnav .touch-button {
    background: transparent none repeat scroll 0 0; }

  .flexnav .touch-button .navicon {
    display: none; }

  .flexnav li:hover a {
    /*color:#000;*/ }

  .light-content .flexnav li:hover a {
    /*color:#fff;*/ }

  .flexnav li a span {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transform-origin: 100% 0%; }

  .flexnav li a span::before {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    content: attr(data-hover); }

  .flexnav li:hover a span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%; }

  .flexnav li ul li a {
    padding: 0 20px 20px;
    background-color: transparent;
    font-size: 13px;
    font-family: 'Acumin Pro', sans-serif;
    font-weight: 400;
    text-transform: none;
    color: #aaa !important;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out; }

  .flexnav li ul li a.link::before {
    display: none; }

  .flexnav li ul li a.active, .flexnav li ul li a:hover {
    color: #fff !important; }

  .flexnav li > ul li {
    margin-left: 0;
    padding: 0; }

  .classic-menu .flexnav li ul {
    -webkit-transform: translate3d(0px, 20px, 0px);
    transform: translate3d(0px, 20px, 0px);
    display: block !important;
    opacity: 0 !important;
    height: inherit !important;
    overflow: visible !important;
    visibility: hidden;
    left: 15px;
    top: 50px;
    padding-top: 20px;
    background: #000;
    border-radius: 3px;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out !important; }

  .flexnav li:first-child ul {
    left: -15px; }

  .flexnav li ul ul {
    left: 5px !important; }

  .flexnav li ul:after {
    display: block;
    content: '';
    position: absolute;
    top: -6px;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 9px;
    border-color: transparent transparent #000; }

  .flexnav ul li ul:after {
    display: block;
    content: '';
    position: absolute;
    top: 15px;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 9px;
    border-color: transparent transparent #000;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }

  .flexnav ul li ul li a {
    background: #000; }

  .flexnav li ul.flexnav-show {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1 !important;
    visibility: visible;
    -webkit-transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;
    transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s; }

  .flexnav .touch-button {
    display: none; }

  .fullscreen-menu .flexnav.flexnav-show {
    -webkit-transition: all .3s ease-out 0.2s;
    transition: all .3s ease-out 0.2s; }

  .fullscreen-menu .flexnav .touch-button {
    width: 100%;
    display: block;
    height: calc(4vw + 20px); }

  .fullscreen-menu .flexnav .touch-button .navicon {
    display: none; }

  .fullscreen-menu .flexnav a.link::before {
    display: none; }

  .fullscreen-menu .flexnav li ul {
    margin-bottom: 20px;
    position: relative;
    left: 0; }

  .fullscreen-menu .flexnav li ul:after {
    display: none; }

  .fullscreen-menu .flexnav li ul li a {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    border-top: none; } }
/*--------------------------------------------------
	05. Hero user-select: ion
---------------------------------------------------*/
#hero {
  overflow: hidden;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
  /* UA */
  /* UA background-image: linear-gradient(to top, rgba(15,15,15,1) 0%, rgba(15,15,15,0) 50%);*/ }

#hero.has-image {
  height: 100svh; }

#hero.has-map {
  pointer-events: none; }

.transition #hero {
  opacity: 1 !important;
  transform: translate3d(0px, 0px, 0px) !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important; }

#hero-styles {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  z-index: 2; }

#hero.has-image #hero-styles {
  position: absolute; }

#hero.has-image #hero-styles {
  height: 100vh; }

#hero-caption {
  display: table;
  width: 100%;
  /* UA max-width:1280px;*/
  /* UA padding: 180px 60px 180px 60px;*/
  margin: 0 auto;
  height: 100%;
  position: relative;
  text-align: left;
  box-sizing: border-box; }

#hero.has-image #hero-caption {
  /* UA padding:20px;*/
  /* UA */
  padding: 0; }

#hero #hero-caption .inner {
  vertical-align: bottom; }

#hero.has-image #hero-caption .inner {
  vertical-align: middle; }

#hero-bg-wrapper {
  position: absolute;
  width: 100%;
  height: 100svh;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  top: 0;
  right: 0;
  -webkit-transition: filter 0.6s ease-in-out;
  transition: filter 0.6s ease-in-out;
  overflow: hidden; }

#hero-image-parallax {
  position: absolute;
  width: 100%;
  height: 100%; }

#hero-bg-image {
  background-size: cover;
  position: absolute;
  background-position: center center;
  width: 100%;
  height: 100vh;
  opacity: 1;
  z-index: 0;
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.load-project-page #hero-bg-image, .load-next-project #hero-bg-image {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.hero-title {
  /* UA font-size:80px;*/
  /* UA */
  font-size: 14vw;
  /* UA */
  font-family: 'Butler','Georgia',serif;
  /* UA line-height:90px;*/
  /* UA */
  line-height: normal;
  color: #000;
  -webkit-text-stroke: 1px #000;
  font-weight: 600;
  position: relative;
  /* UA margin-left:-3px;*/
  /* UA margin-top:19px;*/
  margin-bottom: 0px;
  transform: translateY(10vh);
  -webkit-transform: translateY(10vh);
  opacity: 0; }

.light-content .hero-title {
  color: #fff;
  -webkit-text-stroke: 1px #fff; }

.text-align-center .hero-title, #hero.has-image .hero-title {
  text-align: center; }

.hero-title span, .light-content h1.hero-title span {
  color: transparent !important; }

.load-next-project .hero-title {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  opacity: 1 !important; }

#hero.has-image .hero-title {
  transform: translateY(10vh);
  -webkit-transform: translateY(10vh);
  opacity: 0; }

.hero-subtitle {
  /* font-size: 1.8vh; */
  /* font-weight: 700; */
  /* line-height: 2.6vh; */
  margin-bottom: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
  position: relative;
  transform: translateY(18vh);
  -webkit-transform: translateY(18vh);
  font-size: 2.2vh;
  line-height: 3.0vh;
  font-family: 'Maison Neue','Helvetica','Arial',sans-serif;
  font-weight: 500; }

.text-align-center .hero-subtitle, #hero.has-image .hero-subtitle {
  text-align: center;
  position: absolute; }

/*.hero-subtitle:before {
	display:none;
	content:'';
	position:absolute;
	width:4vh;
	height:.2vh;
	background-color:#ff3232;
	left:0;
	margin-left:0;top:-4vh;
}*/
.light-content .hero-subtitle:before {
  /* UA background-color:#fff;*/
  /* UA */
  background-color: #ff3232; }

#hero.has-image .hero-subtitle:before, .text-align-center .hero-subtitle:before {
  left: 50%;
  /* UA margin-left:-10px;*/
  /* UA */
  margin-left: -2vh; }

.load-next-project .hero-subtitle {
  transform: translateY(10vh);
  -webkit-transform: translateY(10vh); }

.scroll-down-wrap {
  opacity: 0;
  transform: translateY(50px) scale(0.8);
  -webkit-transform: translateY(50px) scale(0.8);
  visibility: visible; }

.scroll-down-wrap, .scroll-down-wrap.no-border {
  position: absolute;
  /* UA bottom:60px;*/
  /* UA */
  bottom: 4vh;
  left: 0;
  /* UA width:60px;*/
  /*margin-left:5px;*/
  /**/
  margin-left: -10px;
  z-index: 101;
  left: 50%;
  margin-left: -24.5px; }

.scroll-down-wrap.no-border .section-down-arrow {
  display: inline-block;
  width: 49px;
  height: 49px;
  color: #000 !important;
  border: 2px solid #000;
  text-align: center;
  line-height: 50px;
  border-radius: 100px;
  font-size: 25px;
  -webkit-border-radius: 100px;
  transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  overflow: hidden;
  margin-left: 0px;
  left: 0;
  opacity: 0.6; }

.light-content .scroll-down-wrap.no-border .section-down-arrow {
  color: #fff !important;
  border: 2px solid #fff; }

.scroll-down-wrap.no-border .section-down-arrow, .slider-down-arrow.no-border {
  border: none !important;
  overflow: visible;
  text-align: center;
  opacity: 1;
  height: auto;
  bottom: 13px;
  -webkit-animation: nudgeMouse 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  animation: nudgeMouse 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

.nectar-scroll-icon-path {
  fill: transparent;
  stroke-width: 2px;
  stroke-dashoffset: 120;
  stroke-dasharray: 120;
  -webkit-animation: mouse-scroll-btn-roll-out 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
  animation: mouse-scroll-btn-roll-out 0.55s cubic-bezier(0.5, 0.1, 0.07, 1); }

.nectar-scroll-icon {
  width: 30px;
  height: 45px;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 100; }

.scroll-down-wrap.no-border .section-down-arrow:after, .slider-down-arrow.no-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 30px;
  height: 45px;
  margin-left: -15px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 62; }

.light-content .scroll-down-wrap.no-border .section-down-arrow:after, .light-content .slider-down-arrow.no-border:after {
  border: 2px solid rgba(255, 255, 255, 0.5); }

.scroll-down-wrap.no-border:hover .section-down-arrow:before, .slider-down-arrow.no-border:hover:before {
  background-color: black; }

.light-content .scroll-down-wrap.no-border:hover .section-down-arrow:before, .light-content .slider-down-arrow.no-border:hover:before {
  background-color: white; }

.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path, .slider-down-arrow.no-border:hover .nectar-scroll-icon-path {
  stroke-dashoffset: 0;
  -webkit-animation: mouse-scroll-btn-roll-over 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
  animation: mouse-scroll-btn-roll-over 0.55s cubic-bezier(0.5, 0.1, 0.07, 1); }

@-webkit-keyframes mouse-scroll-btn-roll-over {
  0% {
    stroke-dashoffset: 120; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes mouse-scroll-btn-roll-over {
  0% {
    stroke-dashoffset: 120; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes mouse-scroll-btn-roll-out {
  0% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: -120; } }
@keyframes mouse-scroll-btn-roll-out {
  0% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: -120; } }
.scroll-down-wrap.no-border .section-down-arrow:before, .slider-down-arrow.no-border:before {
  position: absolute;
  content: '';
  display: block;
  left: 50%;
  margin-left: -1px;
  top: 22px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 2px;
  height: 6px;
  border-radius: 10px;
  transition: background-color 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
  -webkit-animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
  animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite; }

.light-content .scroll-down-wrap.no-border .section-down-arrow:before, .light-content .slider-down-arrow.no-border:before {
  background-color: rgba(255, 255, 255, 0.5); }

@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); }
  45% {
    opacity: 0;
    -webkit-transform: scaleY(0.5) translateY(13px);
    transform: scaleY(0.5) translateY(13px); }
  46% {
    opacity: 0;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); }
  65%,100% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); } }
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); }
  45% {
    opacity: 0;
    -webkit-transform: scaleY(0.5) translateY(13px);
    transform: scaleY(0.5) translateY(13px); }
  46% {
    opacity: 0;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); }
  65%,100% {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px); } }
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  45% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  65%,100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  45% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  65%,100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
/*--------------------------------------------------
	06. Main Content
---------------------------------------------------*/
#main {
  position: relative;
  opacity: 0; }

.load-project-page #main, .load-next-project #main {
  opacity: 1; }

#main-content {
  position: relative;
  opacity: 1;
  z-index: 10;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  /*overflow:hidden*/ }

#main-page-content {
  position: relative;
  opacity: 0;
  /* UA max-width:1280px;*/
  /* UA */
  /* UA margin:0 auto;*/
  margin-bottom: 0;
  transform: translateY(15vh);
  -webkit-transform: translateY(15vh); }

#main-page-content.project-page {
  /*margin-bottom: calc(48vh - 14vh);*/ }

/*--------------------------------------------------
	08. Newsletter Subscription
---------------------------------------------------*/
.mc-field-group {
  border-bottom: 1px solid #101010; }

.mc-close-button {
  position: relative;
  display: table;
  pointer-events: auto;
  z-index: 10;
  top: 0;
  float: right;
  height: 6vh;
  width: 6vh;
  margin-bottom: 1.9vh;
  left: 2.1vh;
  cursor: pointer;
  /*bottom: 22.5px;*/ }

#mc_embed_signup_scroll .mc-close-button img {
  display: block;
  height: 1.8vh;
  width: 1.8vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.mc-field-group div {
  z-index: 1;
  letter-spacing: .02vh;
  color: #ff3232 !important;
  position: absolute;
  top: 6.8vh;
  font-weight: 700 !important;
  font-size: 1.8vh;
  border: none !important;
  background-color: transparent !important;
  margin: unset !important;
  padding: unset !important;
  /*display:none!important*/ }

.mc-submit {
  position: absolute;
  bottom: 4.1vh;
  right: 4vw; }

#mc_embed_signup input {
  border-color: #ff3232 !important; }

#mc_embed_signup {
  background: #fff;
  /* clear:left;*/
  z-index: 2000;
  width: 100%;
  position: fixed;
  padding: 1.9vh 4vw 4vh 4vw;
  box-sizing: border-box;
  overflow: hidden;
  transition: bottom 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: bottom 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: bottom 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: bottom 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: bottom 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }

/*#mc_embed_signup form {display:block; position:relative; text-align:left; padding:40px 80px}*/
#mc_embed_signup h2 {
  font-weight: bold;
  padding: 0;
  margin: 1.5vh 0;
  font-size: 1.8vh; }

#mc_embed_signup input {
  font-family: 'Maison Neue','Helvetica','Arial',sans-serif;
  border: none;
  -webkit-appearance: none;
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox; }

#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio; }

#mce-EMAIL:hover::placeholder {
  color: rgba(16, 16, 16, 0.5); }

#mc_embed_signup input:focus {
  outline: transparent; }

#mc_embed_signup input:placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input::placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input:-o-placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input::-o-placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input:-ms-placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input::-ms-placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input:-moz-placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input::-moz-placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input:-webkit-placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input::-webkit-placeholder {
  color: rgba(16, 16, 16, 0.25);
  transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out; }

#mc_embed_signup input:focus:placeholder {
  color: #101010; }

#mc_embed_signup input:focus::placeholder {
  color: #101010; }

#mc_embed_signup input:focus:-o-placeholder {
  color: #101010; }

#mc_embed_signup input:focus::-o-placeholder {
  color: #101010; }

#mc_embed_signup input:focus:-ms-placeholder {
  color: #101010; }

#mc_embed_signup input:focus::-ms-placeholder {
  color: #101010; }

#mc_embed_signup input:focus:-moz-placeholder {
  color: #101010; }

#mc_embed_signup input:focus::-moz-placeholder {
  color: #101010; }

#mc_embed_signup input:focus:-webkit-placeholder {
  color: #101010; }

#mc_embed_signup input:focus::-webkit-placeholder {
  color: #101010; }

#mc_embed_signup .button {
  color: rgba(16, 16, 16, 0.25);
  cursor: pointer;
  font-size: 2.4vh;
  font-weight: 700;
  line-height: normal;
  padding: 0 0 1vh 0;
  text-align: right;
  text-decoration: none; }

#mc_embed_signup .button:hover {
  color: #101010; }

/*#mc_embed_signup .button:hover {background-color:#777;}*/
#mc_embed_signup .small-meta {
  font-size: 1.1vh; }

#mc_embed_signup .nowrap {
  white-space: nowrap; }

#mc_embed_signup label {
  display: block;
  font-size: 1.6vh;
  padding-bottom: 2vh;
  font-weight: bold; }

#mc_embed_signup input.email {
  font-size: 3.6vh;
  letter-spacing: .02vh;
  width: 100%;
  padding: 0 30vw 2vh 0;
  background-color: transparent;
  font-weight: 300;
  box-sizing: border-box; }

#mc_embed_signup input.button {
  font-size: 3.6vh;
  letter-spacing: .02vh;
  width: auto;
  padding-bottom: 2vh;
  float: right;
  font-weight: 700;
  background: transparent; }

#mc_embed_signup div#mce-responses {
  float: left;
  width: 75%; }

#mc_embed_signup div.response {
  width: 100%;
  margin-top: 2.1vh;
  font-size: 1.8vh;
  letter-spacing: .02vh;
  color: #101010; }

#mc_embed_signup #mce-error-response {
  display: none; }

#mc_embed_signup #mce-success-response {
  color: #101010;
  display: none; }

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1vh;
  text-align: left;
  padding: .5vh 0; }

/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#page-content {
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  bottom: 0; }

.mc-translate-0 {
  bottom: 0 !important; }

.overflow-hidden {
  overflow: hidden; }

.overflow-hidden-menu {
  overflow: hidden; }

/*--------------------------------------------------
	09. Project Details Page
---------------------------------------------------*/
/*.about .light-content #ball{border-color:#101010;}*/
/*body.about, .about main{background-color:#f5f5f5!important}*/
/*.about .light-content #menu-burger span{background-color:#101010}*/
/* Start of Padding Adjustment */
.padding-top-10 {
  padding-top: 1vh; }

.padding-top-20 {
  padding-top: 2vh; }

.padding-top-40 {
  padding-top: 4vh; }

.padding-top-80 {
  padding-top: 8vh; }

.padding-top-160 {
  padding-top: 16vh; }

.padding-top-320 {
  padding-top: 32vh; }

.padding-right-10 {
  padding-right: 1vh; }

.padding-right-20 {
  padding-right: 2vh; }

.padding-right-40 {
  padding-right: 4vh; }

.padding-right-80 {
  padding-right: 8vh; }

.padding-right-160 {
  padding-right: 16vh; }

.padding-right-320 {
  padding-right: 32vh; }

.padding-bottom-10 {
  padding-bottom: 1vh; }

.padding-bottom-20 {
  padding-bottom: 2vh; }

.padding-bottom-40 {
  padding-bottom: 4vh; }

.padding-bottom-80 {
  padding-bottom: 8vh; }

.padding-bottom-160 {
  padding-bottom: 16vh; }

.padding-bottom-320 {
  padding-bottom: 32vh; }

.padding-left-10 {
  padding-left: 1vh; }

.padding-left-20 {
  padding-left: 2vh; }

.padding-left-40 {
  padding-left: 4vh; }

.padding-left-80 {
  padding-left: 8vh; }

.padding-left-160 {
  padding-left: 16vh; }

.padding-left-320 {
  padding-left: 32vh; }

/* End of Padding Adjustment */
/* Start of Margin Adjustment */
.margin-top-10 {
  margin-top: 1vh; }

.margin-top-20 {
  margin-top: 2vh; }

.margin-top-40 {
  margin-top: 4vh; }

.margin-top-80 {
  margin-top: 8vh; }

.margin-top-160 {
  margin-top: 16vh; }

.margin-top-320 {
  margin-top: 32vh; }

.margin-right-10 {
  margin-right: 1vh; }

.margin-right-20 {
  margin-right: 2vh; }

.margin-right-40 {
  margin-right: 4vh; }

.margin-right-80 {
  margin-right: 8vh; }

.margin-right-160 {
  margin-right: 16vh; }

.margin-right-320 {
  margin-right: 32vh; }

.margin-bottom-10 {
  margin-bottom: 1vh; }

.margin-bottom-20 {
  margin-bottom: 2vh; }

.margin-bottom-40 {
  margin-bottom: 4vh; }

.margin-bottom-80 {
  margin-bottom: 8vh; }

.margin-bottom-160 {
  margin-bottom: 16vh; }

.margin-bottom-320 {
  margin-bottom: 32vh; }

.margin-left-10 {
  margin-left: 1vh; }

.margin-left-20 {
  margin-left: 2vh; }

.margin-left-40 {
  margin-left: 4vh; }

.margin-left-80 {
  margin-left: 8vh; }

.margin-left-160 {
  margin-left: 16vh; }

.margin-left-320 {
  margin-left: 32vh; }

/* End of Margin Adjustment */
/* Start of Margin Adjustment (Negative) */
.margin-top-negative-10 {
  margin-top: -1vh; }

.margin-top-negative-20 {
  margin-top: -2vh; }

.margin-top-negative-40 {
  margin-top: -4vh; }

.margin-top-negative-80 {
  margin-top: -8vh; }

.margin-top-negative-160 {
  margin-top: -16vh; }

.margin-top-negative-320 {
  margin-top: -32vh; }

.margin-right-negative-10 {
  margin-right: -1vh; }

.margin-right-negative-20 {
  margin-right: -2vh; }

.margin-right-negative-40 {
  margin-right: -4vh; }

.margin-right-negative-80 {
  margin-right: -8vh; }

.margin-right-negative-160 {
  margin-right: -16vh; }

.margin-right-negative-320 {
  margin-right: -32vh; }

.margin-bottom-negative-10 {
  margin-bottom: -1vh; }

.margin-bottom-negative-20 {
  margin-bottom: -2vh; }

.margin-bottom-negative-40 {
  margin-bottom: -4vh; }

.margin-bottom-negative-80 {
  margin-bottom: -8vh; }

.margin-bottom-negative-160 {
  margin-bottom: -16vh; }

.margin-bottom-negative-320 {
  margin-bottom: -32vh; }

.margin-left-negative-10 {
  margin-left: -1vh; }

.margin-left-negative-20 {
  margin-left: -2vh; }

.margin-left-negative-40 {
  margin-left: -4vh; }

.margin-left-negative-80 {
  margin-left: -8vh; }

.margin-left-negative-160 {
  margin-left: -16vh; }

.margin-left-negative-320 {
  margin-left: -32vh; }

/* End of Margin Adjustment (Negative) */
.position-absolute {
  position: absolute !important; }

.position-relative {
  position: relative !important; }

.padding-left-4-vw {
  padding-left: 4vw; }

.padding-left-18-vw {
  padding-left: 18vw; }

.padding-right-4-vw {
  padding-right: 4vw; }

.padding-right-18-vw {
  padding-right: 18vw; }

.text-align-left {
  text-align: left; }

.text-align-right {
  text-align: right; }

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

.margin-left-4-vw {
  margin-left: 4vw; }

.margin-left-negative-50-percent {
  margin-left: -50% !important; }

.margin-right-4-vw {
  margin-right: 4vw; }

.margin-right-auto {
  margin-right: auto; }

.margin-left-auto {
  margin-left: auto; }

.float-right {
  float: right; }

.image-fluid {
  padding-left: 8vh !important;
  padding-right: 8vh !important; }

.vertical-parent {
  display: table;
  height: inherit; }

.center-vertical-child {
  vertical-align: middle;
  display: table-cell; }

.border-padding-40 {
  padding: 40px;
  border: 1px solid #101010;
  box-sizing: border-box; }

.display-inline-block {
  display: inline-block !important; }

.display-flow-root {
  display: flow-root !important; }

.box-sizing-border-box {
  box-sizing: border-box; }

.invert-fill {
  fill: white !important; }

.invert-background-color {
  background-color: white !important; }

.opacity-0 {
  opacity: 0; }

.left-paragraph .title, .left-paragraph .inner-line {
  float: left; }

.left-paragraph .inner-line {
  height: 3.2vh; }

.left-paragraph .inner-line .line-wrapper {
  display: table-cell;
  vertical-align: middle;
  height: inherit; }

.left-paragraph .paragraph {
  display: flex; }

.rellax-wrapper {
  overflow: hidden; }

.rellax div {
  transform: scale(1.05); }

/* Start of Project - Aedas */
.project-title {
  padding-left: 4vw;
  padding-right: 4vw;
  box-sizing: border-box; }

.project-subtitle {
  position: absolute;
  top: 0;
  width: 100vw;
  left: 0;
  box-sizing: border-box;
  padding-left: 4vw;
  padding-right: 4vw; }

.project-subtitle h6 {
  font-size: 9vw;
  line-height: 9.8vw;
  font-weight: 700;
  top: 50vh;
  position: absolute;
  pointer-events: none; }

.project-information {
  box-sizing: border-box;
  padding-left: 18vw;
  padding-right: 18vw; }

.project-information h2 {
  font-weight: 500;
  color: #707070;
  padding-left: 2vh;
  padding-bottom: 4vh;
  border-left: 1px solid #707070; }

.project-information .socials {
  display: inline-block;
  margin: unset;
  display: none; }

.project-information .socials ul {
  margin: unset; }

.project-prefix-one {
  box-sizing: border-box;
  padding-left: 4vw;
  padding-right: 4vw; }

.project-prefix-two {
  position: relative; }

.project-prefix-two h4 {
  font-size: 8vw;
  color: #969696;
  line-height: 8.8vw;
  font-weight: 400; }

.project-prefix-two img {
  position: absolute;
  height: 33.3vw;
  width: auto !important;
  margin: auto auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.project-prefix-three {
  box-sizing: border-box;
  padding-left: 4vw;
  padding-right: 4vw; }

.project-details {
  background-color: white; }

/*.project-details h3,.project-details p{color:#101010;text-align: center;}*/
.project-details h3, .project-details p {
  color: #101010;
  text-align: left; }

.project-details-gallery {
  box-sizing: border-box;
  padding-left: 4vw;
  padding-right: 4vw; }

.project-details-gallery img {
  margin-bottom: 16vh; }

.project-prefix-one video, .project-prefix-three video, .project-details-gallery video {
  width: 100%;
  display: block;
  margin-bottom: 16vh;
  box-sizing: border-box;
  padding: 16vh 16vh; }

/*.project-details-gallery video{width:100%;display:block;margin-bottom:16vh}*/
.project-suffix-two a {
  display: block;
  text-align: center;
  opacity: 1;
  transition: .2s ease;
  -o-transition: .2s ease;
  -ms-transition: .2s ease;
  -moz-transition: .2s ease;
  -webkit-transition: .2s ease; }

.project-suffix-two a:hover {
  opacity: .5; }

.project-suffix-two h2 {
  font-weight: 500; }

.project-suffix-two h2 span {
  color: #707070; }

#project-nav img {
  box-sizing: border-box;
  padding-left: 4vw;
  padding-right: 4vw; }

#project-nav-title {
  opacity: 0;
  top: 0vh;
  transition: .4s ease;
  -o-transition: .4s ease;
  -ms-transition: .4s ease;
  -moz-transition: .4s ease;
  -webkit-transition: .4s ease; }

.project-nav-opacity-1 {
  opacity: 1 !important; }

/* End of Project - Aedas */
/*.project-title{background-color: #151515;box-sizing: border-box;border-left: 9vw solid #101010;border-right: 18vw solid #101010;margin-right: -18vw;/*background: url(images/Bonhomme-Monatgut-2-blur.jpg) 0% 0% / cover;*/
.project-title-wrapper {
  margin-left: -9vw;
  margin-right: -18vw; }

.happy-lunar-new-year-2019 .project-image-one {
  background: url(images/happy-lunar-new-year-2019-thumbnail-1x.jpg) 0% 50%/cover;
  height: 50vw;
  width: inherit; }

.happy-lunar-new-year-2019 .project-image-three {
  background: url(images/happy-lunar-new-year-2019-banner-3.jpg) 0% 0%/cover;
  height: 50vw;
  width: inherit; }

/*.project-title-box{width: 146vh;height: 100vh;background-color: #151515;position: absolute;left: 12vh;width: calc(100% - 36vh);box-sizing: border-box;z-index:-1}*/
.project-title-banner {
  box-sizing: border-box;
  margin-left: 30vw;
  height: 50vw; }

.project-title-scope {
  margin-top: -25vw; }

.project-title-scope h6 {
  font-size: 9vw;
  line-height: 9.9vw;
  font-weight: 700;
  font-family: 'Maison Neue','Helvetica','Arial',sans-serif; }

.project-title-scope h2 {
  color: #707070;
  font-weight: 400; }

.project-title-socials {
  margin: 0 0 32vh 18vw;
  display: inline-block; }

.project-title-socials ul {
  margin: unset; }

.project-quote {
  margin-top: 80vh; }

.project-quote-banner-one-wrapper {
  transform: translateY(-50%);
  position: absolute !important; }

.happy-lunar-new-year-2019 .project-quote-banner-one {
  background: url(images/happy-lunar-new-year-2019-banner-2.jpg) 0% 50%/cover;
  height: 160vh; }

.project-quote-paragraph {
  background-color: white; }

.project-quote-paragraph h4 {
  font-size: 8vw;
  color: #969696;
  line-height: 8.9vw;
  font-weight: 400; }

.project-quote-paragraph h5 {
  color: #101010;
  font-weight: 500; }

.project-stat-section {
  position: relative; }

.project-stat-section .rellax-wrapper {
  position: absolute;
  height: 100vh; }

.project-stat-section .rellax-wrapper .rellax {
  height: 100vh; }

.openrice .project-stat-section .rellax-wrapper .project-stat-section-image {
  width: 100vw;
  height: inherit;
  background: url(openrice/openrice-suffix-1.jpg) 0% 50%/cover; }

.aedas .project-stat-section .rellax-wrapper .project-stat-section-image {
  width: 100vw;
  height: inherit;
  background: url(aedas/aedas-suffix-2.jpg) 0% 50%/cover; }

.dyson .project-stat-section .rellax-wrapper .project-stat-section-image {
  width: 100vw;
  height: inherit;
  background: url(dyson/dyson-suffix-1.jpg) 0% 50%/cover; }

.sbi-group .project-stat-section .rellax-wrapper .project-stat-section-image {
  width: 100vw;
  height: inherit;
  background: url(sbi-group/sbi-group-suffix-2.jpg) 0% 50%/cover; }

.happy-lunar-new-year-2019 .project-stat-section .rellax-wrapper .project-stat-section-image {
  width: 100vw;
  height: inherit;
  background: url(happy-lunar-new-year-2019/happy-lunar-new-year-2019-suffix-1.jpg) 0% 50%/cover; }

.project-stat-wrapper {
  background-color: rgba(21, 21, 21, 0.9);
  position: absolute;
  width: 100%;
  height: 100%; }

.project-before-nav {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -1.3vh; }

.project-before-nav a {
  padding: 1.5vh 4vh;
  color: #101010 !important;
  background-color: white;
  transition: .2s ease;
  transform: translateY(50%);
  font-weight: 700; }

.project-before-nav a:hover {
  color: white !important;
  background-color: #212121; }

/*.screen-height{height:100vh}*/
/*.container-fluid{display:inline-block}*/
/*.about .about-quote-right:before{    content: '';
    position: absolute;
    height: 80px;
    width: 2px;
    background-color: #ff3232;
    left: -80px;
    top: 0; }*/
/**/
.about-us-title {
  box-sizing: border-box; }

/**/
/**/
.services-title {
  box-sizing: border-box; }

/**/
/**/
.contact-title {
  box-sizing: border-box; }

/**/
.about-image-one {
  background: url(images/contact-section-1-banner-2.jpg) 50% 0%/cover;
  height: 50vw;
  width: inherit; }

.about-image-three {
  background: url(images/contact-section-4-banner.jpg) 0% 50%/cover;
  height: 50vw;
  width: inherit; }

.about-image-awards {
  background: url(images/awards.svg) 0% 0%/cover;
  height: 50vw;
  width: inherit; }

.about-image-four {
  background: url(images/contact-section-5-banner.jpg) 0% 33.3%/cover;
  height: 50vw;
  /*width: 64vw;*/ }

.about-quote-right {
  position: relative;
  z-index: 1;
  left: 50%;
  width: 50%; }

.about-quote-right-image {
  background: url(images/word-1.svg) 0% 0%/cover;
  height: 50vw;
  width: inherit;
  overflow: hidden; }

.about-quote-img {
  /* margin-left: -32vh; */
  position: absolute;
  /* transform: translateX(-50%); */
  width: 50vw;
  /*margin-top: 32vh;*/
  opacity: .5;
  height: 66.6vw;
  background: url(images/contact-section-2-banner.jpg) 50% 0%/cover;
  /* margin-left: auto; */
  /* margin-right: auto; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /*margin-left: auto;margin-right: auto;*/
  margin: auto;
  z-index: 0; }

.about-paragraph-img {
  width: 100vw;
  /*transform: translateX(-85%);*/
  margin-left: -82vw;
  position: absolute;
  height: 50vw;
  background: url(images/contact-section-3-banner.jpg) 80% 0%/cover; }

.about-paragraph-img img {
  max-width: unset; }

.awards {
  background: linear-gradient(0deg, #101010 50%, whitesmoke 50%);
  position: relative; }

.awards-list {
  position: relative;
  width: 50%;
  left: 50%;
  z-index: 1;
  overflow: hidden; }

/*.awards-list h4{color:#eeeeee!important}*/
/*.half-image-section{position:relative}*/
.awards .half-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /*display:inline-table;*/
  height: 50vw; }

/*.half-image-section .cta-section{position:absolute;bottom: 16vh}*/
.awards .cta-section a {
  padding: 1.5vh 4vh;
  color: #101010;
  background-color: white;
  transition: .2s ease;
  font-weight: 700; }

.awards .cta-section a:hover {
  color: white;
  background-color: #212121; }

.padding-balance-20 {
  padding-left: 2vh;
  padding-right: 2vh;
  box-sizing: border-box; }

.padding-balance-40 {
  padding-left: 4vh;
  padding-right: 4vh;
  box-sizing: border-box; }

.padding-balance-80 {
  padding-left: 8vh;
  padding-right: 8vh;
  box-sizing: border-box; }

.margin-balance-10 {
  margin-left: -2vh !important;
  margin-right: -2vh !important; }

.margin-balance-20 {
  margin-left: -4vh !important;
  margin-right: -4vh !important; }

.margin-balance-80 {
  margin-left: -8vh !important;
  margin-right: -8vh !important; }

#main-content img {
  width: 100%; }

.project-stat {
  display: table-cell;
  width: inherit;
  padding-right: 2vh;
  padding-left: 2vh; }

.project-stat-number {
  line-height: normal;
  font-family: 'Butler','Georgia',serif;
  font-size: 6vw;
  font-weight: 100;
  color: white;
  text-align: center; }

.project-stat-description {
  color: #707070;
  font-weight: 400;
  text-align: center;
  font-size: 2.2vh;
  line-height: 3.4vh; }

.title p {
  color: white;
  font-weight: 700; }

.paragraph p span {
  font-size: 1.8vh;
  line-height: 3vh;
  color: white; }

.about-image-one
.clients .client-wrapper {
  padding-left: 4vh;
  padding-right: 4vh;
  box-sizing: border-box; }

/*.clients p{color:#101010!important}*/
.clients h5:first-child {
  font-weight: 700;
  font-size: 2.4vh;
  line-height: 3.2vh;
  color: #101010 !important; }

.clients h5 {
  color: #969696 !important; }

.clients h5 a {
  font-size: 2.2vh;
  line-height: 3.0vh;
  letter-spacing: .02vh;
  font-weight: 700;
  text-decoration: underline;
  transition: .2s ease;
  -o-transition: .2s ease;
  -ms-transition: .2s ease;
  -moz-transition: .2s ease;
  -webkit-transition: .2s ease;
  color: #969696; }

.clients h5 a:hover {
  color: #101010; }

.clients .clients-margin-adjust {
  margin-bottom: unset; }

.logo-row .row {
  height: 24vh; }

.logo-row img {
  display: block;
  padding-left: 4vh;
  padding-right: 4vh;
  box-sizing: border-box; }

.join-us p {
  font-size: 4vw;
  line-height: 4.8vw;
  color: #101010 !important; }

/*.join-us div:nth-child(2):before {content: '';position: absolute;width: 2px;height:80px;background-color: #ff3232;left: -80px;}*/
.join-us a {
  padding: 1.5vh 4vh;
  color: white;
  background-color: #101010;
  transition: .2s ease;
  float: right;
  font-weight: 700; }

.join-us a:hover {
  color: #101010;
  background-color: #f5f5f5; }

.address-image-one {
  background: url(images/address-1.jpg) 0% 0%/cover;
  height: 66.6vw;
  width: inherit; }

.address-image-two {
  background: url(images/address-2.jpg) 0% 0%/cover;
  height: 66.6vw;
  width: inherit; }

.address-image-three {
  background: url(images/about-section-3-banner.jpg) 0% 100%/cover;
  height: 50vw;
  width: inherit; }

.address-selection-trigger {
  position: absolute;
  width: 100%;
  left: 0; }

.address-selection-trigger .left {
  height: inherit;
  width: 50%;
  float: left;
  position: relative;
  z-index: 1000; }

.left-transformation {
  opacity: 0.5 !important;
  position: relative;
  transform: translateX(8vh) !important;
  -o-transform: translateX(8vh) !important;
  -ms-transform: translateX(8vh) !important;
  -moz-transform: translateX(8vh) !important;
  -webkit-transform: translateX(8vh) !important; }

.address-selection-trigger .right {
  height: inherit;
  width: 50%;
  float: right;
  position: relative;
  z-index: 1000; }

.right-transformation {
  opacity: 0.5 !important;
  position: relative;
  transform: translateX(-8vh) !important;
  -o-transform: translateX(-8vh) !important;
  -ms-transform: translateX(-8vh) !important;
  -moz-transform: translateX(-8vh) !important;
  -webkit-transform: translateX(-8vh) !important; }

.address-selection-image-row {
  margin-left: 0%;
  position: absolute;
  display: flex;
  width: 150%;
  left: 0;
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); }

.address-selection-image-row .headquarter {
  margin-right: 32vh;
  display: block;
  height: 100%;
  width: 100%; }

.address-selection-image-row .operations {
  display: inline-block;
  width: 100%;
  height: 100%; }

.address-selection-image-row img {
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateX(0px);
  opacity: .25; }

.address-selection-image-row .active.headquarter img {
  opacity: 0.95 !important;
  position: relative;
  transform: translateX(0px) !important;
  -o-transform: translateX(0px) !important;
  -ms-transform: translateX(0px) !important;
  -moz-transform: translateX(0px) !important;
  -webkit-transform: translateX(0px) !important; }

.address-selection-image-row .active.operations img {
  opacity: 0.95 !important;
  position: relative;
  transform: translateX(0px) !important;
  -o-transform: translateX(0px) !important;
  -ms-transform: translateX(0px) !important;
  -moz-transform: translateX(0px) !important;
  -webkit-transform: translateX(0px) !important; }

.address-selection h2 {
  font-size: 5vw;
  color: rgba(16, 16, 16, 0);
  -webkit-text-stroke: 1.5px #101010;
  transition: .2s ease;
  -o-transition: .2s ease;
  -ms-transition: .2s ease;
  -moz-transition: .2s ease;
  -webkit-transition: .2s ease;
  font-family: 'Maison Neue','Helvetica','Arial',sans-serif;
  font-weight: 700; }

.wording-transformation {
  color: #101010 !important; }

.address-selection .left {
  text-align: left;
  float: left;
  cursor: pointer; }

.address-selection .right {
  text-align: right;
  float: right;
  cursor: pointer; }

.address-selection-wording {
  width: 100%; }

.address-selection-wording .active h2 {
  color: white !important;
  -webkit-text-stroke: unset; }

.address-headquarter {
  display: inline-block;
  opacity: .25;
  transform: unset;
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%); }

.address-operations {
  display: inline;
  position: absolute;
  opacity: .25;
  transform: unset;
  right: 0;
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); }

.address-info .active {
  opacity: 1; }

.info-transformation {
  opacity: .5; }

.translate-y-negative-50 {
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.translate-x-100 {
  transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%); }

.translate-x-negative-100 {
  transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%); }

.button-group {
  border-collapse: separate;
  border-spacing: 2vh;
  width: 100%;
  table-layout: fixed;
  margin-left: -2vh; }

.button-group td {
  padding: 3vh 4vh;
  background-color: #f5f5f5;
  transition: all .2s ease;
  border: none;
  cursor: pointer; }

.button-group td:hover {
  background: #E1E1E1 !important; }

.button-group td:hover p {
  color: #101010 !important; }

.button-group td.new-business p {
  color: white; }

.button-group td.new-business:hover p {
  color: #101010 !important; }

.button-group td.new-business:hover {
  background: #E1E1E1 !important; }

.button-group h2 {
  color: #969696;
  line-height: 2.6vh;
  display: inline-block;
  font-weight: 400; }

.button-group p {
  font-size: 3.6vh;
  font-weight: 700;
  color: #101010; }

.button-group span {
  float: right;
  font-size: 1.8vh;
  line-height: normal;
  position: relative;
  bottom: 1.8vh;
  font-weight: 700; }

.new-business {
  background-color: #101010 !important; }

.service-wrapper {
  /*height:35.8vh*/ }

.service-wrapper .service-slide {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 64vw; }

.service-wrapper .service-slide.active {
  opacity: 1 !important;
  z-index: 1000;
  pointer-events: all; }

.service-wrapper .service-slide p {
  color: #101010;
  font-weight: 500;
  font-size: 2.4vh;
  line-height: 3.2vh; }

.service-wrapper .service-slide h4 {
  font-family: 'Maison Neue','Helvetica','Arial',sans-serif;
  font-weight: 500;
  color: #101010; }

.service-wrapper .service-slide h3 {
  font-family: 'Maison Neue','Helvetica','Arial',sans-serif;
  font-weight: 700 !important;
  color: #969696 !important; }

.service-wrapper.left-paragraph .title h2 {
  font-weight: 400 !important;
  color: #969696;
  font-family: 'IBM Plex Mono',monospace;
  padding-top: 1vh;
  padding-bottom: 1vh;
  padding-right: 1vh; }

.service-wrapper.left-paragraph .paragraph {
  position: relative;
  /*bottom:1vh;*/
  z-index: 1000; }

.service-wrapper.left-paragraph .paragraph a {
  display: inline-block;
  position: relative;
  font-size: 1.8vh;
  line-height: 2.8vh;
  padding: 1vh;
  color: #101010 !important;
  font-family: "IBM Plex Mono";
  font-weight: 700;
  margin-left: -1vh;
  margin-right: -1vh; }

.service-wrapper.left-paragraph .paragraph a.link::before {
  display: none; }

.section-service-selection {
  width: 92vw;
  margin: auto auto; }

.service-selection-container {
  display: inherit; }

.service-selection table {
  border-spacing: 2vh;
  table-layout: fixed; }

.service-selection table td {
  padding: 2vh;
  background-color: #f5f5f5;
  transition: all .2s ease;
  cursor: pointer; }

.service-selection table td:hover {
  background-color: #E1E1E1; }

.service-selection table td.active {
  background-color: #101010;
  pointer-events: none; }

.service-selection table td.active h2 {
  color: white !important;
  font-weight: 700;
  transition: all .2s ease; }

.service-selection table td.active span {
  color: rgba(245, 245, 245, 0.15) !important;
  transition: all .2s ease; }

.service-selection table td h2 {
  display: inline;
  float: left;
  color: #101010 !important;
  line-height: 2.4vh;
  position: absolute;
  font-weight: 500; }

.service-selection table td span {
  line-height: 7vh;
  height: 5.6vh;
  font-family: 'Butler','Georgia',serif;
  font-size: 6vh;
  font-weight: 100;
  float: right;
  color: rgba(16, 16, 16, 0.05); }

/*.repsonsive-service-selection .service-selection table{border-spacing:unset}*/
.service-selection-swiper-container {
  width: 100%;
  height: inherit;
  display: none; }

.service-selection-swiper-container .service-selection-swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: auto;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  padding: unset;
  opacity: 1;
  /*margin-right:4vw;*/ }

.service-selection-swiper-container table {
  border-spacing: unset; }

/*.service-selection-swiper-container .service-selection table td h2{padding-right:20vh}*/
/*.side-project{background-color:#707070}*/
/*.side-project .text{font-family:'Butler Stencil'}*/
.cta-section button {
  transition: .2s ease; }

.apara-card {
  position: relative; }

.apara-card-white-panel {
  width: 100%;
  height: 16vh;
  position: absolute;
  top: 0;
  background: white; }

#apara-card-white-panel-one {
  background-color: transparent;
  z-index: 3; }

#apara-card-white-panel-two {
  background-color: transparent;
  z-index: 4;
  width: 64vw;
  left: 0;
  right: 0;
  margin: auto; }

.apara-card-banner {
  position: relative;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0; }

.apara-card-banner .rellax-wrapper {
  height: 72vh; }

.apara-card-image {
  background: url(images/services-apara-card-banner.jpg) 50% 0%/cover;
  height: 72vh;
  width: inherit; }

.apara-card-description {
  position: absolute !important;
  bottom: 16vh;
  left: 18vw;
  z-index: 1; }

.apara-card-description p {
  font-size: 2.2vh;
  line-height: 3.0vh; }

.mobile-apara-card-description {
  display: none; }

.mobile-apara-card-description p {
  font-size: 2.2vh;
  line-height: 3.0vh; }

.apara-card-wording {
  z-index: 2;
  position: relative; }

.apara-card .cta-section {
  position: absolute;
  bottom: 16vh;
  right: 18vw;
  z-index: 2; }

.apara-card .cta-section button {
  padding: 1.5vh 4vh;
  color: #101010;
  background-color: white; }

.apara-card .cta-section button:hover {
  color: white;
  background-color: #212121; }

/*.services .socials-wrap{color:white}
.services .light-content .socials li a{color:white}
.services .light-content .copyright-wrap {color: #4a4a4a;}
.services .light-content .copyright-wrap a{color: #4a4a4a!important}*/
.terms-of-use .content p, .terms-of-use .content h1, .terms-of-use .content h2, .terms-of-use .content h3, .terms-of-use .content h4, .terms-of-use .content h5, .terms-of-use .content h6 {
  color: #101010 !important; }

.terms-of-use .content {
  box-sizing: border-box; }

.terms-of-use .content .content-title {
  font-size: 3.6vh;
  line-height: 4.8vh;
  font-weight: 700; }

.terms-of-use .content p {
  margin-top: 4vh;
  margin-bottom: 4vh;
  font-size: 1.8vh;
  line-height: 3vh; }

.terms-of-use .content h3 {
  font-weight: 700;
  text-transform: uppercase; }

.terms-of-use .content ul {
  margin-left: 4vh;
  margin-right: 4vh;
  margin-bottom: 0vh;
  list-style: circle; }

.terms-of-use .content ul li {
  font-size: 1.8vh;
  font-weight: 400;
  line-height: 3vh;
  padding-left: 2vh;
  color: #101010;
  margin-bottom: 0; }

.terms-of-use .content a {
  color: #101010 !important; }

.privacy-policy .content p, .privacy-policy .content h1, .privacy-policy .content h2, .privacy-policy .content h3, .privacy-policy .content h4, .privacy-policy .content h5, .privacy-policy .content h6 {
  color: #101010 !important; }

.privacy-policy .content {
  box-sizing: border-box; }

.privacy-policy .content .content-title {
  font-size: 3.6vh;
  line-height: 4.8vh;
  font-weight: 700; }

.privacy-policy .content p {
  margin-top: 4vh;
  margin-bottom: 4vh;
  font-size: 1.8vh;
  line-height: 3vh; }

.privacy-policy .content h3 {
  font-weight: 700;
  text-transform: uppercase; }

.privacy-policy .content ul {
  margin-left: 4vh;
  margin-right: 4vh;
  margin-bottom: 0vh;
  list-style: circle; }

.privacy-policy .content ul li {
  font-size: 1.8vh;
  font-weight: 400;
  line-height: 3vh;
  padding-left: 2vh;
  color: #101010;
  margin-bottom: 0; }

.privacy-policy .content a {
  color: #101010 !important; }

/*.paragraph li span{position: relative;top:2px}*/
/*.clip-svg {
  clip-path: url(#myClip);
  width: 500px;
  height:500px;
  background:#f5f5f5;
}*/
.mobile-display-unset {
  display: none; }

.mobile-display-inline-block {
  display: none; }

.mobile-display-block {
  display: none; }

.mobile-display-flex {
  display: none; }

.text {
  font-family: 'Butler','Georgia',serif;
  font-weight: 700;
  font-size: 14vw;
  fill: url(#gr-simple);
  /*opacity: 0;*/ }

#font-progress-bar-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  -ms-transition: opacity 0.2s ease-in-out 0.2s;
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  opacity: 1; }

#font-progress-bar-wrapper.hidden {
  opacity: 0; }

/*--------------------------------------------------
	10. Responsive
---------------------------------------------------*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  #rotate-device {
    display: block; } }
/*--------------------------------------------------
	2. About Page
---------------------------------------------------*/
/*.contact .text{font-size:240px;}*/
.about main {
  background-color: white !important; }

.about .company {
  color: #707070 !important; }

.about #page-content {
  background-color: white; }

.about #hero-bg-image {
  opacity: 1 !important; }

.about #hero-bg-image::after {
  height: 100%;
  background: transparent;
  transition: background .2s ease; }

.about .light-content #ball {
  border-color: #101010; }

.about .light-content #ball-loader {
  border-bottom-color: #101010 !important; }

.about #logo svg {
  fill: #707070; }

.about .light-content .hero-title {
  color: #101010 !important;
  -webkit-text-stroke: 1px #101010;
  font-size: 18vw;
  letter-spacing: -.2vw;
  /*letter-spacing:4px;font-family:'Butler Stencil';*/ }

.about .light-content .hero-subtitle {
  color: #101010 !important; }

.about .nectar-scroll-icon path {
  stroke: #101010; }

.about .light-content .scroll-down-wrap.no-border .section-down-arrow:after, .about .light-content .slider-down-arrow.no-border:after {
  border: 2px solid rgba(21, 21, 21, 0.5); }

.about .light-content .scroll-down-wrap.no-border .section-down-arrow:before, .about .light-content .slider-down-arrow.no-border:before {
  background-color: rgba(16, 16, 16, 0.5); }

.about .light-content #menu-burger span {
  background-color: #707070; }

.about #main-page-content p {
  color: white; }

.about .light-content h4 {
  color: #101010 !important; }

.about .about-quote-right h4 {
  color: #eee !important;
  font-weight: 400;
  font-size: 8vw;
  line-height: 8.8vw; }

.about .awards-list h4 {
  color: #eee !important;
  white-space: nowrap;
  font-weight: 400;
  font-size: 8vw;
  line-height: 8.8vw; }

.about .light-content h5 {
  color: #101010; }

.about .light-content .section-black h3 {
  color: white !important; }

.about .light-content .section-black h5 {
  color: white !important; }

.about .light-content .copyright-wrap {
  color: #969696; }

.about .copyright a {
  color: #969696 !important; }

.about .copyright a:hover {
  color: #101010 !important; }

.about .light-content .socials-wrap {
  color: #101010; }

.about .light-content .socials li a {
  color: #101010; }

.about #mc_embed_signup {
  background: #f5f5f5; }

/*.about .text{letter-spacing:4px;font-family:'Butler Stencil';}*/
.about .light-content h3 {
  color: #101010; }

.about .text {
  font-size: 18vw; }

.ball-white {
  border-color: white !important; }

/*--------------------------------------------------
	3. Services Page
---------------------------------------------------*/
/*.contact .text{font-size:240px;}*/
.services main {
  background-color: white !important; }

.services .company {
  color: #707070 !important; }

.services #page-content {
  background-color: white; }

.services #hero-bg-image {
  opacity: 1 !important; }

.services #hero-bg-image::after {
  height: 100%;
  background: transparent;
  transition: background .2s ease; }

.services .light-content #ball {
  border-color: #101010; }

.services .light-content #ball-loader {
  border-bottom-color: #101010 !important; }

.services #logo svg {
  fill: #707070; }

.services .light-content .hero-title {
  color: #101010 !important;
  -webkit-text-stroke: 1px #101010;
  font-size: 18vw;
  letter-spacing: -.2vw; }

.services .light-content .hero-subtitle {
  color: #101010 !important; }

.services .nectar-scroll-icon path {
  stroke: #101010; }

.services .light-content .scroll-down-wrap.no-border .section-down-arrow:after, .services .light-content .slider-down-arrow.no-border:after {
  border: 2px solid rgba(21, 21, 21, 0.5); }

.services .light-content .scroll-down-wrap.no-border .section-down-arrow:before, .services .light-content .slider-down-arrow.no-border:before {
  background-color: rgba(16, 16, 16, 0.5); }

.services .light-content #menu-burger span {
  background-color: #707070; }

/*.services #main-page-content p{color:#969696}*/
/*.services .light-content h3{color:#101010!important;font-weight:400}*/
.services .light-content h4 {
  color: #101010 !important; }

.services .light-content h5 {
  color: #101010 !important; }

.services .new-business h5 {
  color: white !important; }

/*.services .light-content .copyright-wrap{color:#969696}
.services .copyright a{color:#969696!important}
.services .copyright a:hover{color:#101010!important}
.services .light-content .socials-wrap{color:#101010}
.services .light-content .socials li a{color:#101010}*/
.services #mc_embed_signup {
  background: #f5f5f5; }

.services .text {
  font-size: 18vw; }

/*--------------------------------------------------
	4. Contact Page
---------------------------------------------------*/
/*.contact .text{font-size:240px;}*/
.contact main {
  background-color: white !important; }

.contact .company {
  color: #707070 !important; }

.contact #page-content {
  background-color: white; }

.contact #hero-bg-image {
  opacity: 1 !important; }

.contact #hero-bg-image::after {
  height: 100%;
  background: transparent;
  transition: background .2s ease; }

.contact .light-content #ball {
  border-color: #101010; }

.contact .light-content #ball-loader {
  border-bottom-color: #101010 !important; }

.contact #logo svg {
  fill: #707070; }

.contact .light-content .hero-title {
  color: #101010 !important;
  -webkit-text-stroke: 1px #101010;
  font-size: 18vw;
  letter-spacing: -.2vw; }

.contact .light-content .hero-subtitle {
  color: #101010 !important; }

.contact .nectar-scroll-icon path {
  stroke: #101010; }

.contact .light-content .scroll-down-wrap.no-border .section-down-arrow:after, .contact .light-content .slider-down-arrow.no-border:after {
  border: 2px solid rgba(21, 21, 21, 0.5); }

.contact .light-content .scroll-down-wrap.no-border .section-down-arrow:before, .contact .light-content .slider-down-arrow.no-border:before {
  background-color: rgba(16, 16, 16, 0.5); }

.contact .light-content #menu-burger span {
  background-color: #707070; }

/*.contact #main-page-content p{color:#101010}*/
.contact #main-page-content h3 {
  color: #101010; }

.contact .light-content h4 {
  color: #101010 !important; }

.contact .light-content h5 {
  color: #101010 !important; }

.contact .new-business h5 {
  color: white !important; }

.contact .light-content .copyright-wrap {
  color: #969696; }

.contact .copyright a {
  color: #969696 !important; }

.contact .copyright a:hover {
  color: #101010 !important; }

.contact .light-content .socials-wrap {
  color: #101010; }

.contact .light-content .socials li a {
  color: #101010; }

.contact #mc_embed_signup {
  background: #f5f5f5; }

.contact .text {
  font-size: 18vw; }

.ball-black {
  border-color: #101010 !important; }

/*--------------------------------------------------
	5. Terms of Use Page
---------------------------------------------------*/
.terms-of-use main {
  background-color: white !important; }

.terms-of-use .company {
  color: #707070 !important; }

.terms-of-use #page-content {
  background-color: white; }

.terms-of-use #hero-bg-image {
  opacity: 1 !important; }

.terms-of-use #hero-bg-image::after {
  height: 100%;
  background: transparent;
  transition: background .2s ease; }

.terms-of-use .light-content #ball {
  border-color: #101010; }

.terms-of-use .light-content #ball-loader {
  border-bottom-color: #101010 !important; }

.terms-of-use #logo svg {
  fill: #707070; }

.terms-of-use .light-content .hero-title {
  color: #101010 !important;
  -webkit-text-stroke: 1px #101010;
  font-size: 32vh;
  letter-spacing: -.4vh;
  /*letter-spacing:4px;font-family:'Butler Stencil';*/ }

.terms-of-use .light-content .hero-subtitle {
  color: #101010 !important; }

.terms-of-use .nectar-scroll-icon path {
  stroke: #101010; }

.terms-of-use .light-content .scroll-down-wrap.no-border .section-down-arrow:after, .terms-of-use .light-content .slider-down-arrow.no-border:after {
  border: 2px solid rgba(21, 21, 21, 0.5); }

.terms-of-use .light-content .scroll-down-wrap.no-border .section-down-arrow:before, .terms-of-use .light-content .slider-down-arrow.no-border:before {
  background-color: rgba(16, 16, 16, 0.5); }

.terms-of-use .light-content #menu-burger span {
  background-color: #707070; }

.terms-of-use #main-page-content p {
  color: white; }

.terms-of-use .light-content h4 {
  color: #101010 !important; }

.terms-of-use .light-content h5 {
  color: #101010; }

.terms-of-use .light-content .section-black h3 {
  color: white !important; }

.terms-of-use .light-content .section-black h5 {
  color: white !important; }

.terms-of-use .light-content .copyright-wrap {
  color: #969696; }

.terms-of-use .copyright a {
  color: #969696 !important; }

.terms-of-use .copyright a.active {
  color: #101010 !important;
  pointer-events: none; }

.terms-of-use .copyright a:hover {
  color: #101010 !important; }

.terms-of-use .light-content .socials-wrap {
  color: #101010; }

.terms-of-use .light-content .socials li a {
  color: #101010; }

.terms-of-use #mc_embed_signup {
  background: #f5f5f5; }

/*--------------------------------------------------
	5. Privacy Policy Page
---------------------------------------------------*/
.privacy-policy main {
  background-color: white !important; }

.privacy-policy .company {
  color: #707070 !important; }

.privacy-policy #page-content {
  background-color: white; }

.privacy-policy #hero-bg-image {
  opacity: 1 !important; }

.privacy-policy #hero-bg-image::after {
  height: 100%;
  background: transparent;
  transition: background .2s ease; }

.privacy-policy .light-content #ball {
  border-color: #101010; }

.privacy-policy .light-content #ball-loader {
  border-bottom-color: #101010 !important; }

.privacy-policy #logo svg {
  fill: #707070; }

.privacy-policy .light-content .hero-title {
  color: #101010 !important;
  -webkit-text-stroke: 1px #101010;
  font-size: 32vh;
  letter-spacing: -.4vh;
  /*letter-spacing:4px;font-family:'Butler Stencil';*/ }

.privacy-policy .light-content .hero-subtitle {
  color: #101010 !important; }

.privacy-policy .nectar-scroll-icon path {
  stroke: #101010; }

.privacy-policy .light-content .scroll-down-wrap.no-border .section-down-arrow:after, .privacy-policy .light-content .slider-down-arrow.no-border:after {
  border: 2px solid rgba(21, 21, 21, 0.5); }

.privacy-policy .light-content .scroll-down-wrap.no-border .section-down-arrow:before, .privacy-policy .light-content .slider-down-arrow.no-border:before {
  background-color: rgba(16, 16, 16, 0.5); }

.privacy-policy .light-content #menu-burger span {
  background-color: #707070; }

.privacy-policy #main-page-content p {
  color: white; }

.privacy-policy .light-content h4 {
  color: #101010 !important; }

.privacy-policy .light-content h5 {
  color: #101010; }

.privacy-policy .light-content .section-black h3 {
  color: white !important; }

.privacy-policy .light-content .section-black h5 {
  color: white !important; }

.privacy-policy .light-content .copyright-wrap {
  color: #969696; }

.privacy-policy .copyright a {
  color: #969696 !important; }

.privacy-policy .copyright a.active {
  color: #101010 !important;
  pointer-events: none; }

.privacy-policy .copyright a:hover {
  color: #101010 !important; }

.privacy-policy .light-content .socials-wrap {
  color: #101010; }

.privacy-policy .light-content .socials li a {
  color: #101010; }

.privacy-policy #mc_embed_signup {
  background: #f5f5f5; }

/*.container{margin-right:auto;margin-left:auto}@media (min-width:768px){.container{min-width:718px}}@media (min-width:992px){.container{width:892px}}@media (min-width:1200px){.container{width:1100px}}@media (min-width: 1600px){.container{width:1500px}}*/
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 18vw;
  padding-right: 18vw; }

/*@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}*/
/*@media (min-width:768px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}*/
/*--------------------------------------------------
Global - Appearing Items
---------------------------------------------------*/
.has-animation {
  opacity: 0;
  -webkit-transition: translateY(8vh);
  transform: translateY(8vh); }

/*--------------------------------------------------
Global - Ajax Page Transition
---------------------------------------------------*/
main {
  overflow: hidden; }

main .cd-main-content > div {
  height: 100%;
  min-height: 100svh; }

main .cd-main-content {
  width: 100%; }

main .cd-main-content.cd-index > div {
  vertical-align: middle; }

main .cd-main-content.cd-index::after {
  background-color: rgba(64, 137, 166, 0);
  background-image: -webkit-linear-gradient(bottom, #4089a6, rgba(64, 137, 166, 0));
  background-image: linear-gradient(to top, #4089a6, rgba(64, 137, 166, 0)); }

main .cd-main-content.cd-index::before {
  background-color: rgba(64, 137, 166, 0);
  background-image: -webkit-linear-gradient(top, #4089a6, rgba(64, 137, 166, 0));
  background-image: linear-gradient(to bottom, #4089a6, rgba(64, 137, 166, 0)); }

main .cd-main-content.cd-about {
  background-color: #fff; }

main .cd-main-content.cd-about > div {
  padding-top: 50px; }

main .cd-main-content.cd-about::after {
  background-color: rgba(40, 48, 64, 0);
  background-image: -webkit-linear-gradient(bottom, #283040, rgba(40, 48, 64, 0));
  background-image: linear-gradient(to top, #283040, rgba(40, 48, 64, 0)); }

main .cd-main-content.cd-about::before {
  background-color: rgba(40, 48, 64, 0);
  background-image: -webkit-linear-gradient(top, #283040, rgba(40, 48, 64, 0));
  background-image: linear-gradient(to bottom, #283040, rgba(40, 48, 64, 0)); }

.cd-cover-layer, .cd-cover-layer.invisible {
  background-color: transparent; }

.cd-cover-layer {
  position: fixed;
  z-index: 5000;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -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%);
  height: 101%;
  width: 101%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .4s .4s,visibility 0s .4s;
  -moz-transition: opacity .4s .4s,visibility 0s .4s;
  transition: opacity .6s 0s,visibility 0s .4s; }

.page-is-changing .cd-cover-layer {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s,visibility 0s 0s;
  -moz-transition: opacity .3s 0s,visibility 0s 0s;
  transition: opacity .3s .3s,visibility 0s 0s; }

/*--------------------------------------------------
Project Details - Page Navigation
---------------------------------------------------*/
#project-nav {
  height: 50vh;
  width: 100%;
  color: #000;
  position: absolute;
  margin-bottom: 0;
  bottom: 0;
  pointer-events: none; }

.light-content #project-nav {
  color: #fff; }

.next-project-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3; }

.next-project-image {
  position: absolute;
  top: 100%;
  left: 0;
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transform: scale(1) translateY(0%);
  transform: scale(1) translateY(0%); }

.next-project-title {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  box-sizing: border-box;
  left: 0;
  right: 0;
  pointer-events: none; }

.main-title {
  font-size: 14vw;
  line-height: normal;
  font-family: 'Butler','Georgia',serif;
  color: #000;
  -webkit-text-stroke: .11vh #000;
  font-weight: 700;
  position: relative;
  -webkit-transform: translateY(1.5vh);
  transform: translateY(1.5vh);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.light-content .main-title {
  color: #fff;
  -webkit-text-stroke: 1px #fff; }

.main-title span {
  color: transparent; }

.next-project-title:hover .main-title {
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

.main-subtitle {
  font-size: 2.2vh;
  font-weight: 400;
  line-height: 3.4vh;
  color: #000;
  -webkit-transform: translateY(8vh);
  transform: translateY(8vh);
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.light-content .main-subtitle {
  color: #fff; }

.main-subtitle:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #ff3232;
  left: 50%;
  margin-left: -20px;
  top: -20px;
  display: none; }

.light-content .main-subtitle:before {
  background-color: #ff3232; }

.next-project-title:hover .main-subtitle {
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 1; }

/*--------------------------------------------------
Project Details - Video Player
---------------------------------------------------*/
.video-wrapper {
  position: relative;
  box-sizing: border-box;
  min-width: 100%;
  width: 100%;
  height: auto;
  background-size: cover;
  padding: 0;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); }

.video-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity .3s ease-out .05s,height 0s ease-out 0s;
  transition: opacity .3s ease-out .05s,height 0s ease-out 0s;
  background-size: cover; }

.video-cover.hidden {
  opacity: 0;
  height: calc(100% - 50px);
  -webkit-transition: opacity .3s ease-out,height 0s ease-out .3s;
  transition: opacity .3s ease-out,height 0s ease-out .3s; }

.video-wrapper video.bgvid {
  position: relative; }

.full .video-wrapper video.bgvid {
  position: relative;
  margin-top: 50vh;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

.control {
  bottom: 25px;
  color: #ccc;
  display: none;
  left: 0;
  position: absolute;
  width: calc(100% - 40px);
  z-index: 5;
  background-color: #eee;
  padding: 0;
  box-sizing: border-box;
  right: 0;
  margin: 0 auto; }

.full .control {
  bottom: 10px;
  width: calc(100% - 160px); }

.btmControl {
  clear: both; }

.control .sound {
  width: 30px;
  height: 50px;
  float: left;
  cursor: pointer;
  text-align: center;
  line-height: 50px;
  color: #fff;
  opacity: .4;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.control .sound:hover {
  opacity: 1; }

.control .sound i {
  line-height: 50px; }

.control .sound.muted i:first-child {
  display: none; }

.control .sound.muted i:last-child {
  display: block; }

.control .sound i:last-child {
  display: none; }

.control .btnFS {
  width: 50px;
  height: 50px;
  float: left;
  cursor: pointer;
  text-align: center;
  line-height: 50px;
  color: #fff;
  opacity: .4;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.control .btnFS:hover {
  opacity: 1; }

.progress-bar {
  background: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  float: left;
  height: auto;
  width: calc(100% - 123px);
  cursor: pointer;
  bottom: 23px;
  position: absolute;
  left: 23px;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out; }

.video-wrapper:hover .progress-bar {
  opacity: 1; }

.progress {
  height: 2px;
  max-width: 100%;
  position: relative;
  width: 100%; }

.progress span {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block; }

.timeBar {
  z-index: 10;
  width: 0;
  background: #fff; }

.bufferBar {
  z-index: 5;
  width: 0;
  background: rgba(255, 255, 255, 0.2); }

.video-btns {
  position: absolute;
  right: 3px;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.video-wrapper:hover .video-btns {
  opacity: 1; }

.volume {
  position: relative;
  cursor: pointer;
  width: 70px;
  height: 10px;
  float: right;
  margin-top: 10px;
  margin-right: 10px; }

.volumeBar {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

/*--------------------------------------------------
Project Details - Responsive
---------------------------------------------------*/
@media only screen and (max-width: 991px) {
  .full .control {
    bottom: 10px;
    width: calc(100% - 100px); }

  .control {
    display: none; } }

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