@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap');

.container,
.container-fluid {
  margin: 0 auto;
  padding: 0 var(--default-c)
}

.g-y--10,
.g-y--12,
.g-y--13,
.g-y--6,
.g-y--8 {
  display: grid
}

progress,
sub,
sup {
  vertical-align: baseline
}

.underline,
.underline--solid,
a:hover,
abbr[title] {
  text-decoration: underline
}

.underline--dotted,
abbr[title] {
  -webkit-text-decoration: underline dotted
}

input[type=checkbox]::before,
input[type=radio]::before {
  height: 25px;
  width: 25px;
  box-sizing: border-box;
  z-index: 100
}

*,
:after,
:before,
input[type=checkbox]::before,
input[type=radio]::before,
legend {
  box-sizing: border-box
}

button,
hr,
input {
  overflow: visible
}

body.dark-theme,
body.light-theme {
  --white-light: #fff;
  --white-primary: #fff
}

:root,
body.light-theme {
  --slide-minheight: 500px;
  --slide-maxheight: unset
}

.dark-theme.infomode,
.light-theme.infomode {
  --primary: var(--base-color) !important;
  --aqua-a: var(--base-color) !important;
  --aqua-b: var(--base-color) !important;
  --blue-a: var(--base-color) !important;
  --blue-b: var(--base-color) !important;
  --lightblue-white: var(--base-color) !important;
  --main: var(--base-color) !important;
  --main-p: var(--base-color) !important;
  --mainplus-main: var(--base-color) !important;
  --main-mainplus: var(--base-color) !important;
  --primary-light: var(--base-color) !important
}

:root {
  --off: $ off;
  --default-a: 8px;
  --default-b: 13px;
  --default-c: 21px;
  --default-d: 34px;
  --default-e: 55px;
  --default-f: 89px;
  --slide-height: 100vh;
  --base-type: 16px
}

[data-theme=dark] {
  --primary-color: $ light;
  --secondary-color: #818cab;
  --font-color: #e1e1ff;
  --bg-color: #161625;
  --heading-color: #818cab;
  --white-black: $ dark
}


.align-items-auto {
  align-items: auto
}

.align-items--baseline,
.align-items-baseline {
  align-items: baseline
}

.align-items-center {
  align-items: center
}

.align-items-end {
  align-items: end
}

.align-items-flex-end {
  align-items: flex-end
}

.align-items-flex-start {
  align-items: flex-start
}

.align-items-inherit {
  align-items: inherit
}

.align-items-initial {
  align-items: initial
}

.align-items-lagacy {
  align-items: lagacy
}

.align-items-left {
  align-items: left
}

.align-items-normal {
  align-items: normal
}

.align-items-revert {
  align-items: revert
}

.align-items-right {
  align-items: right
}

.align-items-space-around {
  align-items: space-around
}

.align-items-space-between {
  align-items: space-between
}

.align-items-self-end {
  align-items: self-end
}

.align-items-self-start {
  align-items: self-start
}

.align-items-space-evenly {
  align-items: space-evenly
}

.align-items-start {
  align-items: start
}

.align-items-stretch {
  align-items: stretch
}

.align-items-unset {
  align-items: unset
}

.justify-content--auto,
.justify-content-auto {
  justify-content: auto
}

.justify-content-baseline {
  justify-content: baseline
}

.justify-content-center {
  justify-content: center
}

.justify-content-end {
  justify-content: end
}

.justify-content-flex-end {
  justify-content: flex-end
}

.justify-content-flex-start {
  justify-content: flex-start
}

.justify-content-inherit {
  justify-content: inherit
}

.justify-content-initial {
  justify-content: initial
}

.justify-content-lagacy {
  justify-content: lagacy
}

.justify-content-left {
  justify-content: left
}

.justify-content-normal {
  justify-content: normal
}

.justify-content-revert {
  justify-content: revert
}

.justify-content-right {
  justify-content: right
}

.justify-content-space-around {
  justify-content: space-around
}

.justify-content-space-between {
  justify-content: space-between
}

.justify-content-self-end {
  justify-content: self-end
}

.justify-content-self-start {
  justify-content: self-start
}

.justify-content-space-evenly {
  justify-content: space-evenly
}

.justify-content-start {
  justify-content: start
}

.justify-content-stretch {
  justify-content: stretch
}

.justify-content-unset {
  justify-content: unset
}

.align-content-auto {
  align-content: auto
}

.align-content--baseline,
.align-content-baseline {
  align-content: baseline
}

.align-content-center {
  align-content: center
}

.align-content-end {
  align-content: end
}

.align-content-flex-end {
  align-content: flex-end
}

.align-content-flex-start {
  align-content: flex-start
}

.align-content-inherit {
  align-content: inherit
}

.align-content-initial {
  align-content: initial
}

.align-content-lagacy {
  align-content: lagacy
}

.align-content-left {
  align-content: left
}

.align-content-normal {
  align-content: normal
}

.align-content-revert {
  align-content: revert
}

.align-content-right {
  align-content: right
}

.align-content-space-around {
  align-content: space-around
}

.align-content-space-between {
  align-content: space-between
}

.align-content-self-end {
  align-content: self-end
}

.align-content-self-start {
  align-content: self-start
}

.align-content-space-evenly {
  align-content: space-evenly
}

.align-content-start {
  align-content: start
}

.align-content-stretch {
  align-content: stretch
}

.align-content-unset {
  align-content: unset
}

.justify-items--auto,
.justify-items-auto {
  justify-items: auto
}

.justify-items-baseline {
  justify-items: baseline
}

.justify-items-center {
  justify-items: center
}

.justify-items-end {
  justify-items: end
}

.justify-items-flex-end {
  justify-items: flex-end
}

.justify-items-flex-start {
  justify-items: flex-start
}

.justify-items-inherit {
  justify-items: inherit
}

.justify-items-initial {
  justify-items: initial
}

.justify-items-lagacy {
  justify-items: lagacy
}

.justify-items-left {
  justify-items: left
}

.justify-items-normal {
  justify-items: normal
}

.justify-items-revert {
  justify-items: revert
}

.justify-items-right {
  justify-items: right
}

.justify-items-space-around {
  justify-items: space-around
}

.justify-items-space-between {
  justify-items: space-between
}

.justify-items-self-end {
  justify-items: self-end
}

.justify-items-self-start {
  justify-items: self-start
}

.justify-items-space-evenly {
  justify-items: space-evenly
}

.justify-items-start {
  justify-items: start
}

.justify-items-stretch {
  justify-items: stretch
}

.justify-items-unset {
  justify-items: unset
}

.align-self-auto {
  align-self: auto
}

.align-self--baseline,
.align-self-baseline {
  align-self: baseline
}

.align-self-center {
  align-self: center
}

.align-self-end {
  align-self: end
}

.align-self-flex-end {
  align-self: flex-end
}

.align-self-flex-start {
  align-self: flex-start
}

.align-self-inherit {
  align-self: inherit
}

.align-self-initial {
  align-self: initial
}

.align-self-lagacy {
  align-self: lagacy
}

.align-self-left {
  align-self: left
}

.align-self-normal {
  align-self: normal
}

.align-self-revert {
  align-self: revert
}

.align-self-right {
  align-self: right
}

.align-self-space-around {
  align-self: space-around
}

.align-self-space-between {
  align-self: space-between
}

.align-self-self-end {
  align-self: self-end
}

.align-self-self-start {
  align-self: self-start
}

.align-self-space-evenly {
  align-self: space-evenly
}

.align-self-start {
  align-self: start
}

.align-self-stretch {
  align-self: stretch
}

.align-self-unset {
  align-self: unset
}

.container {
  max-width: var(--desktop);
  width: 100%
}

.container-fluid {
  max-width: 100vw
}

.g-x--6 {
  grid-template-columns: repeat(6, minmax(0, 1fr))
}

.g-x--8 {
  grid-template-columns: repeat(8, minmax(0, 1fr))
}

.g-x--10 {
  grid-template-columns: repeat(10, minmax(0, 1fr))
}

.g-x--12 {
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

.g-x--13 {
  grid-template-columns: repeat(13, minmax(0, 1fr))
}

.g-y--6 {
  grid-template-rows: repeat(6, minmax(0, 1fr))
}

.g-y--8 {
  grid-template-rows: repeat(8, minmax(0, 1fr))
}

.g-y--10 {
  grid-template-rows: repeat(10, minmax(0, 1fr))
}

.g-y--12 {
  grid-template-rows: repeat(12, minmax(0, 1fr))
}

.g-y--13 {
  grid-template-rows: repeat(13, minmax(0, 1fr))
}

.g-x--auto {
  grid-column: auto
}

.g-y--auto {
  grid-row: auto
}

.grid > .y--1 {
  grid-row: span 1
}

.grid > .y--2 {
  grid-row: span 2
}

.grid > .y--3 {
  grid-row: span 3
}

.grid > .y--4 {
  grid-row: span 4
}

.grid > .y--5 {
  grid-row: span 5
}

.grid > .y--6 {
  grid-row: span 6
}

.grid > .y--7 {
  grid-row: span 7
}

.grid > .y--8 {
  grid-row: span 8
}

.grid > .y--9 {
  grid-row: span 9
}

.grid > .y--10 {
  grid-row: span 10
}

.grid > .y--11 {
  grid-row: span 11
}

.grid > .y--12 {
  grid-row: span 12
}

.grid > .y--13 {
  grid-row: span 13
}

.grid > .x--1 {
  grid-column: span 1
}

.grid > .x--2 {
  grid-column: span 2
}

.grid > .x--3 {
  grid-column: span 3
}

.grid > .x--4 {
  grid-column: span 4
}

.grid > .x--5 {
  grid-column: span 5
}

.grid > .x--6 {
  grid-column: span 6
}

.grid > .x--7 {
  grid-column: span 7
}

.grid > .x--8 {
  grid-column: span 8
}

.grid > .x--9 {
  grid-column: span 9
}

.grid > .x--10 {
  grid-column: span 10
}

.grid > .x--11 {
  grid-column: span 11
}

.grid > .x--12 {
  grid-column: span 12
}

.grid > .x--13 {
  grid-column: span 13
}

.grid > .x-start--0 {
  grid-column-start: 0
}

.grid > .x-start--1 {
  grid-column-start: 1
}

.grid > .x-start--2 {
  grid-column-start: 2
}

.grid > .x-start--3 {
  grid-column-start: 3
}

.grid > .x-start--4 {
  grid-column-start: 4
}

.grid > .x-start--5 {
  grid-column-start: 5
}

.grid > .x-start--6 {
  grid-column-start: 6
}

.grid > .x-start--7 {
  grid-column-start: 7
}

.grid > .x-start--8 {
  grid-column-start: 8
}

.grid > .x-start--9 {
  grid-column-start: 9
}

.grid > .x-start--10 {
  grid-column-start: 10
}

.grid > .x-start--11 {
  grid-column-start: 11
}

.grid > .x-start--12 {
  grid-column-start: 12
}

.grid > .x-start--13 {
  grid-column-start: 13
}

.grid > .col-end--0 {
  grid-column-end: 0
}

.grid > .col-end--1 {
  grid-column-end: 1
}

.grid > .col-end--2 {
  grid-column-end: 2
}

.grid > .col-end--3 {
  grid-column-end: 3
}

.grid > .col-end--4 {
  grid-column-end: 4
}

.grid > .col-end--5 {
  grid-column-end: 5
}

.grid > .col-end--6 {
  grid-column-end: 6
}

.g-6 .align-right,
.grid > .col-end--7 {
  grid-column-end: 7
}

.grid > .col-end--8 {
  grid-column-end: 8
}

.g-8 .align-right,
.grid > .col-end--9 {
  grid-column-end: 9
}

.grid > .col-end--10 {
  grid-column-end: 10
}

.g-10 .align-right,
.grid > .col-end--11 {
  grid-column-end: 11
}

.grid > .col-end--12 {
  grid-column-end: 12
}

.g-12 .align-right,
.grid > .col-end--13 {
  grid-column-end: 13
}

.gap--0 {
  grid-gap: 0rem;
  gap: 0
}

.gap--1 {
  grid-gap: 0.0625rem;
  gap: .0625rem
}

.gap--2 {
  grid-gap: 0.125rem;
  gap: .125rem
}

.gap--3 {
  grid-gap: 0.1875rem;
  gap: .1875rem
}

.gap--5 {
  grid-gap: 0.3125rem;
  gap: .3125rem
}

.gap--8 {
  grid-gap: 0.5rem;
  gap: .5rem
}

.gap--13 {
  grid-gap: 0.8125rem;
  gap: .8125rem
}

.gap--21 {
  grid-gap: 1.3125rem;
  gap: 1.3125rem
}

.gap--34 {
  grid-gap: 2.125rem;
  gap: 2.125rem
}

.gap--55 {
  grid-gap: 3.4375rem;
  gap: 3.4375rem
}

.gap--89 {
  grid-gap: 5.5625rem;
  gap: 5.5625rem
}

.gap--144 {
  grid-gap: 9rem;
  gap: 9rem
}

.x-gap--0 {
  -moz-column-gap: 0rem;
  column-gap: 0
}

.x-gap--1 {
  -moz-column-gap: 0.0625rem;
  column-gap: .0625rem
}

.x-gap--2 {
  -moz-column-gap: 0.125rem;
  column-gap: .125rem
}

.x-gap--3 {
  -moz-column-gap: 0.1875rem;
  column-gap: .1875rem
}

.x-gap--5 {
  -moz-column-gap: 0.3125rem;
  column-gap: .3125rem
}

.x-gap--8 {
  -moz-column-gap: 0.5rem;
  column-gap: .5rem
}

.x-gap--13 {
  -moz-column-gap: 0.8125rem;
  column-gap: .8125rem
}

.x-gap--21 {
  -moz-column-gap: 1.3125rem;
  column-gap: 1.3125rem
}

.x-gap--34 {
  -moz-column-gap: 2.125rem;
  column-gap: 2.125rem
}

.x-gap--55 {
  -moz-column-gap: 3.4375rem;
  column-gap: 3.4375rem
}

.x-gap--89 {
  -moz-column-gap: 5.5625rem;
  column-gap: 5.5625rem
}

.x-gap--144 {
  -moz-column-gap: 9rem;
  column-gap: 9rem
}

.y-gap--0 {
  row-gap: 0
}

.y-gap--1 {
  row-gap: .0625rem
}

.y-gap--2 {
  row-gap: .125rem
}

.y-gap--3 {
  row-gap: .1875rem
}

.y-gap--5 {
  row-gap: .3125rem
}

.y-gap--8 {
  row-gap: .5rem
}

.y-gap--13 {
  row-gap: .8125rem
}

.y-gap--21 {
  row-gap: 1.3125rem
}

.y-gap--34 {
  row-gap: 2.125rem
}

.y-gap--55 {
  row-gap: 3.4375rem
}

.y-gap--89 {
  row-gap: 5.5625rem
}

.y-gap--144 {
  row-gap: 9rem
}

.flex {
  display: flex
}

.f-x {
  flex-direction: row
}

.f-x--r {
  flex-direction: row-reverse
}

.f-y {
  flex-direction: column
}

.f-y--r {
  flex-direction: column-reverse
}

.f-wrap,
.nowrap,
.wrap {
  flex-wrap: wrap
}

.f-wrap--r {
  flex-wrap: wrap-reverse
}

.flex-grow__1,
.flex > .f-grow--1 {
  flex-grow: 1
}

.flex > .f-grow--2 {
  flex-grow: 2
}

.flex > .f-grow--3 {
  flex-grow: 3
}

.flex > .f-grow--4 {
  flex-grow: 4
}

.flex > .f-grow--5 {
  flex-grow: 5
}

.flex > .f-grow--6 {
  flex-grow: 6
}

.flex > .f-grow--7 {
  flex-grow: 7
}

.flex > .f-grow--8 {
  flex-grow: 8
}

.flex > .f-grow--9 {
  flex-grow: 9
}

.flex > .f-grow--10 {
  flex-grow: 10
}

.flex > .f-grow--11 {
  flex-grow: 11
}

.flex > .f-grow--12 {
  flex-grow: 12
}

.flex > .f-grow--13 {
  flex-grow: 13
}

@media (max-width: 332px) {
  .flex > .col-ss-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important
  }

  .flex > .col-ss-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important
  }

  .flex > .col-ss-3 {
    flex: 0 0 auto;
    width: 25% !important
  }

  .flex > .col-ss-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important
  }

  .flex > .col-ss-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important
  }

  .flex > .col-ss-6 {
    flex: 0 0 auto;
    width: 50% !important
  }

  .flex > .col-ss-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important
  }

  .flex > .col-ss-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important
  }

  .flex > .col-ss-9 {
    flex: 0 0 auto;
    width: 75% !important
  }

  .flex > .col-ss-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important
  }

  .flex > .col-ss-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important
  }

  .flex > .col-ss-12 {
    flex: 0 0 auto;
    width: 100% !important
  }

  .grid > .x-ss--1 {
    grid-column: span 1
  }

  .grid > .x-ss--2 {
    grid-column: span 2
  }

  .grid > .x-ss--3 {
    grid-column: span 3
  }

  .grid > .x-ss--4 {
    grid-column: span 4
  }

  .grid > .x-ss--5 {
    grid-column: span 5
  }

  .grid > .x-ss--6 {
    grid-column: span 6
  }

  .grid > .x-ss--7 {
    grid-column: span 7
  }

  .grid > .x-ss--8 {
    grid-column: span 8
  }

  .grid > .x-ss--9 {
    grid-column: span 9
  }

  .grid > .x-ss--10 {
    grid-column: span 10
  }

  .grid > .x-ss--11 {
    grid-column: span 11
  }

  .grid > .x-ss--12 {
    grid-column: span 12
  }

  .grid > .x-ss--13 {
    grid-column: span 13
  }

  .grid > .y-ss--1 {
    grid-row: span 1
  }

  .grid > .y-ss--2 {
    grid-row: span 2
  }

  .grid > .y-ss--3 {
    grid-row: span 3
  }

  .grid > .y-ss--4 {
    grid-row: span 4
  }

  .grid > .y-ss--5 {
    grid-row: span 5
  }

  .grid > .y-ss--6 {
    grid-row: span 6
  }

  .grid > .y-ss--7 {
    grid-row: span 7
  }

  .grid > .y-ss--8 {
    grid-row: span 8
  }

  .grid > .y-ss--9 {
    grid-row: span 9
  }

  .grid > .y-ss--10 {
    grid-row: span 10
  }

  .grid > .y-ss--11 {
    grid-row: span 11
  }

  .grid > .y-ss--12 {
    grid-row: span 12
  }

  .grid > .y-ss--13 {
    grid-row: span 13
  }

  .flex > .x--1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }
}

@media (max-width: 480px) {
  .flex > .col-xs-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important
  }

  .flex > .col-xs-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important
  }

  .flex > .col-xs-3 {
    flex: 0 0 auto;
    width: 25% !important
  }

  .flex > .col-xs-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important
  }

  .flex > .col-xs-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important
  }

  .flex > .col-xs-6 {
    flex: 0 0 auto;
    width: 50% !important
  }

  .flex > .col-xs-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important
  }

  .flex > .col-xs-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important
  }

  .flex > .col-xs-9 {
    flex: 0 0 auto;
    width: 75% !important
  }

  .flex > .col-xs-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important
  }

  .flex > .col-xs-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important
  }

  .flex > .col-xs-12 {
    flex: 0 0 auto;
    width: 100% !important
  }

  .grid > .x-xs--1 {
    grid-column: span 1
  }

  .grid > .x-xs--2 {
    grid-column: span 2
  }

  .grid > .x-xs--3 {
    grid-column: span 3
  }

  .grid > .x-xs--4 {
    grid-column: span 4
  }

  .grid > .x-xs--5 {
    grid-column: span 5
  }

  .grid > .x-xs--6 {
    grid-column: span 6
  }

  .grid > .x-xs--7 {
    grid-column: span 7
  }

  .grid > .x-xs--8 {
    grid-column: span 8
  }

  .grid > .x-xs--9 {
    grid-column: span 9
  }

  .grid > .x-xs--10 {
    grid-column: span 10
  }

  .grid > .x-xs--11 {
    grid-column: span 11
  }

  .grid > .x-xs--12 {
    grid-column: span 12
  }

  .grid > .x-xs--13 {
    grid-column: span 13
  }

  .grid > .y-xs--1 {
    grid-row: span 1
  }

  .grid > .y-xs--2 {
    grid-row: span 2
  }

  .grid > .y-xs--3 {
    grid-row: span 3
  }

  .grid > .y-xs--4 {
    grid-row: span 4
  }

  .grid > .y-xs--5 {
    grid-row: span 5
  }

  .grid > .y-xs--6 {
    grid-row: span 6
  }

  .grid > .y-xs--7 {
    grid-row: span 7
  }

  .grid > .y-xs--8 {
    grid-row: span 8
  }

  .grid > .y-xs--9 {
    grid-row: span 9
  }

  .grid > .y-xs--10 {
    grid-row: span 10
  }

  .grid > .y-xs--11 {
    grid-row: span 11
  }

  .grid > .y-xs--12 {
    grid-row: span 12
  }

  .grid > .y-xs--13 {
    grid-row: span 13
  }

  .flex > .x--1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }
}

@media (max-width: 576px) {
  .flex > .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important
  }

  .flex > .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important
  }

  .flex > .col-sm-3 {
    flex: 0 0 auto;
    width: 25% !important
  }

  .flex > .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important
  }

  .flex > .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important
  }

  .flex > .col-sm-6 {
    flex: 0 0 auto;
    width: 50% !important
  }

  .flex > .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important
  }

  .flex > .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important
  }

  .flex > .col-sm-9 {
    flex: 0 0 auto;
    width: 75% !important
  }

  .flex > .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important
  }

  .flex > .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important
  }

  .flex > .col-sm-12 {
    flex: 0 0 auto;
    width: 100% !important
  }

  .grid > .x-sm--1 {
    grid-column: span 1
  }

  .grid > .x-sm--2 {
    grid-column: span 2
  }

  .grid > .x-sm--3 {
    grid-column: span 3
  }

  .grid > .x-sm--4 {
    grid-column: span 4
  }

  .grid > .x-sm--5 {
    grid-column: span 5
  }

  .grid > .x-sm--6 {
    grid-column: span 6
  }

  .grid > .x-sm--7 {
    grid-column: span 7
  }

  .grid > .x-sm--8 {
    grid-column: span 8
  }

  .grid > .x-sm--9 {
    grid-column: span 9
  }

  .grid > .x-sm--10 {
    grid-column: span 10
  }

  .grid > .x-sm--11 {
    grid-column: span 11
  }

  .grid > .x-sm--12 {
    grid-column: span 12
  }

  .grid > .x-sm--13 {
    grid-column: span 13
  }

  .grid > .y-sm--1 {
    grid-row: span 1
  }

  .grid > .y-sm--2 {
    grid-row: span 2
  }

  .grid > .y-sm--3 {
    grid-row: span 3
  }

  .grid > .y-sm--4 {
    grid-row: span 4
  }

  .grid > .y-sm--5 {
    grid-row: span 5
  }

  .grid > .y-sm--6 {
    grid-row: span 6
  }

  .grid > .y-sm--7 {
    grid-row: span 7
  }

  .grid > .y-sm--8 {
    grid-row: span 8
  }

  .grid > .y-sm--9 {
    grid-row: span 9
  }

  .grid > .y-sm--10 {
    grid-row: span 10
  }

  .grid > .y-sm--11 {
    grid-row: span 11
  }

  .grid > .y-sm--12 {
    grid-row: span 12
  }

  .grid > .y-sm--13 {
    grid-row: span 13
  }

  .flex > .x--1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }
}

@media (max-width: 768px) {
  .flex > .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important
  }

  .flex > .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important
  }

  .flex > .col-md-3 {
    flex: 0 0 auto;
    width: 25% !important
  }

  .flex > .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important
  }

  .flex > .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important
  }

  .flex > .col-md-6 {
    flex: 0 0 auto;
    width: 50% !important
  }

  .flex > .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important
  }

  .flex > .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important
  }

  .flex > .col-md-9 {
    flex: 0 0 auto;
    width: 75% !important
  }

  .flex > .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important
  }

  .flex > .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important
  }

  .flex > .col-md-12 {
    flex: 0 0 auto;
    width: 100% !important
  }

  .grid > .x-md--1 {
    grid-column: span 1
  }

  .grid > .x-md--2 {
    grid-column: span 2
  }

  .grid > .x-md--3 {
    grid-column: span 3
  }

  .grid > .x-md--4 {
    grid-column: span 4
  }

  .grid > .x-md--5 {
    grid-column: span 5
  }

  .grid > .x-md--6 {
    grid-column: span 6
  }

  .grid > .x-md--7 {
    grid-column: span 7
  }

  .grid > .x-md--8 {
    grid-column: span 8
  }

  .grid > .x-md--9 {
    grid-column: span 9
  }

  .grid > .x-md--10 {
    grid-column: span 10
  }

  .grid > .x-md--11 {
    grid-column: span 11
  }

  .grid > .x-md--12 {
    grid-column: span 12
  }

  .grid > .x-md--13 {
    grid-column: span 13
  }

  .grid > .y-md--1 {
    grid-row: span 1
  }

  .grid > .y-md--2 {
    grid-row: span 2
  }

  .grid > .y-md--3 {
    grid-row: span 3
  }

  .grid > .y-md--4 {
    grid-row: span 4
  }

  .grid > .y-md--5 {
    grid-row: span 5
  }

  .grid > .y-md--6 {
    grid-row: span 6
  }

  .grid > .y-md--7 {
    grid-row: span 7
  }

  .grid > .y-md--8 {
    grid-row: span 8
  }

  .grid > .y-md--9 {
    grid-row: span 9
  }

  .grid > .y-md--10 {
    grid-row: span 10
  }

  .grid > .y-md--11 {
    grid-row: span 11
  }

  .grid > .y-md--12 {
    grid-row: span 12
  }

  .grid > .y-md--13 {
    grid-row: span 13
  }

  .flex > .x--1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .center-x {
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 992px) {
  #face .field-cta-buttons a.btn{
    margin-top:10px;
    margin-left:0;
  }
  .flex > .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important
  }

  .flex > .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important
  }

  .flex > .col-lg-3 {
    flex: 0 0 auto;
    width: 25% !important
  }

  .flex > .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important
  }

  .flex > .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important
  }

  .flex > .col-lg-6 {
    flex: 0 0 auto;
    width: 50% !important
  }

  .flex > .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important
  }

  .flex > .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important
  }

  .flex > .col-lg-9 {
    flex: 0 0 auto;
    width: 75% !important
  }

  .flex > .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important
  }

  .flex > .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important
  }

  .flex > .col-lg-12 {
    flex: 0 0 auto;
    width: 100% !important
  }

  .grid > .x-lg--1 {
    grid-column: span 1
  }

  .grid > .x-lg--2 {
    grid-column: span 2
  }

  .grid > .x-lg--3 {
    grid-column: span 3
  }

  .grid > .x-lg--4 {
    grid-column: span 4
  }

  .grid > .x-lg--5 {
    grid-column: span 5
  }

  .grid > .x-lg--6 {
    grid-column: span 6
  }

  .grid > .x-lg--7 {
    grid-column: span 7
  }

  .grid > .x-lg--8 {
    grid-column: span 8
  }

  .grid > .x-lg--9 {
    grid-column: span 9
  }

  .grid > .x-lg--10 {
    grid-column: span 10
  }

  .grid > .x-lg--11 {
    grid-column: span 11
  }

  .grid > .x-lg--12 {
    grid-column: span 12
  }

  .grid > .x-lg--13 {
    grid-column: span 13
  }

  .grid > .y-lg--1 {
    grid-row: span 1
  }

  .grid > .y-lg--2 {
    grid-row: span 2
  }

  .grid > .y-lg--3 {
    grid-row: span 3
  }

  .grid > .y-lg--4 {
    grid-row: span 4
  }

  .grid > .y-lg--5 {
    grid-row: span 5
  }

  .grid > .y-lg--6 {
    grid-row: span 6
  }

  .grid > .y-lg--7 {
    grid-row: span 7
  }

  .grid > .y-lg--8 {
    grid-row: span 8
  }

  .grid > .y-lg--9 {
    grid-row: span 9
  }

  .grid > .y-lg--10 {
    grid-row: span 10
  }

  .grid > .y-lg--11 {
    grid-row: span 11
  }

  .grid > .y-lg--12 {
    grid-row: span 12
  }

  .grid > .y-lg--13 {
    grid-row: span 13
  }

  .flex > .x--1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }
}

@media (max-width: 1200px) {
  .flex > .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important
  }

  .flex > .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important
  }

  .flex > .col-xl-3 {
    flex: 0 0 auto;
    width: 25% !important
  }

  .flex > .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important
  }

  .flex > .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important
  }

  .flex > .col-xl-6 {
    flex: 0 0 auto;
    width: 50% !important
  }

  .flex > .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important
  }

  .flex > .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important
  }

  .flex > .col-xl-9 {
    flex: 0 0 auto;
    width: 75% !important
  }

  .flex > .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important
  }

  .flex > .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important
  }

  .flex > .col-xl-12 {
    flex: 0 0 auto;
    width: 100% !important
  }

  .grid > .x-xl--1 {
    grid-column: span 1
  }

  .grid > .x-xl--2 {
    grid-column: span 2
  }

  .grid > .x-xl--3 {
    grid-column: span 3
  }

  .grid > .x-xl--4 {
    grid-column: span 4
  }

  .grid > .x-xl--5 {
    grid-column: span 5
  }

  .grid > .x-xl--6 {
    grid-column: span 6
  }

  .grid > .x-xl--7 {
    grid-column: span 7
  }

  .grid > .x-xl--8 {
    grid-column: span 8
  }

  .grid > .x-xl--9 {
    grid-column: span 9
  }

  .grid > .x-xl--10 {
    grid-column: span 10
  }

  .grid > .x-xl--11 {
    grid-column: span 11
  }

  .grid > .x-xl--12 {
    grid-column: span 12
  }

  .grid > .x-xl--13 {
    grid-column: span 13
  }

  .grid > .y-xl--1 {
    grid-row: span 1
  }

  .grid > .y-xl--2 {
    grid-row: span 2
  }

  .grid > .y-xl--3 {
    grid-row: span 3
  }

  .grid > .y-xl--4 {
    grid-row: span 4
  }

  .grid > .y-xl--5 {
    grid-row: span 5
  }

  .grid > .y-xl--6 {
    grid-row: span 6
  }

  .grid > .y-xl--7 {
    grid-row: span 7
  }

  .grid > .y-xl--8 {
    grid-row: span 8
  }

  .grid > .y-xl--9 {
    grid-row: span 9
  }

  .grid > .y-xl--10 {
    grid-row: span 10
  }

  .grid > .y-xl--11 {
    grid-row: span 11
  }

  .grid > .y-xl--12 {
    grid-row: span 12
  }

  .grid > .y-xl--13 {
    grid-row: span 13
  }

  .flex > .x--1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }
}

@media (max-width: 1920px) {
  .flex > .col-xx-1 {
    flex: 0 0 auto;
    width: 8.3333333333% !important
  }

  .flex > .col-xx-2 {
    flex: 0 0 auto;
    width: 16.6666666667% !important
  }

  .flex > .col-xx-3 {
    flex: 0 0 auto;
    width: 25% !important
  }

  .flex > .col-xx-4 {
    flex: 0 0 auto;
    width: 33.3333333333% !important
  }

  .flex > .col-xx-5 {
    flex: 0 0 auto;
    width: 41.6666666667% !important
  }

  .flex > .col-xx-6 {
    flex: 0 0 auto;
    width: 50% !important
  }

  .flex > .col-xx-7 {
    flex: 0 0 auto;
    width: 58.3333333333% !important
  }

  .flex > .col-xx-8 {
    flex: 0 0 auto;
    width: 66.6666666667% !important
  }

  .flex > .col-xx-9 {
    flex: 0 0 auto;
    width: 75% !important
  }

  .flex > .col-xx-10 {
    flex: 0 0 auto;
    width: 83.3333333333% !important
  }

  .flex > .col-xx-11 {
    flex: 0 0 auto;
    width: 91.6666666667% !important
  }

  .flex > .col-xx-12 {
    flex: 0 0 auto;
    width: 100% !important
  }

  .grid > .x-xx--1 {
    grid-column: span 1
  }

  .grid > .x-xx--2 {
    grid-column: span 2
  }

  .grid > .x-xx--3 {
    grid-column: span 3
  }

  .grid > .x-xx--4 {
    grid-column: span 4
  }

  .grid > .x-xx--5 {
    grid-column: span 5
  }

  .grid > .x-xx--6 {
    grid-column: span 6
  }

  .grid > .x-xx--7 {
    grid-column: span 7
  }

  .grid > .x-xx--8 {
    grid-column: span 8
  }

  .grid > .x-xx--9 {
    grid-column: span 9
  }

  .grid > .x-xx--10 {
    grid-column: span 10
  }

  .grid > .x-xx--11 {
    grid-column: span 11
  }

  .grid > .x-xx--12 {
    grid-column: span 12
  }

  .grid > .x-xx--13 {
    grid-column: span 13
  }

  .grid > .y-xx--1 {
    grid-row: span 1
  }

  .grid > .y-xx--2 {
    grid-row: span 2
  }

  .grid > .y-xx--3 {
    grid-row: span 3
  }

  .grid > .y-xx--4 {
    grid-row: span 4
  }

  .grid > .y-xx--5 {
    grid-row: span 5
  }

  .grid > .y-xx--6 {
    grid-row: span 6
  }

  .grid > .y-xx--7 {
    grid-row: span 7
  }

  .grid > .y-xx--8 {
    grid-row: span 8
  }

  .grid > .y-xx--9 {
    grid-row: span 9
  }

  .grid > .y-xx--10 {
    grid-row: span 10
  }

  .grid > .y-xx--11 {
    grid-row: span 11
  }

  .grid > .y-xx--12 {
    grid-row: span 12
  }

  .grid > .y-xx--13 {
    grid-row: span 13
  }

  .flex > .x--1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }
}

@media (max-width: 332px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
}

@media (max-width: 480px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
}

@media (max-width: 576px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
}

@media (max-width: 768px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
}

@media (max-width: 992px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
}

@media (max-width: 1200px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
}

@media (max-width: 1920px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
}

@media (max-width: 332px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 25%
  }
}

@media (max-width: 480px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 25%
  }
}

@media (max-width: 576px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 25%
  }
}

@media (max-width: 768px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 25%
  }
}

@media (max-width: 992px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 25%
  }
}

@media (max-width: 1200px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 25%
  }
}

@media (max-width: 1920px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 25%
  }
}

@media (max-width: 332px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
}

@media (max-width: 480px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
}

@media (max-width: 576px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
}

@media (max-width: 768px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
}

@media (max-width: 992px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
}

@media (max-width: 1200px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
}

@media (max-width: 1920px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
}

@media (max-width: 332px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }
}

@media (max-width: 480px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }
}

@media (max-width: 576px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }
}

@media (max-width: 768px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }
}

@media (max-width: 992px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }
}

@media (max-width: 1200px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }
}

@media (max-width: 1920px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }
}

@media (max-width: 332px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 50%
  }
}

@media (max-width: 480px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 50%
  }
}

@media (max-width: 576px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 50%
  }
}

@media (max-width: 768px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 50%
  }
}

@media (max-width: 992px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 50%
  }
}

@media (max-width: 1200px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 50%
  }
}

@media (max-width: 1920px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 50%
  }
}

@media (max-width: 332px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }
}

@media (max-width: 480px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }
}

@media (max-width: 576px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }
}

@media (max-width: 768px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }
}

@media (max-width: 992px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }
}

@media (max-width: 1200px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }
}

@media (max-width: 1920px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }
}

@media (max-width: 332px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }
}

@media (max-width: 480px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }
}

@media (max-width: 576px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }
}

@media (max-width: 768px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }
}

@media (max-width: 992px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }
}

@media (max-width: 1200px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }
}

@media (max-width: 1920px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }
}

@media (max-width: 332px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 75%
  }
}

@media (max-width: 480px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 75%
  }
}

@media (max-width: 576px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 75%
  }
}

@media (max-width: 768px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 75%
  }
}

@media (max-width: 992px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 75%
  }
}

@media (max-width: 1200px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 75%
  }
}

@media (max-width: 1920px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 75%
  }
}

@media (max-width: 332px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }
}

@media (max-width: 480px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }
}

@media (max-width: 576px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }
}

@media (max-width: 768px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }
}

@media (max-width: 992px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }
}

@media (max-width: 1200px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }
}

@media (max-width: 1920px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }
}

@media (max-width: 332px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }
}

@media (max-width: 480px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }
}

@media (max-width: 576px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }
}

@media (max-width: 768px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }
}

@media (max-width: 992px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }
}

@media (max-width: 1200px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }
}

@media (max-width: 1920px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }
}

@media (max-width: 332px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 480px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 576px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 768px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 992px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 1200px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 1920px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 332px) {
  .flex > .x--1 {
    flex: 0 0 auto;
    width: 7.6923076923%
  }
}

@media (max-width: 480px) {
  .flex > .x--1 {
    flex: 0 0 auto;
    width: 7.6923076923%
  }
}

@media (max-width: 576px) {
  .flex > .x--1 {
    flex: 0 0 auto;
    width: 7.6923076923%
  }
}

@media (max-width: 768px) {
  .flex > .x--1 {
    flex: 0 0 auto;
    width: 7.6923076923%
  }
}

@media (max-width: 992px) {
  .flex > .x--1 {
    flex: 0 0 auto;
    width: 7.6923076923%
  }
}

@media (max-width: 1200px) {
  .flex > .x--1 {
    flex: 0 0 auto;
    width: 7.6923076923%
  }
}

@media (max-width: 1920px) {
  .flex > .x--1 {
    flex: 0 0 auto;
    width: 7.6923076923%
  }
}

@media (max-width: 332px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 15.3846153846%
  }
}

@media (max-width: 480px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 15.3846153846%
  }
}

@media (max-width: 576px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 15.3846153846%
  }
}

@media (max-width: 768px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 15.3846153846%
  }
}

@media (max-width: 992px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 15.3846153846%
  }
}

@media (max-width: 1200px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 15.3846153846%
  }
}

@media (max-width: 1920px) {
  .flex > .x--2 {
    flex: 0 0 auto;
    width: 15.3846153846%
  }
}

@media (max-width: 332px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 23.0769230769%
  }
}

@media (max-width: 480px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 23.0769230769%
  }
}

@media (max-width: 576px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 23.0769230769%
  }
}

@media (max-width: 768px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 23.0769230769%
  }
}

@media (max-width: 992px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 23.0769230769%
  }
}

@media (max-width: 1200px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 23.0769230769%
  }
}

@media (max-width: 1920px) {
  .flex > .x--3 {
    flex: 0 0 auto;
    width: 23.0769230769%
  }
}

@media (max-width: 332px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 30.7692307692%
  }
}

@media (max-width: 480px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 30.7692307692%
  }
}

@media (max-width: 576px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 30.7692307692%
  }
}

@media (max-width: 768px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 30.7692307692%
  }
}

@media (max-width: 992px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 30.7692307692%
  }
}

@media (max-width: 1200px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 30.7692307692%
  }
}

@media (max-width: 1920px) {
  .flex > .x--4 {
    flex: 0 0 auto;
    width: 30.7692307692%
  }
}

@media (max-width: 332px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 38.4615384615%
  }
}

@media (max-width: 480px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 38.4615384615%
  }
}

@media (max-width: 576px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 38.4615384615%
  }
}

@media (max-width: 768px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 38.4615384615%
  }
}

@media (max-width: 992px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 38.4615384615%
  }
}

@media (max-width: 1200px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 38.4615384615%
  }
}

@media (max-width: 1920px) {
  .flex > .x--5 {
    flex: 0 0 auto;
    width: 38.4615384615%
  }
}

@media (max-width: 332px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 46.1538461538%
  }
}

@media (max-width: 480px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 46.1538461538%
  }
}

@media (max-width: 576px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 46.1538461538%
  }
}

@media (max-width: 768px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 46.1538461538%
  }
}

@media (max-width: 992px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 46.1538461538%
  }
}

@media (max-width: 1200px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 46.1538461538%
  }
}

@media (max-width: 1920px) {
  .flex > .x--6 {
    flex: 0 0 auto;
    width: 46.1538461538%
  }
}

@media (max-width: 332px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 53.8461538462%
  }
}

@media (max-width: 480px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 53.8461538462%
  }
}

@media (max-width: 576px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 53.8461538462%
  }
}

@media (max-width: 768px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 53.8461538462%
  }
}

@media (max-width: 992px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 53.8461538462%
  }
}

@media (max-width: 1200px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 53.8461538462%
  }
}

@media (max-width: 1920px) {
  .flex > .x--7 {
    flex: 0 0 auto;
    width: 53.8461538462%
  }
}

@media (max-width: 332px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 61.5384615385%
  }
}

@media (max-width: 480px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 61.5384615385%
  }
}

@media (max-width: 576px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 61.5384615385%
  }
}

@media (max-width: 768px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 61.5384615385%
  }
}

@media (max-width: 992px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 61.5384615385%
  }
}

@media (max-width: 1200px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 61.5384615385%
  }
}

@media (max-width: 1920px) {
  .flex > .x--8 {
    flex: 0 0 auto;
    width: 61.5384615385%
  }
}

@media (max-width: 332px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 69.2307692308%
  }
}

@media (max-width: 480px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 69.2307692308%
  }
}

@media (max-width: 576px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 69.2307692308%
  }
}

@media (max-width: 768px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 69.2307692308%
  }
}

@media (max-width: 992px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 69.2307692308%
  }
}

@media (max-width: 1200px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 69.2307692308%
  }
}

@media (max-width: 1920px) {
  .flex > .x--9 {
    flex: 0 0 auto;
    width: 69.2307692308%
  }
}

@media (max-width: 332px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 76.9230769231%
  }
}

@media (max-width: 480px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 76.9230769231%
  }
}

@media (max-width: 576px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 76.9230769231%
  }
}

@media (max-width: 768px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 76.9230769231%
  }
}

@media (max-width: 992px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 76.9230769231%
  }
}

@media (max-width: 1200px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 76.9230769231%
  }
}

@media (max-width: 1920px) {
  .flex > .x--10 {
    flex: 0 0 auto;
    width: 76.9230769231%
  }
}

@media (max-width: 332px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 84.6153846154%
  }
}

@media (max-width: 480px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 84.6153846154%
  }
}

@media (max-width: 576px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 84.6153846154%
  }
}

@media (max-width: 768px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 84.6153846154%
  }
}

@media (max-width: 992px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 84.6153846154%
  }
}

@media (max-width: 1200px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 84.6153846154%
  }
}

@media (max-width: 1920px) {
  .flex > .x--11 {
    flex: 0 0 auto;
    width: 84.6153846154%
  }
}

@media (max-width: 332px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 92.3076923077%
  }
}

@media (max-width: 480px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 92.3076923077%
  }
}

@media (max-width: 576px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 92.3076923077%
  }
}

@media (max-width: 768px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 92.3076923077%
  }
}

@media (max-width: 992px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 92.3076923077%
  }
}

@media (max-width: 1200px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 92.3076923077%
  }
}

@media (max-width: 1920px) {
  .flex > .x--12 {
    flex: 0 0 auto;
    width: 92.3076923077%
  }
}

@media (max-width: 332px) {
  .flex > .x--13 {
    flex: 0 0 auto;
    width: 100%
  }

  .hide--ss {
    display: none
  }
}

@media (max-width: 480px) {
  .flex > .x--13 {
    flex: 0 0 auto;
    width: 100%
  }

  .hide--xs {
    display: none
  }
}

@media (max-width: 576px) {
  .flex > .x--13 {
    flex: 0 0 auto;
    width: 100%
  }

  .hide--sm {
    display: none
  }
}

@media (max-width: 768px) {
  .flex > .x--13 {
    flex: 0 0 auto;
    width: 100%
  }

  .hide--md {
    display: none
  }
}

@media (max-width: 992px) {
  .flex > .x--13 {
    flex: 0 0 auto;
    width: 100%
  }

  .hide--lg {
    display: none
  }
}

@media (max-width: 1200px) {
  .flex > .x--13 {
    flex: 0 0 auto;
    width: 100%
  }

  .hide--xl {
    display: none
  }
}

.flex > .f-basis--0 {
  flex-basis: -0.1999992%
}

.flex > .f-basis--1 {
  flex-basis: 9.8000008%
}

.flex > .f-basis--2 {
  flex-basis: 19.8000008%
}

.flex > .f-basis--3 {
  flex-basis: 29.8000008%
}

.flex > .f-basis--4 {
  flex-basis: 39.8000008%
}

.flex > .f-basis--5 {
  flex-basis: 49.8000008%
}

.flex > .f-basis--6 {
  flex-basis: 59.8000008%
}

.flex > .f-basis--7 {
  flex-basis: 69.8000008%
}

.flex > .f-basis--8 {
  flex-basis: 79.8000008%
}

.flex > .f-basis--9 {
  flex-basis: 89.8000008%
}

.flex > .f-basis--10 {
  flex-basis: 99.8000008%
}

.flex > .f-basis--11 {
  flex-basis: 109.8000008%
}

.flex > .f-basis--12 {
  flex-basis: 119.8000008%
}

.flex > .f-basis--auto {
  flex-basis: "auto"
}

.flex > .f-basis--max-content {
  flex-basis: "max-content"
}

.flex > .f-basis--min-content {
  flex-basis: "min-content"
}

.flex > .f-basis--fit-content {
  flex-basis: "fit-content"
}

.flex > .f-basis--content {
  flex-basis: "content"
}

.flex > .f-basis--inherit {
  flex-basis: "inherit"
}

.flex > .f-basis--initial {
  flex-basis: "initial"
}

.flex > .f-basis--revert {
  flex-basis: "revert"
}

.flex > .f-basis--revert-layer {
  flex-basis: "revert-layer"
}

.flex > .f-basis--unset {
  flex-basis: "unset"
}

.g-13 .align-right {
  grid-column-end: 14
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  /*margin: 0;*/
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1.2
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

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

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

hr {
  box-sizing: content-box;
  height: 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  color: #0059e9;
  text-decoration: none
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

.dec__80,
small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.2;
  margin: 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

.caption,
.title,
body,
html {
  font-family: "Open Sans", sans-serif
}

.dark-theme.infomode .btn,
.light-theme.infomode .btn {
  line-height: 30px !important
}

summary {
  display: list-item
}

.feature .off,
.feature:hover #feature-icon,
[hidden],
template {
  display: none
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}

.simplebar-mask,
.simplebar-offset {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  top: 0;
  bottom: 0
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}

.simplebar-mask {
  direction: inherit;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
  z-index: 0
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0
}

.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #011750;
  box-shadow: 0 0 8px 3px rgba(224, 224, 224, .45);
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
  transition: opacity linear
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.p--0 {
  padding: 0
}

.p--1 {
  padding: .0625rem
}

.p--2 {
  padding: .125rem
}

.p--3 {
  padding: .1875rem
}

.p--5 {
  padding: .3125rem
}

.p--8 {
  padding: .5rem
}

.p--13 {
  padding: .8125rem
}

.p--21 {
  padding: 1.3125rem
}

.p--34 {
  padding: 2.125rem
}

.p--55 {
  padding: 3.4375rem
}

.p--89 {
  padding: 5.5625rem
}

.p--144 {
  padding: 9rem
}

.p--0p {
  padding: 0
}

.p--5p {
  padding: 5%
}

.p--10p {
  padding: 10%
}

.p--15p {
  padding: 15%
}

.p--20p {
  padding: 20%
}

.p--25p {
  padding: 25%
}

.p--30p {
  padding: 30%
}

.p--35p {
  padding: 35%
}

.p--40p {
  padding: 40%
}

.p--45p {
  padding: 45%
}

.p--50p {
  padding: 50%
}

.p--55p {
  padding: 55%
}

.p--60p {
  padding: 60%
}

.p--65p {
  padding: 65%
}

.p--70p {
  padding: 70%
}

.p--75p {
  padding: 75%
}

.p--80p {
  padding: 80%
}

.p--85p {
  padding: 85%
}

.p--90p {
  padding: 90%
}

.p--95p {
  padding: 95%
}

.p--100p {
  padding: 100%
}

.p-top--0 {
  padding-top: 0
}

.p-top--1 {
  padding-top: .0625rem
}

.p-top--2 {
  padding-top: .125rem
}

.p-top--3 {
  padding-top: .1875rem
}

.p-top--5 {
  padding-top: .3125rem
}

.default-padding-top-a,
.p-top--8 {
  padding-top: .5rem
}

.default-padding-top-b,
.p-top--13 {
  padding-top: .8125rem
}

.default-padding-top-c,
.p-top--21 {
  padding-top: 1.3125rem
}

.default-padding-top-d,
.p-top--34 {
  padding-top: 2.125rem
}

.p-top--55 {
  padding-top: 3.4375rem
}

.p-top--89 {
  padding-top: 5.5625rem
}

.p-top--144 {
  padding-top: 9rem
}

.p-right--0 {
  padding-right: 0
}

.p-right--1 {
  padding-right: .0625rem
}

.p-right--2 {
  padding-right: .125rem
}

.p-right--3 {
  padding-right: .1875rem
}

.p-right--5 {
  padding-right: .3125rem
}

.default-padding-right-a,
.p-right--8 {
  padding-right: .5rem
}

.default-padding-right-b,
.p-right--13 {
  padding-right: .8125rem
}

.default-padding-right-c,
.p-right--21 {
  padding-right: 1.3125rem
}

.default-padding-right-d,
.p-right--34 {
  padding-right: 2.125rem
}

.p-right--55 {
  padding-right: 3.4375rem
}

.p-right--89 {
  padding-right: 5.5625rem
}

.p-right--144 {
  padding-right: 9rem
}

.p-bottom--0 {
  padding-bottom: 0
}

.p-bottom--1 {
  padding-bottom: .0625rem
}

.p-bottom--2 {
  padding-bottom: .125rem
}

.p-bottom--3 {
  padding-bottom: .1875rem
}

.p-bottom--5 {
  padding-bottom: .3125rem
}

.default-padding-bottom-a,
.p-bottom--8 {
  padding-bottom: .5rem
}

.default-padding-bottom-b,
.p-bottom--13 {
  padding-bottom: .8125rem
}

.default-padding-bottom-c,
.p-bottom--21 {
  padding-bottom: 1.3125rem
}

.default-padding-bottom-d,
.p-bottom--34 {
  padding-bottom: 2.125rem
}

.p-bottom--55 {
  padding-bottom: 3.4375rem
}

.p-bottom--89 {
  padding-bottom: 5.5625rem
}

.p-bottom--144 {
  padding-bottom: 9rem
}

.p-left--0 {
  padding-left: 0
}

.p-left--1 {
  padding-left: .0625rem
}

.p-left--2 {
  padding-left: .125rem
}

.p-left--3 {
  padding-left: .1875rem
}

.p-left--5 {
  padding-left: .3125rem
}

.default-padding-left-a,
.p-left--8 {
  padding-left: .5rem
}

.default-padding-left-b,
.p-left--13 {
  padding-left: .8125rem
}

.default-padding-left-c,
.p-left--21 {
  padding-left: 1.3125rem
}

.default-padding-left-d,
.p-left--34 {
  padding-left: 2.125rem
}

.p-left--55 {
  padding-left: 3.4375rem
}

.p-left--89 {
  padding-left: 5.5625rem
}

.p-left--144 {
  padding-left: 9rem
}

.p-top--0p {
  padding-top: 0
}

.p-top--5p {
  padding-top: 5%
}

.p-top--10p {
  padding-top: 10%
}

.p-top--15p {
  padding-top: 15%
}

.p-top--20p {
  padding-top: 20%
}

.p-top--25p {
  padding-top: 25%
}

.p-top--30p {
  padding-top: 30%
}

.p-top--35p {
  padding-top: 35%
}

.p-top--40p {
  padding-top: 40%
}

.p-top--45p {
  padding-top: 45%
}

.p-top--50p {
  padding-top: 50%
}

.p-top--55p {
  padding-top: 55%
}

.p-top--60p {
  padding-top: 60%
}

.p-top--65p {
  padding-top: 65%
}

.p-top--70p {
  padding-top: 70%
}

.p-top--75p {
  padding-top: 75%
}

.p-top--80p {
  padding-top: 80%
}

.p-top--85p {
  padding-top: 85%
}

.p-top--90p {
  padding-top: 90%
}

.p-top--95p {
  padding-top: 95%
}

.p-top--100p {
  padding-top: 100%
}

.p-right--0p {
  padding-right: 0
}

.p-right--5p {
  padding-right: 5%
}

.p-right--10p {
  padding-right: 10%
}

.p-right--15p {
  padding-right: 15%
}

.p-right--20p {
  padding-right: 20%
}

.p-right--25p {
  padding-right: 25%
}

.p-right--30p {
  padding-right: 30%
}

.p-right--35p {
  padding-right: 35%
}

.p-right--40p {
  padding-right: 40%
}

.p-right--45p {
  padding-right: 45%
}

.p-right--50p {
  padding-right: 50%
}

.p-right--55p {
  padding-right: 55%
}

.p-right--60p {
  padding-right: 60%
}

.p-right--65p {
  padding-right: 65%
}

.p-right--70p {
  padding-right: 70%
}

.p-right--75p {
  padding-right: 75%
}

.p-right--80p {
  padding-right: 80%
}

.p-right--85p {
  padding-right: 85%
}

.p-right--90p {
  padding-right: 90%
}

.p-right--95p {
  padding-right: 95%
}

.p-right--100p {
  padding-right: 100%
}

.p-bottom--0p {
  padding-bottom: 0
}

.p-bottom--5p {
  padding-bottom: 5%
}

.p-bottom--10p {
  padding-bottom: 10%
}

.p-bottom--15p {
  padding-bottom: 15%
}

.p-bottom--20p {
  padding-bottom: 20%
}

.p-bottom--25p {
  padding-bottom: 25%
}

.p-bottom--30p {
  padding-bottom: 30%
}

.p-bottom--35p {
  padding-bottom: 35%
}

.p-bottom--40p {
  padding-bottom: 40%
}

.p-bottom--45p {
  padding-bottom: 45%
}

.p-bottom--50p {
  padding-bottom: 50%
}

.p-bottom--55p {
  padding-bottom: 55%
}

.p-bottom--60p {
  padding-bottom: 60%
}

.p-bottom--65p {
  padding-bottom: 65%
}

.p-bottom--70p {
  padding-bottom: 70%
}

.p-bottom--75p {
  padding-bottom: 75%
}

.p-bottom--80p {
  padding-bottom: 80%
}

.p-bottom--85p {
  padding-bottom: 85%
}

.p-bottom--90p {
  padding-bottom: 90%
}

.p-bottom--95p {
  padding-bottom: 95%
}

.p-bottom--100p {
  padding-bottom: 100%
}

.p-left--0p {
  padding-left: 0
}

.p-left--5p {
  padding-left: 5%
}

.p-left--10p {
  padding-left: 10%
}

.p-left--15p {
  padding-left: 15%
}

.p-left--20p {
  padding-left: 20%
}

.p-left--25p {
  padding-left: 25%
}

.p-left--30p {
  padding-left: 30%
}

.p-left--35p {
  padding-left: 35%
}

.p-left--40p {
  padding-left: 40%
}

.p-left--45p {
  padding-left: 45%
}

.p-left--50p {
  padding-left: 50%
}

.p-left--55p {
  padding-left: 55%
}

.p-left--60p {
  padding-left: 60%
}

.p-left--65p {
  padding-left: 65%
}

.p-left--70p {
  padding-left: 70%
}

.p-left--75p {
  padding-left: 75%
}

.p-left--80p {
  padding-left: 80%
}

.p-left--85p {
  padding-left: 85%
}

.p-left--90p {
  padding-left: 90%
}

.p-left--95p {
  padding-left: 95%
}

.p-left--100p {
  padding-left: 100%
}

.p-child--0 > * {
  padding: 0
}

.p-child--1 > * {
  padding: .0625rem
}

.p-child--2 > * {
  padding: .125rem
}

.p-child--3 > * {
  padding: .1875rem
}

.p-child--5 > * {
  padding: .3125rem
}

.default-padding-a,
.p-child--8 > * {
  padding: .5rem
}

.default-padding-b,
.p-child--13 > * {
  padding: .8125rem
}

.default-padding-c,
.p-child--21 > * {
  padding: 1.3125rem
}

.default-padding-d,
.p-child--34 > * {
  padding: 2.125rem
}

.p-child--55 > * {
  padding: 3.4375rem
}

.p-child--89 > * {
  padding: 5.5625rem
}

.p-child--144 > * {
  padding: 9rem
}

.m--0p {
  margin: 0
}

.m--5p {
  margin: 5%
}

.m--10p {
  margin: 10%
}

.m--15p {
  margin: 15%
}

.m--20p {
  margin: 20%
}

.m--25p {
  margin: 25%
}

.m--30p {
  margin: 30%
}

.m--35p {
  margin: 35%
}

.m--40p {
  margin: 40%
}

.m--45p {
  margin: 45%
}

.m--50p {
  margin: 50%
}

.m--55p {
  margin: 55%
}

.m--60p {
  margin: 60%
}

.m--65p {
  margin: 65%
}

.m--70p {
  margin: 70%
}

.m--75p {
  margin: 75%
}

.m--80p {
  margin: 80%
}

.m--85p {
  margin: 85%
}

.m--90p {
  margin: 90%
}

.m--95p {
  margin: 95%
}

.m--100p {
  margin: 100%
}

.m-top--0 {
  margin-top: 0
}

.m-top--1 {
  margin-top: .0625rem
}

.m-top--2 {
  margin-top: .125rem
}

.m-top--3 {
  margin-top: .1875rem
}

.m-top--5 {
  margin-top: .3125rem
}

.default-margin-top-a,
.m-top--8 {
  margin-top: .5rem
}

.default-margin-top-b,
.m-top--13 {
  margin-top: .8125rem
}

.default-margin-top-c,
.m-top--21 {
  margin-top: 1.3125rem
}

.default-margin-top-d,
.m-top--34 {
  margin-top: 2.125rem
}

.m-top--55 {
  margin-top: 3.4375rem
}

.m-top--89 {
  margin-top: 5.5625rem
}

.m-top--144 {
  margin-top: 9rem
}

.m-right--0 {
  margin-right: 0
}

.m-right--1 {
  margin-right: .0625rem
}

.m-right--2 {
  margin-right: .125rem
}

.m-right--3 {
  margin-right: .1875rem
}

.m-right--5 {
  margin-right: .3125rem
}

.default-margin-right-a,
.m-right--8 {
  margin-right: .5rem
}

.default-margin-right-b,
.m-right--13 {
  margin-right: .8125rem
}

.default-margin-right-c,
.m-right--21 {
  margin-right: 1.3125rem
}

.default-margin-right-d,
.m-right--34 {
  margin-right: 2.125rem
}

.m-right--55 {
  margin-right: 3.4375rem
}

.m-right--89 {
  margin-right: 5.5625rem
}

.m-right--144 {
  margin-right: 9rem
}

.m-bottom--0 {
  margin-bottom: 0
}

.m-bottom--1 {
  margin-bottom: .0625rem
}

.m-bottom--2 {
  margin-bottom: .125rem
}

.m-bottom--3 {
  margin-bottom: .1875rem
}

.m-bottom--5 {
  margin-bottom: .3125rem
}

.default-margin-bottom-a,
.m-bottom--8 {
  margin-bottom: .5rem
}

.default-margin-bottom-b,
.m-bottom--13 {
  margin-bottom: .8125rem
}

.default-margin-bottom-c,
.m-bottom--21 {
  margin-bottom: 1.3125rem
}

.default-margin-bottom-d,
.m-bottom--34 {
  margin-bottom: 2.125rem
}

.m-bottom--55 {
  margin-bottom: 3.4375rem
}

.m-bottom--89 {
  margin-bottom: 5.5625rem
}

.m-bottom--144 {
  margin-bottom: 9rem
}

.m-left--0 {
  margin-left: 0
}

.m-left--1 {
  margin-left: .0625rem
}

.m-left--2 {
  margin-left: .125rem
}

.m-left--3 {
  margin-left: .1875rem
}

.m-left--5 {
  margin-left: .3125rem
}

.default-margin-left-a,
.m-left--8 {
  margin-left: .5rem
}

.default-margin-left-b,
.m-left--13 {
  margin-left: .8125rem
}

.default-margin-left-c,
.m-left--21 {
  margin-left: 1.3125rem
}

.default-margin-left-d,
.m-left--34 {
  margin-left: 2.125rem
}

.m-left--55 {
  margin-left: 3.4375rem
}

.m-left--89 {
  margin-left: 5.5625rem
}

.m-left--144 {
  margin-left: 9rem
}

.m-top--0p {
  margin-top: 0
}

.m-top--5p {
  margin-top: 5%
}

.m-top--10p {
  margin-top: 10%
}

.m-top--15p {
  margin-top: 15%
}

.m-top--20p {
  margin-top: 20%
}

.m-top--25p {
  margin-top: 25%
}

.m-top--30p {
  margin-top: 30%
}

.m-top--35p {
  margin-top: 35%
}

.m-top--40p {
  margin-top: 40%
}

.m-top--45p {
  margin-top: 45%
}

.m-top--50p {
  margin-top: 50%
}

.m-top--55p {
  margin-top: 55%
}

.m-top--60p {
  margin-top: 60%
}

.m-top--65p {
  margin-top: 65%
}

.m-top--70p {
  margin-top: 70%
}

.m-top--75p {
  margin-top: 75%
}

.m-top--80p {
  margin-top: 80%
}

.m-top--85p {
  margin-top: 85%
}

.m-top--90p {
  margin-top: 90%
}

.m-top--95p {
  margin-top: 95%
}

.m-top--100p {
  margin-top: 100%
}

.m-right--0p {
  margin-right: 0
}

.m-right--5p {
  margin-right: 5%
}

.m-right--10p {
  margin-right: 10%
}

.m-right--15p {
  margin-right: 15%
}

.m-right--20p {
  margin-right: 20%
}

.m-right--25p {
  margin-right: 25%
}

.m-right--30p {
  margin-right: 30%
}

.m-right--35p {
  margin-right: 35%
}

.m-right--40p {
  margin-right: 40%
}

.m-right--45p {
  margin-right: 45%
}

.m-right--50p {
  margin-right: 50%
}

.m-right--55p {
  margin-right: 55%
}

.m-right--60p {
  margin-right: 60%
}

.m-right--65p {
  margin-right: 65%
}

.m-right--70p {
  margin-right: 70%
}

.m-right--75p {
  margin-right: 75%
}

.m-right--80p {
  margin-right: 80%
}

.m-right--85p {
  margin-right: 85%
}

.m-right--90p {
  margin-right: 90%
}

.m-right--95p {
  margin-right: 95%
}

.m-right--100p {
  margin-right: 100%
}

.m-bottom--0p {
  margin-bottom: 0
}

.m-bottom--5p {
  margin-bottom: 5%
}

.m-bottom--10p {
  margin-bottom: 10%
}

.m-bottom--15p {
  margin-bottom: 15%
}

.m-bottom--20p {
  margin-bottom: 20%
}

.m-bottom--25p {
  margin-bottom: 25%
}

.m-bottom--30p {
  margin-bottom: 30%
}

.m-bottom--35p {
  margin-bottom: 35%
}

.m-bottom--40p {
  margin-bottom: 40%
}

.m-bottom--45p {
  margin-bottom: 45%
}

.m-bottom--50p {
  margin-bottom: 50%
}

.m-bottom--55p {
  margin-bottom: 55%
}

.m-bottom--60p {
  margin-bottom: 60%
}

.m-bottom--65p {
  margin-bottom: 65%
}

.m-bottom--70p {
  margin-bottom: 70%
}

.m-bottom--75p {
  margin-bottom: 75%
}

.m-bottom--80p {
  margin-bottom: 80%
}

.m-bottom--85p {
  margin-bottom: 85%
}

.m-bottom--90p {
  margin-bottom: 90%
}

.m-bottom--95p {
  margin-bottom: 95%
}

.m-bottom--100p {
  margin-bottom: 100%
}

.m-left--0p {
  margin-left: 0
}

.m-left--5p {
  margin-left: 5%
}

.m-left--10p {
  margin-left: 10%
}

.m-left--15p {
  margin-left: 15%
}

.m-left--20p {
  margin-left: 20%
}

.m-left--25p {
  margin-left: 25%
}

.m-left--30p {
  margin-left: 30%
}

.m-left--35p {
  margin-left: 35%
}

.m-left--40p {
  margin-left: 40%
}

.m-left--45p {
  margin-left: 45%
}

.m-left--50p {
  margin-left: 50%
}

.m-left--55p {
  margin-left: 55%
}

.m-left--60p {
  margin-left: 60%
}

.m-left--65p {
  margin-left: 65%
}

.m-left--70p {
  margin-left: 70%
}

.m-left--75p {
  margin-left: 75%
}

.m-left--80p {
  margin-left: 80%
}

.m-left--85p {
  margin-left: 85%
}

.m-left--90p {
  margin-left: 90%
}

.m-left--95p {
  margin-left: 95%
}

.m-left--100p {
  margin-left: 100%
}

.m-child--0 > * {
  margin: 0
}

.m-child--1 > * {
  margin: .0625rem
}

.m-child--2 > * {
  margin: .125rem
}

.m-child--3 > * {
  margin: .1875rem
}

.m-child--5 > * {
  margin: .3125rem
}

.default-margin-a,
.m-child--8 > * {
  margin: .5rem
}

.default-margin-b,
.m-child--13 > * {
  margin: .8125rem
}

.default-margin-c,
.m-child--21 > * {
  margin: 1.3125rem
}

.default-margin-d,
.m-child--34 > * {
  margin: 2.125rem
}

.m-child--55 > * {
  margin: 3.4375rem
}

.m-child--89 > * {
  margin: 5.5625rem
}

.m-child--144 > * {
  margin: 9rem
}

.radius--0 {
  border-radius: 0
}

.radius--1 {
  border-radius: .0625rem
}

.radius--2 {
  border-radius: .125rem
}

.radius--3 {
  border-radius: .1875rem
}

.radius--5 {
  border-radius: .3125rem
}

.radius--8 {
  border-radius: .5rem
}

.radius--13 {
  border-radius: .8125rem
}

.radius--21 {
  border-radius: 1.3125rem
}

.radius--34 {
  border-radius: 2.125rem
}

.radius--55 {
  border-radius: 3.4375rem
}

.radius--89 {
  border-radius: 5.5625rem
}

.radius--144 {
  border-radius: 9rem
}

.radius--0per {
  border-radius: 0
}

.radius--5per {
  border-radius: 5%
}

.radius--10per {
  border-radius: 10%
}

.radius--15per {
  border-radius: 15%
}

.radius--20per {
  border-radius: 20%
}

.radius--25per {
  border-radius: 25%
}

.radius--30per {
  border-radius: 30%
}

.radius--35per {
  border-radius: 35%
}

.radius--40per {
  border-radius: 40%
}

.radius--45per {
  border-radius: 45%
}

.radius--50per {
  border-radius: 50%
}

.radius--55per {
  border-radius: 55%
}

.radius--60per {
  border-radius: 60%
}

.radius--65per {
  border-radius: 65%
}

.radius--70per {
  border-radius: 70%
}

.radius--75per {
  border-radius: 75%
}

.radius--80per {
  border-radius: 80%
}

.radius--85per {
  border-radius: 85%
}

.radius--90per {
  border-radius: 90%
}

.radius--95per {
  border-radius: 95%
}

.radius--100per {
  border-radius: 100%
}

.radius-top-left--0 {
  border-top-left-radius: 0
}

.radius-top-right--0 {
  border-top-right-radius: 0
}

.radius-bottom-right--0 {
  border-bottom-right-radius: 0
}

.radius-bottom-left--0 {
  border-bottom-left-radius: 0
}

.radius-top-left--5 {
  border-top-left-radius: 5%
}

.radius-top-right--5 {
  border-top-right-radius: 5%
}

.radius-bottom-right--5 {
  border-bottom-right-radius: 5%
}

.radius-bottom-left--5 {
  border-bottom-left-radius: 5%
}

.radius-top-left--10 {
  border-top-left-radius: 10%
}

.radius-top-right--10 {
  border-top-right-radius: 10%
}

.radius-bottom-right--10 {
  border-bottom-right-radius: 10%
}

.radius-bottom-left--10 {
  border-bottom-left-radius: 10%
}

.radius-top-left--15 {
  border-top-left-radius: 15%
}

.radius-top-right--15 {
  border-top-right-radius: 15%
}

.radius-bottom-right--15 {
  border-bottom-right-radius: 15%
}

.radius-bottom-left--15 {
  border-bottom-left-radius: 15%
}

.radius-top-left--20 {
  border-top-left-radius: 20%
}

.radius-top-right--20 {
  border-top-right-radius: 20%
}

.radius-bottom-right--20 {
  border-bottom-right-radius: 20%
}

.radius-bottom-left--20 {
  border-bottom-left-radius: 20%
}

.radius-top-left--25 {
  border-top-left-radius: 25%
}

.radius-top-right--25 {
  border-top-right-radius: 25%
}

.radius-bottom-right--25 {
  border-bottom-right-radius: 25%
}

.radius-bottom-left--25 {
  border-bottom-left-radius: 25%
}

.radius-top-left--30 {
  border-top-left-radius: 30%
}

.radius-top-right--30 {
  border-top-right-radius: 30%
}

.radius-bottom-right--30 {
  border-bottom-right-radius: 30%
}

.radius-bottom-left--30 {
  border-bottom-left-radius: 30%
}

.radius-top-left--35 {
  border-top-left-radius: 35%
}

.radius-top-right--35 {
  border-top-right-radius: 35%
}

.radius-bottom-right--35 {
  border-bottom-right-radius: 35%
}

.radius-bottom-left--35 {
  border-bottom-left-radius: 35%
}

.radius-top-left--40 {
  border-top-left-radius: 40%
}

.radius-top-right--40 {
  border-top-right-radius: 40%
}

.radius-bottom-right--40 {
  border-bottom-right-radius: 40%
}

.radius-bottom-left--40 {
  border-bottom-left-radius: 40%
}

.radius-top-left--45 {
  border-top-left-radius: 45%
}

.radius-top-right--45 {
  border-top-right-radius: 45%
}

.radius-bottom-right--45 {
  border-bottom-right-radius: 45%
}

.radius-bottom-left--45 {
  border-bottom-left-radius: 45%
}

.radius-top-left--50 {
  border-top-left-radius: 50%
}

.radius-top-right--50 {
  border-top-right-radius: 50%
}

.radius-bottom-right--50 {
  border-bottom-right-radius: 50%
}

.radius-bottom-left--50 {
  border-bottom-left-radius: 50%
}

.radius-top-left--55 {
  border-top-left-radius: 55%
}

.radius-top-right--55 {
  border-top-right-radius: 55%
}

.radius-bottom-right--55 {
  border-bottom-right-radius: 55%
}

.radius-bottom-left--55 {
  border-bottom-left-radius: 55%
}

.radius-top-left--60 {
  border-top-left-radius: 60%
}

.radius-top-right--60 {
  border-top-right-radius: 60%
}

.radius-bottom-right--60 {
  border-bottom-right-radius: 60%
}

.radius-bottom-left--60 {
  border-bottom-left-radius: 60%
}

.radius-top-left--65 {
  border-top-left-radius: 65%
}

.radius-top-right--65 {
  border-top-right-radius: 65%
}

.radius-bottom-right--65 {
  border-bottom-right-radius: 65%
}

.radius-bottom-left--65 {
  border-bottom-left-radius: 65%
}

.radius-top-left--70 {
  border-top-left-radius: 70%
}

.radius-top-right--70 {
  border-top-right-radius: 70%
}

.radius-bottom-right--70 {
  border-bottom-right-radius: 70%
}

.radius-bottom-left--70 {
  border-bottom-left-radius: 70%
}

.radius-top-left--75 {
  border-top-left-radius: 75%
}

.radius-top-right--75 {
  border-top-right-radius: 75%
}

.radius-bottom-right--75 {
  border-bottom-right-radius: 75%
}

.radius-bottom-left--75 {
  border-bottom-left-radius: 75%
}

.radius-top-left--80 {
  border-top-left-radius: 80%
}

.radius-top-right--80 {
  border-top-right-radius: 80%
}

.radius-bottom-right--80 {
  border-bottom-right-radius: 80%
}

.radius-bottom-left--80 {
  border-bottom-left-radius: 80%
}

.radius-top-left--85 {
  border-top-left-radius: 85%
}

.radius-top-right--85 {
  border-top-right-radius: 85%
}

.radius-bottom-right--85 {
  border-bottom-right-radius: 85%
}

.radius-bottom-left--85 {
  border-bottom-left-radius: 85%
}

.radius-top-left--90 {
  border-top-left-radius: 90%
}

.radius-top-right--90 {
  border-top-right-radius: 90%
}

.radius-bottom-right--90 {
  border-bottom-right-radius: 90%
}

.radius-bottom-left--90 {
  border-bottom-left-radius: 90%
}

.radius-top-left--95 {
  border-top-left-radius: 95%
}

.radius-top-right--95 {
  border-top-right-radius: 95%
}

.radius-bottom-right--95 {
  border-bottom-right-radius: 95%
}

.radius-bottom-left--95 {
  border-bottom-left-radius: 95%
}

.radius-top-left--100 {
  border-top-left-radius: 100%
}

.radius-top-right--100 {
  border-top-right-radius: 100%
}

.radius-bottom-right--100 {
  border-bottom-right-radius: 100%
}

.radius-bottom-left--100 {
  border-bottom-left-radius: 100%
}

.radius-top-left-round {
  border-top-left-radius: 50%
}

.radius-top-right-round {
  border-top-right-radius: 50%
}

.radius-bottom-right-round {
  border-bottom-right-radius: 50%
}

.radius-bottom-left-round {
  border-bottom-left-radius: 50%
}

.default-line-height-a {
  line-height: .5rem
}

.default-line-height-b {
  line-height: .8125rem
}

.default-line-height-c {
  line-height: 1.3125rem
}

.default-line-height-d {
  line-height: 2.125rem
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  line-height: 1.3
}

.top--0 {
  top: 0
}

.top--1 {
  top: .0625rem
}

.top--2 {
  top: .125rem
}

.top--3 {
  top: .1875rem
}

.top--5 {
  top: .3125rem
}

.top--8 {
  top: .5rem
}

.top--13 {
  top: .8125rem
}

.top--21 {
  top: 1.3125rem
}

.top--34 {
  top: 2.125rem
}

.top--55 {
  top: 3.4375rem
}

.top--89 {
  top: 5.5625rem
}

.top--144 {
  top: 9rem
}

.right--0 {
  right: 0
}

.right--1 {
  right: .0625rem
}

.right--2 {
  right: .125rem
}

.right--3 {
  right: .1875rem
}

.right--5 {
  right: .3125rem
}

.right--8 {
  right: .5rem
}

.right--13 {
  right: .8125rem
}

.right--21 {
  right: 1.3125rem
}

.right--34 {
  right: 2.125rem
}

.right--55 {
  right: 3.4375rem
}

.right--89 {
  right: 5.5625rem
}

.right--144 {
  right: 9rem
}

.bottom--0 {
  bottom: 0
}

.bottom--1 {
  bottom: .0625rem
}

.bottom--2 {
  bottom: .125rem
}

.bottom--3 {
  bottom: .1875rem
}

.bottom--5 {
  bottom: .3125rem
}

.bottom--8 {
  bottom: .5rem
}

.bottom--13 {
  bottom: .8125rem
}

.bottom--21 {
  bottom: 1.3125rem
}

.bottom--34 {
  bottom: 2.125rem
}

.bottom--55 {
  bottom: 3.4375rem
}

.bottom--89 {
  bottom: 5.5625rem
}

.bottom--144 {
  bottom: 9rem
}

.left--0 {
  left: 0
}

.left--1 {
  left: .0625rem
}

.left--2 {
  left: .125rem
}

.left--3 {
  left: .1875rem
}

.left--5 {
  left: .3125rem
}

.left--8 {
  left: .5rem
}

.left--13 {
  left: .8125rem
}

.left--21 {
  left: 1.3125rem
}

.left--34 {
  left: 2.125rem
}

.left--55 {
  left: 3.4375rem
}

.left--89 {
  left: 5.5625rem
}

.left--144 {
  left: 9rem
}

.bg-position--center {
  background-position: center
}

.bg-position--top {
  background-position: top
}

.bg-position--left {
  background-position: left
}

.bg-position--right {
  background-position: right
}

.bg-position--bottom {
  background-position: bottom
}

.bg-position--top-left {
  background-position: top left
}

.bg-position--top-right {
  background-position: top right
}

.bg-position--bottom-left {
  background-position: bottom left
}

.bg-position--bottom-right {
  background-position: bottom right
}

.bg-position--center-right {
  background-position: center right
}

.bg-position--center-left {
  background-position: center left
}

.align-self--center {
  align-self: center
}

.align-self--flex-end {
  align-self: flex-end
}

.align-self--flex-start {
  align-self: flex-start
}

.align-self--stretch {
  align-self: stretch
}

.align-self--inherit {
  align-self: inherit
}

.align-self--initial {
  align-self: initial
}

.align-content--center {
  align-content: center
}

.align-content--flex-end {
  align-content: flex-end
}

.align-content--flex-start {
  align-content: flex-start
}

.align-content--stretch {
  align-content: stretch
}

.align-content--inherit {
  align-content: inherit
}

.align-content--initial {
  align-content: initial
}

.align-items--center {
  align-items: center
}

.align-items--flex-end {
  align-items: flex-end
}

.align-items--flex-start {
  align-items: flex-start
}

.align-items--stretch {
  align-items: stretch
}

.align-items--inherit {
  align-items: inherit
}

.align-items--initial {
  align-items: initial
}

.justify-self--auto {
  justify-self: auto
}

.justify-self--baseline {
  justify-self: baseline
}

.justify-self--legacy {
  justify-self: legacy
}

.justify-self--end {
  justify-self: end
}

.justify-self--start {
  justify-self: start
}

.justify-self--self-start {
  justify-self: self-start
}

.justify-self--right {
  justify-self: right
}

.justify-self--left {
  justify-self: left
}

.justify-self--center {
  justify-self: center
}

.justify-self--flex-end {
  justify-self: flex-end
}

.justify-self--flex-start {
  justify-self: flex-start
}

.justify-self--stretch {
  justify-self: stretch
}

.justify-self--inherit {
  justify-self: inherit
}

.justify-self--initial {
  justify-self: initial
}

.justify-content--baseline {
  justify-content: baseline
}

.justify-content--legacy {
  justify-content: legacy
}

.justify-content--end {
  justify-content: end
}

.justify-content--start {
  justify-content: start
}

.justify-content--self-start {
  justify-content: self-start
}

.justify-content--right {
  justify-content: right
}

.justify-content--left {
  justify-content: left
}

.justify-content--center {
  justify-content: center
}

.justify-content--flex-end {
  justify-content: flex-end
}

.justify-content--flex-start {
  justify-content: flex-start
}

.justify-content--stretch {
  justify-content: stretch
}

.justify-content--inherit {
  justify-content: inherit
}

.justify-content--initial {
  justify-content: initial
}

.justify-items--baseline {
  justify-items: baseline
}

.justify-items--legacy {
  justify-items: legacy
}

.justify-items--end {
  justify-items: end
}

.justify-items--start {
  justify-items: start
}

.justify-items--self-start {
  justify-items: self-start
}

.justify-items--right {
  justify-items: right
}

.justify-items--left {
  justify-items: left
}

.justify-items--center {
  justify-items: center
}

.justify-items--flex-end {
  justify-items: flex-end
}

.justify-items--flex-start {
  justify-items: flex-start
}

.justify-items--stretch {
  justify-items: stretch
}

.justify-items--inherit {
  justify-items: inherit
}

.justify-items--initial {
  justify-items: initial
}

.opacity--0 {
  opacity: 0
}

.opacity--1 {
  opacity: .1
}

.opacity--2 {
  opacity: .2
}

.opacity--3 {
  opacity: .3
}

.opacity--4 {
  opacity: .4
}

.opacity--5 {
  opacity: .5
}

.opacity--6 {
  opacity: .6
}

.opacity--7 {
  opacity: .7
}

.opacity--8 {
  opacity: .8
}

.opacity--9 {
  opacity: .9
}

.opacity--10,
header {
  opacity: 1
}

.b--0 {
  border: 0 solid
}

.b--1 {
  border: .0625rem solid
}

.b--2 {
  border: .125rem solid
}

.b--3 {
  border: .1875rem solid
}

.b--5 {
  border: .3125rem solid
}

.b--8 {
  border: .5rem solid
}

.b--13 {
  border: .8125rem solid
}

.b--21 {
  border: 1.3125rem solid
}

.b--34 {
  border: 2.125rem solid
}

.b--55 {
  border: 3.4375rem solid
}

.b--89 {
  border: 5.5625rem solid
}

.b--144 {
  border: 9rem solid
}

.b-color--black {
  border-color: #000
}

.b-color--white {
  border-color: #fff
}

.b-color--main {
  border-color: #33d1bf
}

.b-color--text {
  border-color: #151515
}

.b-color--link {
  border-color: #0059e9
}

.b-color--primary {
  border-color: #011750
}

.b-color--secondary {
  border-color: #373737
}

.b-color--danger {
  border-color: #e95959
}

.b-color--success {
  border-color: #1a3790
}

.b-color--warning {
  border-color: #ffe27e
}

.b-color--info {
  border-color: #174e85
}

.b-color--light {
  border-color: #f0f0f0
}

.b-color--dark {
  border-color: #0d0d0d
}

.b-color--gray {
  border-color: #555
}

.b-color--shade {
  border-color: #343434
}

.b-color--silent {
  border-color: #c5c5c5
}

.b-color--sea {
  border-color: #bdd5dd
}

.b-color--paper {
  border-color: #f2f2f2
}

.b-color--off {
  border-color: #e9e9e9
}

.b-color--day {
  border-color: #f1efe9
}

.b-color--warm {
  border-color: #f8f2d8
}

.b-color--transparent {
  border-color: transparent
}

.b-style--dashed {
  border-style: dashed
}

.b-style--solid {
  border-style: solid
}

.b-style--dotted {
  border-style: dotted
}

.b-style--double {
  border-style: double
}

.b-style--groove {
  border-style: groove
}

.b-style--inherit {
  border-style: inherit
}

.b-style--initial {
  border-style: initial
}

.b-style--hidden {
  border-style: hidden
}

.b-style--unset {
  border-style: unset
}

.b-style--outset {
  border-style: outset
}

.b-style--ridge {
  border-style: ridge
}

.b-style--none {
  border-style: none
}

.width--25 {
  width: 25%
}

.width--50 {
  width: 50%
}

.width--75 {
  width: 75%
}

.width--100 {
  width: 100%
}

.width--0v {
  width: 0
}

.width--25v {
  width: 25vw
}

.width--50v {
  width: 50vw
}

.width--75v {
  width: 75vw
}

.width--100v {
  width: 100vw
}

.height--25 {
  height: 25%
}

.height--50 {
  height: 50%
}

.height--75 {
  height: 75%
}

.height--100 {
  height: 100%
}

.height--0v {
  height: 0
}

.height--25v {
  height: 25vw
}

.height--50v {
  height: 50vw
}

.height--75v {
  height: 75vw
}

.height--100v {
  height: 100vw
}

.height-width--0 {
  height: 0%;
  width: 0%
}

.height-width--25 {
  height: 25%;
  width: 25%
}

.height-width--50 {
  height: 50%;
  width: 50%
}

.height-width--75 {
  height: 75%;
  width: 75%
}

.height-width--100 {
  height: 100%;
  width: 100%
}

.height-width--0v {
  height: 0;
  width: 0
}

.height-width--25v {
  height: 25vw;
  width: 25vw
}

.height-width--50v {
  height: 50vw;
  width: 50vw
}

.height-width--75v {
  height: 75vw;
  width: 75vw
}

.height-width--100v {
  height: 100vw;
  width: 100vw
}

.bg--black,
.btn-black {
  background-color: #000
}

.bg--white,
.btn-white,
.search.active .search-input .input input,
.search.restate .search-input .input input {
  background-color: #fff
}

.bg--main,
.btn-main {
  background-color: #33d1bf
}

.bg--text,
.btn-text {
  background-color: #151515
}

.bg--link,
.btn-link {
  background-color: #0059e9
}

.bg--primary,
.btn-primary,
input[type=checkbox]:checked::before,
input[type=radio]:checked::before {
  background-color: #011750
}

.bg--secondary,
.btn-secondary {
  background-color: #373737
}

.bg--danger,
.btn-danger {
  background-color: #e95959
}

.bg--success,
.btn-success {
  background-color: #1a3790
}

.bg--warning,
.btn-warning {
  background-color: #ffe27e
}

.bg--info,
.btn-info {
  background-color: #174e85
}

.bg--light,
.btn-light {
  background-color: #f0f0f0
}

.bg--dark,
.btn-dark {
  background-color: #0d0d0d
}

.bg--gray,
.btn-gray {
  background-color: #555
}

.bg--shade,
.btn-shade {
  background-color: #343434
}

.bg--silent,
.btn-silent {
  background-color: #c5c5c5
}

.bg--sea,
.btn-sea {
  background-color: #bdd5dd
}

.bg--paper,
.btn-paper {
  background-color: #f2f2f2
}

.bg--off,
.btn-off {
  background-color: #e9e9e9
}

.bg--day,
.btn-day {
  background-color: #f1efe9
}

.bg--warm,
.btn-warm {
  background-color: #f8f2d8
}

.bg--transparent,
.btn-transparent {
  background-color: transparent
}

.bg-child--black > * {
  background-color: #000 !important
}

.bg-child--white > * {
  background-color: #fff !important
}

.bg-child--main > * {
  background-color: #33d1bf !important
}

.bg-child--text > * {
  background-color: #151515 !important
}

.bg-child--link > * {
  background-color: #0059e9 !important
}

.bg-child--primary > * {
  background-color: #011750 !important
}

.bg-child--secondary > * {
  background-color: #373737 !important
}

.bg-child--danger > * {
  background-color: #e95959 !important
}

.bg-child--success > * {
  background-color: #1a3790 !important
}

.bg-child--warning > * {
  background-color: #ffe27e !important
}

.bg-child--info > * {
  background-color: #174e85 !important
}

.bg-child--light > * {
  background-color: #f0f0f0 !important
}

.bg-child--dark > * {
  background-color: #0d0d0d !important
}

.bg-child--gray > * {
  background-color: #555 !important
}

.bg-child--shade > * {
  background-color: #343434 !important
}

.bg-child--silent > * {
  background-color: #c5c5c5 !important
}

.bg-child--sea > * {
  background-color: #bdd5dd !important
}

.bg-child--paper > * {
  background-color: #f2f2f2 !important
}

.bg-child--off > * {
  background-color: #e9e9e9 !important
}

.bg-child--day > * {
  background-color: #f1efe9 !important
}

.bg-child--warm > * {
  background-color: #f8f2d8 !important
}

.bg-child--transparent > * {
  background-color: transparent !important
}

.m-top--auto {
  margin-top: auto
}

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

.m-bottom--auto {
  margin-bottom: auto
}

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

.m-y--auto,
.top-margin--auto {
  margin: auto 0
}

.m-x--auto {
  margin: 0 auto
}

.flex {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex
}

.flex > .full {
  flex: 1
}

.grid {
  display: grid
}

.bg--unset {
  position: unset
}

.bg--fixed {
  position: fixed
}

.bg--static {
  position: static
}

.bg--sticky {
  position: sticky
}

.bg--inherit {
  position: inherit
}

.bg--initial {
  position: initial
}

.bg--absolute,
.slider .slick-next,
.slider .slick-prev {
  position: absolute
}

.bg--relative,
.eyebrow-down,
.eyebrow-up,
.subscription .container .email .content button {
  position: relative
}

.border-top--0 {
  border-top: 0
}

.border-top--1 {
  border-top: 1rem
}

.border-top--2 {
  border-top: 2rem
}

.border-top--3 {
  border-top: 3rem
}

.border-top--5 {
  border-top: 5rem
}

.border-top--8 {
  border-top: 8rem
}

.border-top--13 {
  border-top: 13rem
}

.border-top--21 {
  border-top: 21rem
}

.border-top--34 {
  border-top: 34rem
}

.border-top--55 {
  border-top: 55rem
}

.border-top--89 {
  border-top: 89rem
}

.border-top--144 {
  border-top: 144rem
}

.border-right--0 {
  border-right: 0rem
}

.border-right--1 {
  border-right: 1rem
}

.border-right--2 {
  border-right: 2rem
}

.border-right--3 {
  border-right: 3rem
}

.border-right--5 {
  border-right: 5rem
}

.border-right--8 {
  border-right: 8rem
}

.border-right--13 {
  border-right: 13rem
}

.border-right--21 {
  border-right: 21rem
}

.border-right--34 {
  border-right: 34rem
}

.border-right--55 {
  border-right: 55rem
}

.border-right--89 {
  border-right: 89rem
}

.border-right--144 {
  border-right: 144rem
}

.border-bottom--0 {
  border-bottom: 0
}

.border-bottom--1 {
  border-bottom: 1rem
}

.border-bottom--2 {
  border-bottom: 2rem
}

.border-bottom--3 {
  border-bottom: 3rem
}

.border-bottom--5 {
  border-bottom: 5rem
}

.border-bottom--8 {
  border-bottom: 8rem
}

.border-bottom--13 {
  border-bottom: 13rem
}

.border-bottom--21 {
  border-bottom: 21rem
}

.border-bottom--34 {
  border-bottom: 34rem
}

.border-bottom--55 {
  border-bottom: 55rem
}

.border-bottom--89 {
  border-bottom: 89rem
}

.border-bottom--144 {
  border-bottom: 144rem
}

.border-left--0 {
  border-left: 0
}

.border-left--1 {
  border-left: 1rem
}

.border-left--2 {
  border-left: 2rem
}

.border-left--3 {
  border-left: 3rem
}

.border-left--5 {
  border-left: 5rem
}

.border-left--8 {
  border-left: 8rem
}

.border-left--13 {
  border-left: 13rem
}

.border-left--21 {
  border-left: 21rem
}

.border-left--34 {
  border-left: 34rem
}

.border-left--55 {
  border-left: 55rem
}

.border-left--89 {
  border-left: 89rem
}

.border-left--144 {
  border-left: 144rem
}

.border-top--black {
  border-top-color: #000 !important
}

.border-top--white {
  border-top-color: #fff !important
}

.border-top--main {
  border-top-color: #33d1bf !important
}

.border-top--text {
  border-top-color: #151515 !important
}

.border-top--link {
  border-top-color: #0059e9 !important
}

.border-top--primary {
  border-top-color: #011750 !important
}

.border-top--secondary {
  border-top-color: #373737 !important
}

.border-top--danger {
  border-top-color: #e95959 !important
}

.border-top--success {
  border-top-color: #1a3790 !important
}

.border-top--warning {
  border-top-color: #ffe27e !important
}

.border-top--info {
  border-top-color: #174e85 !important
}

.border-top--light {
  border-top-color: #f0f0f0 !important
}

.border-top--dark {
  border-top-color: #0d0d0d !important
}

.border-top--gray {
  border-top-color: #555 !important
}

.border-top--shade {
  border-top-color: #343434 !important
}

.border-top--silent {
  border-top-color: #c5c5c5 !important
}

.border-top--sea {
  border-top-color: #bdd5dd !important
}

.border-top--paper {
  border-top-color: #f2f2f2 !important
}

.border-top--off {
  border-top-color: #e9e9e9 !important
}

.border-top--day {
  border-top-color: #f1efe9 !important
}

.border-top--warm {
  border-top-color: #f8f2d8 !important
}

.border-top--transparent {
  border-top-color: transparent !important
}

.border-right--black {
  border-right-color: #000 !important
}

.border-right--white {
  border-right-color: #fff !important
}

.border-right--main {
  border-right-color: #33d1bf !important
}

.border-right--text {
  border-right-color: #151515 !important
}

.border-right--link {
  border-right-color: #0059e9 !important
}

.border-right--primary {
  border-right-color: #011750 !important
}

.border-right--secondary {
  border-right-color: #373737 !important
}

.border-right--danger {
  border-right-color: #e95959 !important
}

.border-right--success {
  border-right-color: #1a3790 !important
}

.border-right--warning {
  border-right-color: #ffe27e !important
}

.border-right--info {
  border-right-color: #174e85 !important
}

.border-right--light {
  border-right-color: #f0f0f0 !important
}

.border-right--dark {
  border-right-color: #0d0d0d !important
}

.border-right--gray {
  border-right-color: #555 !important
}

.border-right--shade {
  border-right-color: #343434 !important
}

.border-right--silent {
  border-right-color: #c5c5c5 !important
}

.border-right--sea {
  border-right-color: #bdd5dd !important
}

.border-right--paper {
  border-right-color: #f2f2f2 !important
}

.border-right--off {
  border-right-color: #e9e9e9 !important
}

.border-right--day {
  border-right-color: #f1efe9 !important
}

.border-right--warm {
  border-right-color: #f8f2d8 !important
}

.border-right--transparent {
  border-right-color: transparent !important
}

.border-bottom--black {
  border-bottom-color: #000 !important
}

.border-bottom--white {
  border-bottom-color: #fff !important
}

.border-bottom--main {
  border-bottom-color: #33d1bf !important
}

.border-bottom--text {
  border-bottom-color: #151515 !important
}

.border-bottom--link {
  border-bottom-color: #0059e9 !important
}

.border-bottom--primary {
  border-bottom-color: #011750 !important
}

.border-bottom--secondary {
  border-bottom-color: #373737 !important
}

.border-bottom--danger {
  border-bottom-color: #e95959 !important
}

.border-bottom--success {
  border-bottom-color: #1a3790 !important
}

.border-bottom--warning {
  border-bottom-color: #ffe27e !important
}

.border-bottom--info {
  border-bottom-color: #174e85 !important
}

.border-bottom--light {
  border-bottom-color: #f0f0f0 !important
}

.border-bottom--dark {
  border-bottom-color: #0d0d0d !important
}

.border-bottom--gray {
  border-bottom-color: #555 !important
}

.border-bottom--shade {
  border-bottom-color: #343434 !important
}

.border-bottom--silent {
  border-bottom-color: #c5c5c5 !important
}

.border-bottom--sea {
  border-bottom-color: #bdd5dd !important
}

.border-bottom--paper {
  border-bottom-color: #f2f2f2 !important
}

.border-bottom--off {
  border-bottom-color: #e9e9e9 !important
}

.border-bottom--day {
  border-bottom-color: #f1efe9 !important
}

.border-bottom--warm {
  border-bottom-color: #f8f2d8 !important
}

.border-bottom--transparent {
  border-bottom-color: transparent !important
}

.border-left--black {
  border-left-color: #000 !important
}

.border-left--white {
  border-left-color: #fff !important
}

.border-left--main {
  border-left-color: #33d1bf !important
}

.border-left--text {
  border-left-color: #151515 !important
}

.border-left--link {
  border-left-color: #0059e9 !important
}

.border-left--primary {
  border-left-color: #011750 !important
}

.border-left--secondary {
  border-left-color: #373737 !important
}

.border-left--danger {
  border-left-color: #e95959 !important
}

.border-left--success {
  border-left-color: #1a3790 !important
}

.border-left--warning {
  border-left-color: #ffe27e !important
}

.border-left--info {
  border-left-color: #174e85 !important
}

.border-left--light {
  border-left-color: #f0f0f0 !important
}

.border-left--dark {
  border-left-color: #0d0d0d !important
}

.border-left--gray {
  border-left-color: #555 !important
}

.border-left--shade {
  border-left-color: #343434 !important
}

.border-left--silent {
  border-left-color: #c5c5c5 !important
}

.border-left--sea {
  border-left-color: #bdd5dd !important
}

.border-left--paper {
  border-left-color: #f2f2f2 !important
}

.border-left--off {
  border-left-color: #e9e9e9 !important
}

.border-left--day {
  border-left-color: #f1efe9 !important
}

.border-left--warm {
  border-left-color: #f8f2d8 !important
}

.border-left--transparent {
  border-left-color: transparent !important
}

.border--black {
  border-color: #000
}

.b-child-white::after,
.b-child-white::before,
.border--white,
input[type=checkbox]:checked::after,
input[type=radio]:checked::after {
  border-color: #fff
}

.border--main {
  border-color: #33d1bf
}

.border--text {
  border-color: #151515
}

.border--link {
  border-color: #0059e9
}

.border--primary {
  border-color: #011750
}

.border--secondary {
  border-color: #373737
}

.border--danger {
  border-color: #e95959
}

.border--success {
  border-color: #1a3790
}

.border--warning {
  border-color: #ffe27e
}

.border--info {
  border-color: #174e85
}

.border--light {
  border-color: #f0f0f0
}

.border--dark {
  border-color: #0d0d0d
}

.border--gray {
  border-color: #555
}

.border--shade {
  border-color: #343434
}

.border--silent {
  border-color: #c5c5c5
}

.border--sea {
  border-color: #bdd5dd
}

.border--paper {
  border-color: #f2f2f2
}

.border--off {
  border-color: #e9e9e9
}

.border--day {
  border-color: #f1efe9
}

.border--warm {
  border-color: #f8f2d8
}

.border--transparent {
  border-color: transparent
}

.border--0r {
  border: 0
}

.border--1r {
  border: 1rem
}

.border--2r {
  border: 2rem
}

.border--3r {
  border: 3rem
}

.border--5r {
  border: 5rem
}

.border--8r {
  border: 8rem
}

.border--13r {
  border: 13rem
}

.border--21r {
  border: 21rem
}

.border--34r {
  border: 34rem
}

.border--55r {
  border: 55rem
}

.border--89r {
  border: 89rem
}

.border--144r {
  border: 144rem
}

.border--0 {
  border: 0
}

.border--1 {
  border: 1px
}

.border--2 {
  border: 2px
}

.border--3 {
  border: 3px
}

.border--5 {
  border: 5px
}

.border--8 {
  border: 8px
}

.border--13 {
  border: 13px
}

.border--21 {
  border: 21px
}

.border--34 {
  border: 34px
}

.border--55 {
  border: 55px
}

.border--89 {
  border: 89px
}

.border--144 {
  border: 144px
}

.border--dashed {
  border-style: dashed
}

.border--solid {
  border-style: solid
}

.border--dotted {
  border-style: dotted
}

.border--double {
  border-style: double
}

.border--groove {
  border-style: groove
}

.border--inherit {
  border-style: inherit
}

.border--initial {
  border-style: initial
}

.border--hidden {
  border-style: hidden
}

.border--unset {
  border-style: unset
}

.border--outset {
  border-style: outset
}

.border--ridge {
  border-style: ridge
}

.border--none {
  border-style: none
}

.rounded {
  border-radius: 144rem;
  overflow: hidden
}

.animate,
.transition,
.transition::after,
.transition::before,
.transition:hover {
  transition: 350ms ease-in-out
}

.width--0 {
  width: 0 !important
}

.width--1 {
  width: 1rem !important
}

.width--2 {
  width: 2rem !important
}

.width--3 {
  width: 3rem !important
}

.width--5 {
  width: 5rem !important
}

.width--8 {
  width: 8rem !important
}

.width--13 {
  width: 13rem !important
}

.width--21 {
  width: 21rem !important
}

.width--34 {
  width: 34rem !important
}

.width--55 {
  width: 55rem !important
}

.width--89 {
  width: 89rem !important
}

.width--144 {
  width: 144rem !important
}

.height--0 {
  height: 0 !important
}

.height--1 {
  height: 1rem !important
}

.height--2 {
  height: 2rem !important
}

.height--3 {
  height: 3rem !important
}

.height--5 {
  height: 5rem !important
}

.height--8 {
  height: 8rem !important
}

.height--13 {
  height: 13rem !important
}

.height--21 {
  height: 21rem !important
}

.height--34 {
  height: 34rem !important
}

.height--55 {
  height: 55rem !important
}

.height--89 {
  height: 89rem !important
}

.height--144 {
  height: 144rem !important
}

.full--0 {
  width: 0 !important;
  height: 0 !important
}

.full--1 {
  width: 1rem !important;
  height: 1rem !important
}

.full--2 {
  width: 2rem !important;
  height: 2rem !important
}

.full--3 {
  width: 3rem !important;
  height: 3rem !important
}

.full--5 {
  width: 5rem !important;
  height: 5rem !important
}

.full--8 {
  width: 8rem !important;
  height: 8rem !important
}

.full--13 {
  width: 13rem !important;
  height: 13rem !important
}

.full--21 {
  width: 21rem !important;
  height: 21rem !important
}

.full--34 {
  width: 34rem !important;
  height: 34rem !important
}

.full--55 {
  width: 55rem !important;
  height: 55rem !important
}

.full--89 {
  width: 89rem !important;
  height: 89rem !important
}

.full--144 {
  width: 144rem !important;
  height: 144rem !important
}

.full__height {
  height: 100%
}

.full__height-vh {
  height: 100vh
}

.full__height--i {
  height: 100% !important;
  max-height: 100% !important
}

.btn-underline:hover::after,
.full--width,
.full__width,
.slider .slide .content .box .slide-title {
  width: 100%
}

.full__width-vw,
header {
  width: 100vw
}

.full__width--i {
  width: 100% !important
}

.full,
.zoom__inbox::before {
  width: 100%;
  height: 100%
}

.height-auto {
  height: auto
}

.bg--center {
  background-position: center
}

.bg--top {
  background-position: top
}

.bg--left {
  background-position: left
}

.bg--right {
  background-position: right
}

.bg--bottom {
  background-position: bottom
}

.bg--top-left {
  background-position: top left
}

.bg--top-right {
  background-position: top right
}

.bg--bottom-left {
  background-position: bottom left
}

.bg--bottom-right {
  background-position: bottom right
}

.bg--center-right {
  background-position: center right
}

.bg--center-left {
  background-position: center left
}

.bg--full {
  background-size: 100%
}

.bg--auto {
  background-size: auto
}

.bg--unset {
  background-size: unset
}

.bg--fixed {
  background-size: fixed
}

.bg--cover,
.slider .slide .tabs .tab .box .img {
  background-size: cover
}

.bg--contain {
  background-size: contain
}

.bg--inherit {
  background-size: inherit
}

.bg--initial {
  background-size: initial
}

.bg--repeat {
  background-repeat: repeat
}

.bg--repeat-x {
  background-repeat: repeat-x
}

.bg--repeat-y {
  background-repeat: repeat-y
}

.bg--no-repeat {
  background-repeat: no-repeat
}

.bg-blur--darken {
  mix-blend-mode: darken
}

.bg-blur--color-burn {
  mix-blend-mode: color-burn
}

.bg-blur--screen {
  mix-blend-mode: screen
}

.bg-blur--multiply {
  mix-blend-mode: multiply
}

.bg-blur--hard-light {
  mix-blend-mode: hard-light
}

.bg-blur--light {
  mix-blend-mode: light
}

.order--revers :last-child {
  order: -1
}

.sticker-1_by_x {
  grid-template-columns: 1fr minmax(auto, 21em)
}

.sticker-2_by_x {
  grid-template-columns: 1fr minmax(auto, 42em)
}

.sticker-3_by_x {
  grid-template-columns: 1fr minmax(auto, 63em)
}

.sticker-4_by_x {
  grid-template-columns: 1fr minmax(auto, 84em)
}

.sticker-5_by_x {
  grid-template-columns: 1fr minmax(auto, 105em)
}

.border-1 {
  border: 1px solid #343434
}

.border-danger {
  border-color: #e95959
}

.bg--inherit {
  background: inherit
}

.full--height,
.square,
body,
html {
  height: 100%
}

.zoom,
.zoom__inbox {
  cursor: pointer
}

.zoom .zoom__item,
.zoom .zoom__item-x {
  transform: scale(1);
  transition: .3s
}

.zoom:hover .zoom__item {
  transform: scale(1.025);
  transition: .3s
}

.zoom:hover .zoom__item-x {
  transform: scale(1.2);
  transition: .3s
}

.zoom__current {
  cursor: pointer;
  transform: scale(1);
  transition: .3s
}

.zoom__current:hover {
  transform: scale(1.025);
  transition: .3s
}

.zoom__inbox-background .bg-img,
.zoom__inbox-background:hover,
.zoom__inbox::before {
  transform: scale(1);
  transition: .3s
}

.zoom__inbox::before {
  position: absolute;
  display: inline-block;
  top: 0;
  background: inherit;
  left: 0;
  content: " "
}

.zoom__inbox:hover::before {
  transform: scale(1.04);
  transition: .3s
}

.zoom__inbox-background {
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%
}

.btn-full::after,
.btn-ghost::before {
  width: 10px;
  height: 10px;
  position: absolute;
  transform: rotate(-45deg);
  content: ""
}

.zoom__inbox-background:hover .bg-img {
  transform: scale(1.13);
  transition: .3s
}

.inline {
  display: inline
}

.inline-block {
  display: inline-block
}

.block,
.feature:hover #easymode,
.feature:hover #infomode,
.feature:hover #reader-mode,
.feature:hover #theme {
  display: block
}

@media only screen and (min-width: 480px) and (max-width: 576px) {
  .col-sm-hide {
    display: none;
    transition: .3s ease-in-out
  }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
  .col-md-hide {
    display: none;
    transition: .3s ease-in-out
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .col-lg-hide {
    display: none;
    transition: .3s ease-in-out
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .col-xl-hide {
    display: none;
    transition: .3s ease-in-out
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1920px) {
  .col-xx-hide {
    display: none;
    transition: .3s ease-in-out
  }
}

@media (max-width: 480px) {
  .col-xs-hide-all {
    display: none;
    transition: .3s ease-in-out
  }
}

@media (max-width: 1920px) {
  .flex > .x--13 {
    flex: 0 0 auto;
    width: 100%
  }

  .hide--xx {
    display: none
  }

  .col-xx-hide-all {
    display: none;
    transition: .3s ease-in-out
  }
}

.black-outline,
.btn-outline,
.btn-underline,
.danger-outline,
.dark-outline,
.day-outline,
.gray-outline,
.info-outline,
.light-outline,
.link-outline,
.main-outline,
.off-outline,
.paper-outline,
.primary-outline,
.sea-outline,
.secondary-outline,
.shade-outline,
.silent-outline,
.success-outline,
.text-outline,
.transparent-outline,
.warm-outline,
.warning-outline,
.white-outline {
  display: inline-block
}

.m--0 {
  margin: 0
}

.m--1 {
  margin: .0625rem
}

.m--2 {
  margin: .125rem
}

.m--3 {
  margin: .1875rem
}

.m--5 {
  margin: .3125rem
}

.m--8 {
  margin: .5rem
}

.m--13 {
  margin: .8125rem
}

.m--21 {
  margin: 1.3125rem
}

.m--34 {
  margin: 2.125rem
}

.m--55 {
  margin: 3.4375rem
}

.m--89 {
  margin: 5.5625rem
}

.m--144 {
  margin: 9rem
}

body,
html {
  font-size: var(--base-type);
  font-size: var(--base-type)
}

.big-title,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.subheading,
.title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  word-break: keep-all;
  direction: ltr
}

.h1,
h1 {
  font-size: 3rem;
  margin: 0 0 1.5rem;
  font-weight: 700
}

.h2,
h2 {
  font-size: 2.5rem;
  margin: 0 0 1.3rem
}

.h3,
h3 {
  font-size: 1.4rem;
  margin: 0;
  font-weight: 600
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 0
}

.subheading {
  font-size: 2.6rem;
  line-height: 1.2;
  margin: 0
}

.display {
  font-size: 5.5rem;
  line-height: 1.2;
  margin: 0
}

.big-title,
.p,
.title,
p {
  line-height: 1.3
}

.big-title {
  font-size: 1.3rem;
  margin: 0
}

.title {
  font-size: 1.1rem;
  margin: 0
}

.caption {
  font-size: 1rem;
  font-weight: 500;
  margin: 0
}

.p,
p {
  font-size: 1.1em;
  font-weight: 400;
  margin: 0 0 .3rem;
  padding: 4px 0
}

.inc__110 {
  font-size: 110%
}

.inc__120 {
  font-size: 120%
}

.inc__130 {
  font-size: 130%
}

.inc__140 {
  font-size: 140%
}

.inc__150 {
  font-size: 150%
}

.set__100 {
  font-size: 100%
}

.dec__90 {
  font-size: 90%
}

.dec__70 {
  font-size: 70%
}

.dec__60 {
  font-size: 60%
}

.dec__50 {
  font-size: 50%
}

.small {
  font-size: 1rem
}

.plus {
  font-size: 2.1rem
}

.bold {
  font-weight: 700
}

.medium {
  font-weight: 500
}

.regular {
  font-weight: 400
}

.lighter {
  font-weight: 300
}

.capitalize {
  text-transform: capitalize
}

html {
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  line-height: 29px
}

.info,
.info-hover:hover,
a:visited {
  /*color: #174e85*/
}

.link,
.link-hover:hover,
a:active,
a:hover {
  color: #0059e9
}

.underline--dotted {
  text-decoration: underline dotted
}

.underline--wavy {
  -webkit-text-decoration: #33d1bf underline wavy;
  text-decoration: #33d1bf underline wavy
}

.uppercase {
  text-transform: uppercase
}

.lowercase {
  text-transform: lowercase
}

.del,
del {
  -webkit-text-decoration: line-through #e95959;
  text-decoration: line-through #e95959;
  background-color: #f8f2d8
}

.ins,
ins {
  text-decoration: none;
  background-color: #ffe27e
}

.btn,
button,
input[type=button],
input[type=reset],
input[type=search],
input[type=submit] {
  padding: 0 21px;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 42px;
  cursor: pointer;
  position: relative;
  color: #fff;
  top: 0;
  float: none;
  display: inline-block;
  height: 42px;
  background-color: #011750;
  transition: .3s ease-in-out
}

.btn:hover,
.link-outline:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=search]:hover,
input[type=submit]:hover {
  background-color: #0059e9;
  transition: .5s ease-in-out
}

.btn-full,
.btn-full::after,
.btn-ghost,
.btn-ghost::before,
.btn-outline {
  background-color: transparent
}

.btn-ghost {
  color: #011750;
  padding: 0 30px 0 0
}

.btn-ghost::before {
  top: calc(50% - 5px);
  right: 5px;
  border: solid #011750;
  border-left: 2px;
  border-top: 2px;
  transition: .3s ease-in-out
}

.btn-full:hover,
.btn-ghost:hover {
  color: #0059e9;
  background-color: transparent
}

.btn-ghost:hover::before {
  border-color: #0059e9;
  right: 0;
  transition: .3s ease-in-out
}

.btn-full {
  color: #011750;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 0 30px 0 0
}

.btn-full::after {
  top: 15.5px;
  right: 13px;
  border: solid #011750;
  border-left: 2px;
  border-top: 2px;
  transition: .3s ease-in-out
}

.btn-full:hover::after {
  border-color: #0059e9;
  right: 8px;
  transition: right .3s ease-in-out
}

.btn-round {
  border-radius: 144px
}

.btn-round::after {
  right: 18px
}

.btn-round:hover::after,
.slider .slide .tabs .tab:hover::after,
.slider .slide .tabs .tab:last-child:hover::after {
  right: 5px
}

.btn-outline {
  border: 2px solid #011750;
  color: #011750;
  transition: .5s ease-in-out
}

.btn-outline:hover {
  background-color: #0059e9;
  border-color: #0059e9;
  transition: .5s ease-in-out;
  color: #fff
}

.btn-underline,
.btn-underline:hover {
  background-color: transparent;
  transition: .5s ease-in-out
}

.pointer {
  cursor: pointer !important
}

.grab {
  cursor: grab !important
}

.btn-underline {
  border: 0;
  padding-left: 0;
  padding-right: 0;
  color: #011750;
  position: relative;
  cursor: pointer
}

.btn-underline::after {
  height: 100%;
  width: 0;
  position: absolute;
  content: "";
  top: 0;
  transition: .5s ease-in-out;
  left: 0;
  border-bottom: 2px solid #0059e9
}

.btn-underline:hover {
  border-color: #0059e9;
  color: #0059e9
}

.active::after {
  width: 100%;
  border-bottom: 2px solid #011750
}

.black-outline {
  cursor: pointer;
  border: 2px solid #000;
  color: #000;
  transition: .5s ease-in-out
}

.black-outline:hover {
  background-color: #000;
  transition: .5s ease-in-out
}

.white-outline {
  cursor: pointer;
  border: 2px solid #fff;
  color: #fff;
  transition: .5s ease-in-out
}

.white-outline:hover {
  background-color: #fff;
  transition: .5s ease-in-out
}

.main-outline {
  cursor: pointer;
  border: 2px solid #33d1bf;
  color: #33d1bf;
  transition: .5s ease-in-out
}

.main-outline:hover {
  background-color: #33d1bf;
  transition: .5s ease-in-out
}

.text-outline {
  cursor: pointer;
  border: 2px solid #151515;
  color: #151515;
  transition: .5s ease-in-out
}

.text-outline:hover {
  background-color: #151515;
  transition: .5s ease-in-out
}

.link-outline {
  cursor: pointer;
  border: 2px solid #0059e9;
  color: #0059e9;
  transition: .5s ease-in-out
}

.primary-outline {
  cursor: pointer;
  border: 2px solid #011750;
  color: #011750;
  transition: .5s ease-in-out
}

.primary-outline:hover {
  background-color: #011750;
  transition: .5s ease-in-out
}

.secondary-outline {
  cursor: pointer;
  border: 2px solid #373737;
  color: #373737;
  transition: .5s ease-in-out
}

.secondary-outline:hover {
  background-color: #373737;
  transition: .5s ease-in-out
}

.danger-outline {
  cursor: pointer;
  border: 2px solid #e95959;
  color: #e95959;
  transition: .5s ease-in-out
}

.danger-outline:hover {
  background-color: #e95959;
  transition: .5s ease-in-out
}

.success-outline {
  cursor: pointer;
  border: 2px solid #1a3790;
  color: #1a3790;
  transition: .5s ease-in-out
}

.success-outline:hover {
  background-color: #1a3790;
  transition: .5s ease-in-out
}

.warning-outline {
  cursor: pointer;
  border: 2px solid #ffe27e;
  color: #ffe27e;
  transition: .5s ease-in-out
}

.warning-outline:hover {
  background-color: #ffe27e;
  transition: .5s ease-in-out
}

.info-outline {
  cursor: pointer;
  border: 2px solid #174e85;
  color: #174e85;
  transition: .5s ease-in-out
}

.info-outline:hover {
  background-color: #174e85;
  transition: .5s ease-in-out
}

.light-outline {
  cursor: pointer;
  border: 2px solid #f0f0f0;
  color: #f0f0f0;
  transition: .5s ease-in-out
}

.light-outline:hover {
  background-color: #f0f0f0;
  transition: .5s ease-in-out
}

.dark-outline {
  cursor: pointer;
  border: 2px solid #0d0d0d;
  color: #0d0d0d;
  transition: .5s ease-in-out
}

.dark-outline:hover {
  background-color: #0d0d0d;
  transition: .5s ease-in-out
}

.gray-outline {
  cursor: pointer;
  border: 2px solid #555;
  color: #555;
  transition: .5s ease-in-out
}

.gray-outline:hover {
  background-color: #555;
  transition: .5s ease-in-out
}

.shade-outline {
  cursor: pointer;
  border: 2px solid #343434;
  color: #343434;
  transition: .5s ease-in-out
}

.shade-outline:hover {
  background-color: #343434;
  transition: .5s ease-in-out
}

.silent-outline {
  cursor: pointer;
  border: 2px solid #c5c5c5;
  color: #c5c5c5;
  transition: .5s ease-in-out
}

.silent-outline:hover {
  background-color: #c5c5c5;
  transition: .5s ease-in-out
}

.sea-outline {
  cursor: pointer;
  border: 2px solid #bdd5dd;
  color: #bdd5dd;
  transition: .5s ease-in-out
}

.sea-outline:hover {
  background-color: #bdd5dd;
  transition: .5s ease-in-out
}

.paper-outline {
  cursor: pointer;
  border: 2px solid #f2f2f2;
  color: #f2f2f2;
  transition: .5s ease-in-out
}

.paper-outline:hover {
  background-color: #f2f2f2;
  transition: .5s ease-in-out
}

.off-outline {
  cursor: pointer;
  border: 2px solid #e9e9e9;
  color: #e9e9e9;
  transition: .5s ease-in-out
}

.off-outline:hover {
  background-color: #e9e9e9;
  transition: .5s ease-in-out
}

.day-outline {
  cursor: pointer;
  border: 2px solid #f1efe9;
  color: #f1efe9;
  transition: .5s ease-in-out
}

.day-outline:hover {
  background-color: #f1efe9;
  transition: .5s ease-in-out
}

.warm-outline {
  cursor: pointer;
  border: 2px solid #f8f2d8;
  color: #f8f2d8;
  transition: .5s ease-in-out
}

.warm-outline:hover {
  background-color: #f8f2d8;
  transition: .5s ease-in-out
}

.transparent-outline:hover,
input[type=checkbox]::after {
  background-color: transparent;
  transition: .5s ease-in-out
}

.transparent-outline {
  cursor: pointer;
  border: 2px solid transparent;
  color: transparent;
  transition: .5s ease-in-out
}

.black-bg-hover:hover,
.black-outline-hover:hover,
.danger-bg-hover:hover,
.danger-outline-hover:hover,
.dark-bg-hover:hover,
.dark-outline-hover:hover,
.day-bg-hover:hover,
.day-outline-hover:hover,
.gray-bg-hover:hover,
.gray-outline-hover:hover,
.info-bg-hover:hover,
.info-outline-hover:hover,
.light-bg-hover:hover,
.light-outline-hover:hover,
.link-bg-hover:hover,
.link-outline-hover:hover,
.main-bg-hover:hover,
.main-outline-hover:hover,
.off-bg-hover:hover,
.off-outline-hover:hover,
.paper-bg-hover:hover,
.paper-outline-hover:hover,
.primary-bg-hover:hover,
.primary-outline-hover:hover,
.sea-bg-hover:hover,
.sea-outline-hover:hover,
.secondary-bg-hover:hover,
.secondary-outline-hover:hover,
.shade-bg-hover:hover,
.shade-outline-hover:hover,
.silent-bg-hover:hover,
.silent-outline-hover:hover,
.success-bg-hover:hover,
.success-outline-hover:hover,
.text-bg-hover:hover,
.text-outline-hover:hover,
.transparent-bg-hover:hover,
.warm-bg-hover:hover,
.warm-outline-hover:hover,
.warning-bg-hover:hover,
.warning-outline-hover:hover,
.white-bg-hover:hover,
.white-outline-hover:hover {
  transition: 350ms ease-in-out
}

.black,
.black-hover:hover {
  color: #000
}

.dark-theme.infomode body.light-theme .nav .nav-items .nav-item .nav-btn .btn-content .btn-text,
.light-theme.infomode body.light-theme .nav .nav-items .nav-item .nav-btn .btn-content .btn-text,
.white,
.white-hover:hover {
  color: #fff
}

.main,
.main-hover:hover,
.nav .nav-items .nav-item:hover {
  color: #33d1bf
}


.primary,
.primary-hover:hover,
body.light-theme .nav .nav-items .nav-item .nav-btn .btn-content .btn-text {
  color: #011750
}

.secondary,
.secondary-hover:hover {
  color: #373737
}

.danger,
.danger-hover:hover {
  color: #e95959
}

.success,
.success-hover:hover {
  color: #1a3790
}

.warning,
.warning-hover:hover {
  color: #ffe27e
}

/*.text,*/
/*.text-hover:hover {*/
/*  color: #151515*/
/*}*/

/*.light,*/
.light-hover:hover {
  color: #f0f0f0
}

.dark,
.dark-hover:hover {
  color: #0d0d0d
}

.gray,
.gray-hover:hover {
  color: #555
}

.shade,
.shade-hover:hover {
  color: #343434
}

.silent,
.silent-hover:hover {
  color: #c5c5c5
}

.sea,
.sea-hover:hover {
  color: #bdd5dd
}

.paper,
.paper-hover:hover {
  color: #f2f2f2
}

.off,
.off-hover:hover {
  color: #e9e9e9
}

.day,
.day-hover:hover {
  color: #f1efe9
}

.warm,
.warm-hover:hover {
  color: #f8f2d8
}

.transparent,
.transparent-hover:hover {
  color: transparent
}

.black-outline-hover:hover {
  border: 5px solid #000
}

.white-outline-hover:hover {
  border: 5px solid #fff
}

.main-outline-hover:hover {
  border: 5px solid #33d1bf
}

.text-outline-hover:hover {
  border: 5px solid #151515
}

.link-outline-hover:hover {
  border: 5px solid #0059e9
}

.primary-outline-hover:hover {
  border: 5px solid #011750
}

.secondary-outline-hover:hover {
  border: 5px solid #373737
}

.danger-outline-hover:hover {
  border: 5px solid #e95959
}

.success-outline-hover:hover {
  border: 5px solid #1a3790
}

.warning-outline-hover:hover {
  border: 5px solid #ffe27e
}

.info-outline-hover:hover {
  border: 5px solid #174e85
}

.light-outline-hover:hover {
  border: 5px solid #f0f0f0
}

.dark-outline-hover:hover {
  border: 5px solid #0d0d0d
}

.gray-outline-hover:hover {
  border: 5px solid #555
}

.shade-outline-hover:hover {
  border: 5px solid #343434
}

.silent-outline-hover:hover {
  border: 5px solid #c5c5c5
}

.sea-outline-hover:hover {
  border: 5px solid #bdd5dd
}

.paper-outline-hover:hover {
  border: 5px solid #f2f2f2
}

.off-outline-hover:hover {
  border: 5px solid #e9e9e9
}

.day-outline-hover:hover {
  border: 5px solid #f1efe9
}

.warm-outline-hover:hover {
  border: 5px solid #f8f2d8
}

.transparent-outline-hover:hover {
  border: 5px solid transparent;
  transition: 350ms ease-in-out
}

.outline-hover--0 {
  border-width: 0
}

.outline-hover--0:hover {
  border-width: 0 !important
}

.outline-hover--1 {
  border-width: 1px
}

.outline-hover--1:hover {
  border-width: 1px !important
}

.outline-hover--2 {
  border-width: 2px
}

.outline-hover--2:hover {
  border-width: 2px !important
}

.outline-hover--3 {
  border-width: 3px
}

.outline-hover--3:hover {
  border-width: 3px !important
}

.outline-hover--5 {
  border-width: 5px
}

.outline-hover--5:hover {
  border-width: 5px !important
}

.outline-hover--8 {
  border-width: 8px
}

.outline-hover--8:hover {
  border-width: 8px !important
}

.outline-hover--13 {
  border-width: 13px
}

.outline-hover--13:hover {
  border-width: 13px !important
}

.outline-hover--21 {
  border-width: 21px
}

.outline-hover--21:hover {
  border-width: 21px !important
}

.outline-hover--34 {
  border-width: 34px
}

.outline-hover--34:hover {
  border-width: 34px !important
}

.outline-hover--55 {
  border-width: 55px
}

.outline-hover--55:hover {
  border-width: 55px !important
}

.outline-hover--89 {
  border-width: 89px
}

.outline-hover--89:hover {
  border-width: 89px !important
}

.outline-hover--144 {
  border-width: 144px
}

.outline-hover--144:hover {
  border-width: 144px !important
}

.black-bg-hover:hover {
  background-color: #000 !important
}

.white-bg-hover:hover {
  background-color: #fff !important
}

.main-bg-hover:hover {
  background-color: #33d1bf !important
}

.text-bg-hover:hover {
  background-color: #151515 !important
}

.link-bg-hover:hover {
  background-color: #0059e9 !important
}

.primary-bg-hover:hover {
  background-color: #011750 !important
}

.secondary-bg-hover:hover {
  background-color: #373737 !important
}

.danger-bg-hover:hover {
  background-color: #e95959 !important
}

.success-bg-hover:hover {
  background-color: #1a3790 !important
}

.warning-bg-hover:hover {
  background-color: #ffe27e !important
}

.info-bg-hover:hover {
  background-color: #174e85 !important
}

.light-bg-hover:hover {
  background-color: #f0f0f0 !important
}

.dark-bg-hover:hover {
  background-color: #0d0d0d !important
}

.gray-bg-hover:hover {
  background-color: #555 !important
}

.shade-bg-hover:hover {
  background-color: #343434 !important
}

.silent-bg-hover:hover {
  background-color: #c5c5c5 !important
}

.sea-bg-hover:hover {
  background-color: #bdd5dd !important
}

.paper-bg-hover:hover {
  background-color: #f2f2f2 !important
}

.off-bg-hover:hover {
  background-color: #e9e9e9 !important
}

.day-bg-hover:hover {
  background-color: #f1efe9 !important
}

.warm-bg-hover:hover {
  background-color: #f8f2d8 !important
}

.transparent-bg-hover:hover {
  background-color: transparent !important
}

.links:hover {
  filter: brightness(200%);
  cursor: pointer
}

.mouse_scroll {
  display: block;
  margin: 125px auto 0;
  width: 24px;
  height: 100px;
  position: absolute;
  z-index: 999;
  right: 34px;
  bottom: 34px
}

.mouse_scroll .m_scroll_arrows {
  display: block;
  transform: rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin: 0 0 3px 4px;
  width: 16px;
  height: 16px
}

.mouse_scroll .mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid #fff;
  top: 170px
}

.mouse_scroll .mouse .wheel {
  display: block;
  margin: 5px auto;
  background: #fff;
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  border-radius: 8px;
  animation: .6s linear infinite mouse-wheel
}

.mouse_scroll .mouse .doi,
.mouse_scroll .mouse .trei,
.mouse_scroll .mouse .unu {
  animation: 1s infinite mouse-scroll
}

.mouse_scroll .mouse .unu {
  margin-top: 1px;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  animation-direction: alternate;
  animation-delay: alternate
}

.mouse_scroll .mouse .doi {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  animation-delay: .2s;
  animation-direction: alternate;
  margin-top: -6px
}

.mouse_scroll .mouse .trei {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  animation-delay: .3s;
  animation-direction: alternate;
  margin-top: -6px
}

@keyframes mouse-scroll {
  0% {
    opacity: 0
  }

  50% {
    opacity: .5
  }

  100% {
    opacity: 1
  }
}

@keyframes mouse-wheel {

  0%,
  100% {
    top: 1px
  }

  25%,
  75% {
    top: 2px
  }

  50% {
    top: 3px
  }
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  cursor: pointer;
  margin-right: 34px;
  border-radius: 0;
  line-height: 25px;
  background-image: none;
  content: ""
}

input[type=radio]::before {
  background-color: #fff;
  top: 0;
  position: absolute;
  border-radius: 50%;
  content: "";
  border: 2px solid #011750;
  transition: .5s ease-in-out
}

input[type=radio]::after {
  background-color: #e9e9e9;
  position: absolute;
  z-index: 100;
  left: 8px;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin: 2px 0;
  border: 0 solid #e9e9e9;
  content: "";
  transition: .5s ease-in-out
}

input[type=checkbox]:hover::before,
input[type=radio]:hover::before {
  background-color: #0059e9;
  border-color: #0059e9
}

input[type=checkbox]::before {
  background-color: #fff;
  top: 0;
  position: absolute;
  content: "";
  border: 2px solid #011750;
  transition: .5s ease-in-out
}

input[type=checkbox]::after {
  position: absolute;
  z-index: 100;
  left: 8px;
  top: 0;
  width: 7px;
  height: 13px;
  margin: 2px 0;
  border: solid #e9e9e9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: ""
}

input[type=email],
input[type=hidden],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url] {
  cursor: text;
  height: 39px;
  border: 0;
  background-color: #e9e9e9;
  margin: 0;
  color: #000559;
  position: relative;
  padding: 0;
  top: 0;
  border-top: 0 solid #e9e9e9;
  border-bottom: 2px solid #011750;
  outline: 0;
  transition: .5s ease-in-out
}

.feature,
label::after,
label::before {
  border-radius: 50px
}

input[type=email]:focus,
input[type=hidden]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus {
  background-color: #fff;
  border-color: #0059e9;
  transition: .5s ease-in-out
}

input[type=checkbox] + *,
input[type=radio] + * {
  padding-left: 34px
}

label {
  padding: 0 13px 0 0
}

body {
  color: #323232;
  /*background-color: var(--light-dark)*/
}

.card {
  position: relative;
  width: 100%;
  display: inline-block;
  padding-top: 100%
}

.box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.icon {
  font-size: 50px;
  line-height: 100%
}

.icon .icon__main {
  width: 100%;
  height: 100%;
  min-width: 30px;
  min-height: 30px
}

.icon .icon__main::after {
  content: "A"
}

header {
  position: fixed;
  z-index: 900;
  height: 121px;
  top: 0;
  transition: top .2s, opacity 150ms linear
}

@media (max-width: 1200px) {
  .col-xl-hide-all {
    display: none;
    transition: .3s ease-in-out
  }

  header {
    height: 100px
  }
}

header .head {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: auto 1fr;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  /*background: linear-gradient(89deg, rgba(81, 35, 155, .0117647059) 0,*/
  /*rgba(81, 35, 155, .0509803922) 5%,*/
  /*rgba(1, 23, 80, .1294117647) 13%,*/
  /*rgba(1, 23, 80, .3411764706) 34%,*/
  /*rgba(0, 0, 0, .5490196078) 55%,*/
  /*rgba(0, 0, 0, .8901960784) 89%);*/
  background: black !important;
}

header .head .eye {
  position: relative;
  display: flex;
  grid-gap: 13px;
  align-items: center;
  padding-left: var(--default-c);
  padding-right: var(--default-c)
}

header .head .eye .logo {
  width: 4.6rem;
  cursor: pointer
}

@media (max-width: 576px) {
  .col-sm-hide-all {
    display: none;
    transition: .3s ease-in-out
  }

  header {
    height: 75px
  }

  header .head {
    background: black !important
  }

  header .head .eye {
    padding-left: var(--default-b)
  }

  header .head .eye .logo {
    width: 3.8rem
  }
}

header .head .eye .logo svg {
  cursor: pointer;
  height: 100%;
  width: 100%;
  max-width: 5.6rem;
  overflow: visible;
  max-height: 3.5rem;
  transition: linear 250ms
}

header .head .eye .logo svg .logo-arrow {
  fill: var(--main-mainplus);
  transition: 250ms linear
}

header .head .eye .logo svg .logo-nih {
  fill: var(--dark-light)
}

header .head .eye .logo svg:hover .logo-nih {
  fill: var(--primary-light)
}

header .head .eye .logo svg:hover .logo-arrow {
  position: absolute;
  transform: translateX(21px)
}

header .head .eye .nhgri {
  font-size: 1.4rem;
  white-space: nowrap;
  color: var(--primary-light);
  font-family: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Microsoft Sans Serif", Roboto, sans-serif;
  font-weight: 500;
  margin-top:-2px;
}

@media (max-width: 576px) {
  header .head .eye .nhgri {
    font-size: 1.23rem
  }
}

@media (min-width: 1920px) {
  header .head .eye .logo {
    width: 5.6rem
  }

  header .head .eye .nhgri {
    font-size: 1.7rem
  }
}

header .head .ear {
  justify-self: flex-end;
  padding-right: var(--default-c)
}

.btn-light {
  background-color: var(--primary-light);
  color: var(--light-primary);
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none
}

.btn-light:hover {
  background: var(--g-parimary);
  text-decoration: none;
  cursor: pointer;
  background-image: linear-gradient(55deg, var(--g-parimary) 1%, var(--g-link) 55%, var(--g-main) 89%)
}

.feature {
  width: 50px;
  height: 50px;
  z-index: 1000;
  position: fixed;
  right: var(--default-c);
  bottom: var(--default-c);
  transition: 350ms;
  display: flex;
  margin: 2px;
  flex-wrap: wrap
}

.feature #easymode,
.feature #feature-icon,
.feature #infomode,
.feature #reader-mode,
.feature #theme {
  width: 50px;
  height: 50px;
  position: relative;
  display: none;
  background-color: var(--white);
  transition: .3s;
  cursor: pointer;
  padding: 3px
}

.feature #easymode:hover,
.feature #feature-icon:hover,
.feature #infomode:hover,
.feature #reader-mode:hover,
.feature #theme:hover {
  background-color: var(--primary)
}

.feature #easymode:hover .fill,
.feature #easymode:hover svg,
.feature #feature-icon:hover .fill,
.feature #feature-icon:hover svg,
.feature #infomode:hover .fill,
.feature #infomode:hover svg,
.feature #reader-mode:hover .fill,
.feature #reader-mode:hover svg,
.feature #theme:hover .fill,
.feature #theme:hover svg {
  fill: var(--white) !important
}

.feature #easymode:hover .stroke,
.feature #feature-icon:hover .stroke,
.feature #infomode:hover .stroke,
.feature #reader-mode:hover .stroke,
.feature #theme:hover .stroke {
  stroke: var(--white) !important
}

.feature #feature-icon {
  position: absolute;
  display: block;
  border-radius: 50px;
  background-color: rgba(81, 35, 155, .89);
  box-shadow: rgba(0, 0, 0, .25) 0 54px 55px, rgba(0, 0, 0, .12) 0 -12px 30px, rgba(0, 0, 0, .12) 0 4px 6px, rgba(0, 0, 0, .17) 0 12px 13px, rgba(0, 0, 0, .09) 0 -3px 5px
}

.feature #feature-icon svg {
  fill: white;
  padding: 3px
}

.feature:hover {
  height: 200px;
  width: 50px
}

.dark-theme .feature #theme .off,
.dark-theme.infomode .slider .slide .bg,
.easymode .feature #easymode .on,
.infomode .feature #infomode .on,
.light-theme .feature #theme .on,
.text-speech .feature .reader-mode .on {
  display: none !important
}

.dark-theme .feature #theme .on,
.easymode .feature #easymode .off,
.infomode .feature #infomode .off,
.light-theme .feature #theme .off,
.text-speech .feature .reader-mode .off {
  display: block !important
}

.up-hide {
  top: -121px !important;
  opacity: 0 !important;
  transition: top .3s ease-in-out, opacity .2s ease-in-out
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

.ea,
.hur {
  top: 0;
  left: 0;
  border: none;
  outline: 0;
  background: radial-gradient(circle closest-side, transparent, transparent);
  overflow: hidden
}

.visually-hidden:focus-within {
  background-color: var(--light-black);
  width: auto;
  color: var(--dark-light);
  top: 121px;
  left: 21px;
  font-weight: 500;
  height: auto;
  padding: .5rem 2rem;
  position: absolute;
  clip: unset;
  overflow: unset;
  z-index: 10000
}

.ea::before,
.hur::after {
  --size: 0;
  content: "";
  left: var(--x);
  top: var(--y);
  max-width: 400px;
  max-height: 400px;
  width: var(--size);
  height: var(--size);
  background-image: radial-gradient(circle closest-side, var(--lp-primary), transparent);
  transform: translate(-50%, -50%)
}

.hur {
  position: relative
}

.ea,
.ea::before,
.hur::after {
  position: absolute
}

.hur::after {
  z-index: 10;
  mix-blend-mode: saturation
}

.ea:hover::before,
.hur:hover::after {
  --size: 300%
}

.ea {
  width: 100%;
  height: 100%
}

.ea::before {
  z-index: -1
}

.about .tiles .title::after,
.eyebrow-down::after,
.eyebrow-up::after {
  width: 89px;
  background-color: var(--main);
  z-index: 200;
  left: 0;
  content: "";
  position: absolute
}

.freez {
  overflow: hidden
}

.about .tiles .title::after,
.eyebrow-down::after {
  height: 8px;
  bottom: 0
}

.eyebrow-up::after {
  height: 8px;
  top: 0
}

.search,
.search-btn,
.shade {
  position: fixed
}

.shade {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
  background: #51239b;
  background: linear-gradient(135deg, rgba(81, 35, 155, .89) 0, rgba(81, 35, 155, .89) 8%, rgba(39, 29, 116, .65) 21%, rgba(1, 23, 80, .55) 34%, rgba(1, 23, 80, .34) 55%, rgba(1, 23, 80, 0) 89%);
  mix-blend-mode: hard-light;
  opacity: .8
}

#option {
  align-items: center;
  transform: rotate(0);
  transition: .5s ease-in-out;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-around;
  padding: 8px 0
}

#option span {
  display: block;
  height: 5px;
  width: 37px;
  background: var(--light-primary);
  opacity: 1;
  transform: rotate(0);
  transition: .25s
}

#option span:first-child {
  transform-origin: 4px 8px
}

#option span:nth-child(2) {
  transform-origin: left center
}

#option span:nth-child(3) {
  transform-origin: 4px -3.5px
}

#option.open span:first-child {
  transform: rotate(45deg);
  width: 40px;
  top: -3px;
  left: 8px
}

#option.open span:nth-child(2) {
  width: 0%;
  opacity: 0
}

#option.open span:nth-child(3) {
  width: 40px;
  transform: rotate(-45deg);
  top: 39px;
  left: 8px
}

.search {
  transition: width 350ms ease-in-out, background-color .5s ease-in-out;
  background-color: transparent;
  z-index: 101;
  top: 121px;
  margin: 0 auto;
  width: 100vw;
  height: 55px
}

.search.active,
.search.restate {
  opacity: 1;
  position: fixed;
  z-index: 1000;
  height: 100%;
  min-height: 100vh;
  max-width: 100vw;
  background: linear-gradient(121deg, rgba(255, 255, 255, .01) 0, rgba(252, 251, 255, .05) 5%, rgba(255, 255, 255, .13) 13%, rgba(255, 255, 255, .34) 34%, rgba(255, 255, 255, .55) 55%, rgba(255, 255, 255, .89) 89%);
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
  width: 100vw;
  top: 121px;
  right: 0;
  animation-name: example;
  animation-iteration-count: 1;
  animation-duration: 350ms
}

.search.active .search-input,
.search.restate .search-input {
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.search.active .search-input::-webkit-scrollbar,
.search.restate .search-input::-webkit-scrollbar {
  display: none
}

.search.active .search-input::after,
.search.restate .search-input::after {
  width: 100%;
  height: calc(100% + 189px);
  max-height: inherit;
  display: inline-block;
  background: linear-gradient(180deg, var(--white-black-a0) 0, var(--white-black-a41) 55%, var(--white-black) 89%);
  content: "";
  position: absolute;
  top: 0;
  z-index: -1
}

.search.active .search-input .input::before,
.search.restate .search-input .input::before {
  content: unset;
  margin-right: 23px;
  top: 56px
}

.search.active .search-input .input::after,
.search.restate .search-input .input::after {
  content: unset;
  right: inherit;
  margin-right: 30px;
  top: 32px
}

.search.active .search-input .input input:not(:-moz-placeholder-shown),
.search.restate .search-input .input input:not(:-moz-placeholder-shown) {
  border-bottom: 3px solid var(--main)
}

.search.active .search-input .input input:not(:placeholder-shown),
.search.restate .search-input .input input:not(:placeholder-shown) {
  border-bottom: 3px solid var(--main)
}

.search.active .input,
.search.restate .input {
  width: 100%;
  position: relative;
  margin-top: 55px;
  transition: 250ms
}

.search.active .input input,
.search.restate .input input {
  width: 100%;
  font-size: 42px;
  max-width: unset;
  height: 89px;
  font-weight: 500;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px)
}

.search.active .input input::-moz-placeholder,
.search.restate .input input::-moz-placeholder {
  color: #33d1bf;
  font-style: normal;
  font-size: 42px;
  font-weight: 400
}

.search.active .input input::placeholder,
.search.restate .input input::placeholder {
  color: #33d1bf;
  font-style: normal;
  font-size: 42px;
  font-weight: 400
}

.search.active .input .input-suggest,
.search.restate .input .input-suggest {
  opacity: 1;
  display: inline-block;
  position: relative
}

.search .input {
  width: 100%;
  margin: 0 auto;
  height: 55px;
  z-index: 500;
  transition: 250ms;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.search .input::after {
  content: "";
  display: inline-block;
  position: absolute;
  cursor: pointer;
  background: 0 0;
  border-radius: 50%;
  width: 25px;
  border: solid 3px var(--primary);
  height: 25px;
  right: inherit;
  margin-right: 18px;
  top: 12px
}

.search .input::before,
.search-btn::before {
  background: var(--primary);
  content: "";
  display: inline-block;
  position: absolute
}

.search .input::before {
  width: 13px;
  height: 3px;
  right: inherit;
  z-index: 12;
  margin-right: 11px;
  top: 36px;
  transform: rotate(45deg)
}

.search .input input {
  border-color: transparent;
  width: 900px;
  border-radius: 0 !important;
  -webkit-appearance: none;
  height: 55px;
  max-width: 55vw;
  position: relative;
  padding: 0 21px;
  /*background-color: rgba(255, 255, 255, .631372549);*/
  background-color: rgb(248 246 246 / 81%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}

.search .input input::-moz-placeholder {
  color: #555;
  -moz-transition: 350ms linear;
  transition: 350ms linear;
  font-size: 18px;
  font-weight: 400;
  font-style: italic
}

.search .input input::placeholder {
  color: #555;
  transition: 350ms linear;
  font-size: 18px;
  font-weight: 400;
  font-style: italic
}

.search .input .input-suggest {
  transition: opacity 350ms ease-in-out 250ms;
  width: 100%;
  opacity: 0;
  padding-top: 21px;
  display: none
}

.search .input .input-suggest .input--result {
  margin: 21px 0;
  padding-bottom: 21px
}

.search .input .input-suggest .input--result:last-of-type {
  padding-bottom: 189px
}

.search .input .input-suggest .input--result a {
  color: var(--primary-light);
  transition: font-size 250ms
}

.search .input .input-suggest .input--result a:hover {
  color: var(--main);
  font-weight: 500;
  text-decoration: none
}

.search .input .input-suggest .input--result h3 {
  transition: 350ms;
  font-weight: 400;
  font-size: 1.7rem;
  margin: 0;
  line-height: 1.2;
  color: var(--primary-light);
  padding: 5px 0 8px
}

.search .input .input-suggest .input--result p {
  text-shadow: var(--white-black) 1px 1px 4px;
  color: var(--dark-light);
  font-weight: 400;
  font-size: 1em;
  line-height: 1.4
}

.search-btn {
  display: none;
  width: 55px;
  height: 55px;
  background-color: var(--off);
  z-index: 2000;
  right: calc(var(--default-c) + 55px);
  top: var(--default-c);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer
}

.search-btn::before {
  width: 20px;
  height: 5px;
  left: 13px;
  top: 13px;
  transform: translate(15px, 22px) rotate(45deg)
}

.search-btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  cursor: pointer;
  background: 0 0;
  border-radius: 50%;
  width: 30px;
  border: solid 5px var(--primary);
  height: 30px;
  left: 8px;
  top: 8px
}

.search-btn.close::after,
.search-btn.close::before {
  display: inline-block;
  width: 40px;
  height: 5px;
  border-radius: 0;
  background: var(--primary);
  position: absolute;
  left: 13px;
  top: 15px;
  content: ""
}

.search-btn.close::before {
  transform: translate(-5px, 10px) rotate(45deg);
  transition: width .3s ease-in-out
}

.search-btn.close::after {
  border: none;
  transform: translate(-5px, 10px) rotate(-45deg)
}

.active {
  opacity: 1;
  top: 121px;
  transition: .2s
}

@media only screen and (min-height: 600px) and (max-width: 1000px) {
  :root {
    --slide-height: auto !important
  }
}

@media only screen and (min-height: 100vh) and (min-width: 150vh) {
  :root {
    /*--slide-height: auto*/
  }
}

@media only screen and (min-height: 140vw) and (min-width: 50vw) {
  header {
    background: 0 0
  }

  .slider .slide .tabs .wrapper {
    min-width: 1200px !important
  }

  :root {
    --slide-height: auto
  }
}

@media only screen and (max-height: 600px) and (min-width: 130vh) {
  :root {
    /*--slide-height: auto*/
  }
}

@media only screen and (min-height: 600px) and (min-width: 150vh) {
  :root {
    /*--slide-height: 100vh*/
  }
}

.nav {
  z-index: 500;
  position: relative
}

.nav .nav-items {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  gap: 2px;
  position: relative;
  height: 100%;
  justify-content: space-between;
  transition: 250ms;
  max-width: 900px
}

.nav .nav-items .nav-item {
  text-transform: uppercase;
  flex-direction: column;
  box-sizing: content-box;
  gap: 5px;
  width: auto;
  max-width: 89px;
  padding: 13px 8px 10px;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  color: var(--light);
  transition: 250ms;
  position: static;
  display: inline
}

.nav .nav-items .nav-item .nav-btn {
  display: inline-block;
  border: none;
  font-size: large;
  height: 100%;
  padding: 0;
  width: 100%;
  background-color: transparent;
  z-index: 1;
  position: relative
}

.nav .nav-items .nav-item .nav-btn .btn-content {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  z-index: -1;
  justify-content: center
}

.nav .nav-items .nav-item .nav-btn .btn-content .btn-icon {
  display: inline-block;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  max-height: 55px;
  max-width: 55px;
  padding: 0;
  margin: 0
}

.nav .nav-items .nav-item .nav-btn .btn-content .btn-icon svg {
  max-height: 55px;
  transition: 350ms ease-in-out
}

.nav .nav-items .nav-item .nav-btn .btn-content .btn-icon .svg {
  transition: opacity 350ms ease-in-out
}

.nav .nav-items .nav-item .nav-btn .btn-content .btn-icon .svg.grad {
  fill: url("#grad")
}

.nav .nav-items .nav-item .nav-btn .btn-content .btn-icon .svg.fade {
  fill: url("#fade")
}

.nav .nav-items .nav-item .nav-btn .btn-content .btn-icon .svg.txt {
  fill: none;
  stroke-width: 16px;
  stroke: var(--lightblue-white);
  stroke-linecap: butt
}

.nav .nav-items .nav-item .nav-btn .btn-content .btn-text {
  padding: 5px;
  margin: 0;
  text-transform: uppercase;
  background-color: transparent;
  line-height: 1.12;
  text-align: left;
  color: var(--primary-light);
  font-weight: 400;
  font-size: .95rem;
  white-space: nowrap
}

.nav .nav-items .nav-item .nav-btn .btn-content .btn-icon,
.nav .nav-items .nav-item .nav-btn .btn-content .btn-text {
  position: relative;
  z-index: -1
}

.nav .nav-items .nav-item.active > .nav-btn + .menu {
  opacity: 1;
  display: block;
  height: auto;
  visibility: visible;
  z-index: 1000;
  width: 825px;
  transform: translateY(0);
  pointer-events: auto
}

.nav .nav-items .nav-item.active .nav-btn .btn-content .btn-text {
  color: #33d1bf;
  font-weight: 500
}

.nav .nav-items .nav-item .menu {
  position: absolute;
  height: 0;
  overflow: hidden;
  z-index: 100;
  top: -1000px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  opacity: 0;
  display: none;
  pointer-events: none;
  transition: opacity 350ms;
  left: inherit;
  transform: translateY(55px);
  background-color: transparent;
  width: 825px;
  right: 0
}

.nav .nav-items .nav-item .menu .menu-container {
  padding: 0;
  display: inline-block;
  margin: 0;
  width: 100%
}

.nav .nav-items .nav-item .menu .menu-container::after {
  width: 50%;
  height: 100%;
  min-height: 100px;
  min-width: 100px;
  background-color: rgba(9, 9, 185, .116);
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  content: ""
}

.nav .nav-items .nav-item .menu .menu-container .menu-items {
  width: 100%;
  list-style: none;
  position: relative;
  height: 100%;
  padding: 0;
  margin: 0;
  max-height: 100vh;
  background-color: var(--white-light);
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: scroll
}

.nav .nav-items .nav-item .menu .menu-container .menu-items::-webkit-scrollbar {
  width: 0 !important
}

.nav .nav-items .nav-item .menu .menu-container .menu-items:last-child {
  padding-bottom: 55px
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title {
  font-size: 34px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 55px 21px 21px;
  display: inline-block;
  width: 50%
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title .view {
  position: absolute;
  padding-right: 20px;
  left: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--primary);
  background-position: top !important;
  transition: opacity .3s ease-in-out
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item {
  cursor: pointer;
  width: calc(50% - 42px);
  margin-left: 21px;
  border-bottom: 1px solid gray;
  font-size: 18px;
  font-weight: 400;
  z-index: 1000
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item a {
  width: 100%;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  color: var(--dark);
  text-decoration: none;
  padding: 13px 0;
  background: 0 0;
  margin: 0
}

.nav .nav-items .close,
.option,
.slider .slick-dots li button {
  display: none
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item a:hover {
  color: #33d1bf;
  padding-left: 13px;
  background-color: #0d0d0d
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item .view {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 0;
  left: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  background-color: var(--primary);
  background-position: top center !important;
  transition: opacity 450ms ease-in-out
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item:hover {
  background-color: #0d0d0d;
  color: #33d1bf !important
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item:hover .view {
  opacity: 1;
  display: inline-block;
  z-index: 1
}

.nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item:last-child {
  margin-bottom: 34px
}

.nav .nav-items .nav-item:focus-visible {
  box-shadow: #26394d 0 20px 30px -10px;
  transition: box-shadow 350ms;
  overflow: hidden;
  padding: 2px 5px;
  background-color: #011750
}

.nav .nav-items .nav-item:focus-visible .nav-btn .btn-content .btn-text {
  color: var(--light) !important
}

.nav .nav-items .nav-item:focus-visible::after {
  content: " ";
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  right: 5px;
  top: 5px
}

.nav .nav-items .nav-item:hover .svg {
  fill: #f0f0f0;
  transition: fill 350ms ease-in-out, color 350ms ease-in-out
}

.nav .nav-items .nav-item:hover .svg.txt {
  stroke-dasharray: 350;
  stroke-dashoffset: 0;
  stroke: #33d1bf;
  animation: 1s linear dash
}

@keyframes dash {
  from {
    stroke-dashoffset: 350
  }

  to {
    stroke-dashoffset: 0
  }
}

.nav .nav-items .nav-item:hover .svg.txt:first-of-type {
  animation-delay: .1s
}

.nav .nav-items .nav-item:hover .svg.txt:nth-of-type(2) {
  animation-delay: .2s
}

.nav .nav-items .nav-item:hover .svg.txt:nth-of-type(3) {
  animation-delay: .3s
}

.nav .nav-items .nav-item:hover .svg.txt:nth-of-type(4) {
  animation-delay: .4s
}

.nav .nav-items .nav-item:hover .svg.grad {
  fill: #f0f0f0
}

.nav .nav-items .nav-item:hover .svg.fade {
  fill: url("#fadewhite")
}

.nav .nav-items .nav-item:hover::after {
  content: " ";
  width: 8px;
  height: 8px;
  z-index: -1;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  right: 13px;
  top: 13px;
  animation: 350ms linear alternate-reverse animate
}

@keyframes animate {
  0% {
    background-color: #011750
  }

  100% {
    background-color: #0059e9;
    opacity: 0
  }
}

.nav .nav-items:hover.nav-item:not(:hover) {
  transition: 350ms ease-in-out
}

.cctv {
  position: fixed !important;
  width: 100vw !important;
  left: 0 !important
}

.cctv .cont {
  max-width: 161.8vh !important;
  margin: 0 auto !important
}

.cctv .cont .men {
  margin-left: 45% !important;
  width: 55% !important
}

section {
  max-width: 100vw;
  overflow: hidden
}

.option {
  width: 55px;
  height: 55px;
  z-index: 2000;
  background-color: var(--primary-light);
  position: fixed;
  top: var(--default-c);
  right: var(--default-c);
  cursor: pointer
}

@media (max-width: 1200px) {

  .search,
  .search.active,
  .search.restate {
    top: 100px
  }

  .nav .nav-items .nav-item .menu .menu-container .menu-items {
    background-color: var(--light-primary)
  }

  .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item a {
    color: var(--dark-light)
  }

  .nav,
  .nav .nav-items .nav-item .menu {
    top: 0;
    position: fixed;
    width: 100vw !important;
    max-width: 450px;
    display: flex
  }

  header .ea {
    overflow: visible
  }

  .option {
    display: flex;
    opacity: 1
  }

  .nav {
    visibility: none;
    transition: 250ms;
    background: var(--white-black);
    z-index: 950;
    right: -100%;
    margin: 0 auto;
    min-width: 250px;
    height: 100vh;
    opacity: 0;
    overflow: scroll;
    justify-content: center;
    align-items: center
  }

  .nav::before {
    content: "";
    width: 100vw;
    height: 100vh;
    right: 450px;
    position: fixed;
    z-index: -1;
    top: 0;
    background: var(--primary);
    opacity: .62
  }

  .nav .nav-items {
    height: auto;
    width: auto;
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 21px;
    max-height: 600px
  }

  .nav .nav-items .nav-item {
    text-transform: uppercase;
    flex-direction: column;
    box-sizing: content-box;
    gap: 5px;
    width: auto;
    max-width: 89px;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    color: var(--light);
    transition: 250ms;
    position: static;
    display: flex
  }

  .nav .nav-items .nav-item .nav-btn .btn-content .btn-icon {
    max-height: 72px;
    max-width: 72px
  }

  .nav .nav-items .nav-item .nav-btn .btn-content .btn-icon svg {
    max-height: 100%
  }

  .nav .nav-items .nav-item .menu {
    left: auto;
    align-items: center;
    right: 0 !important;
    height: 100vh !important;
    background: var(--light-primary)
  }

  .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item .view,
  .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item:hover .view,
  .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title .view,
  .nav .nav-items .nav-item .menu .menu-container::after {
    display: none
  }

  .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title {
    width: 100%
  }

  .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-item {
    width: calc(100% - 42px) !important
  }

  .nav .nav-items .close {
    grid-column: 1/-1;
    display: flex;
    justify-content: flex-start;
    height: 100%
  }
}

@media (max-width: 332px) {
  .nav .nav-items {
    grid-template-columns: 1fr 1fr
  }
}

.option-active {
  opacity: 1;
  right: 0
}

.face {
  height: var(--slide-height);
  width: 100%;
  position: relative;
  min-height: 100%;
  display: inline
}

.face .slide__control {
  flex-basis: 100%;
  display: inline;
  gap: 10px;
  right: 21px;
  position: absolute;
  top: calc(50% - 42px);
  z-index: 500;
  padding: 0;
  height: 84px;
  width: 42px;
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row
}

.face .slide__control .next,
.face .slide__control .prev {
  width: 42px;
  position: relative;
  height: 42px;
  cursor: pointer;
  background-color: transparent;
  transition: background-color 350ms
}

.face .slide__control .next:hover,
.face .slide__control .prev:hover {
  background-color: var(--white-black)
}

.face .slide__control .next:hover::after,
.face .slide__control .prev:hover::after {
  border-color: var(--main)
}

.face .slide__control .next::after,
.face .slide__control .prev::after {
  border-left: 3px solid var(--primary-light);
  border-bottom: 3px solid var(--primary-light);
  position: absolute;
  width: 21px;
  content: "";
  height: 21px;
  margin: 10px 10px 0 0;
  transition: right 250ms linear;
  cursor: pointer
}

.face .slide__control .next::after {
  top: calc(50% - 24px);
  right: 0;
  transform: rotate(-45deg)
}

.face .slide__control .prev::after {
  top: calc(50% - 17px);
  left: 11px;
  transform: rotate(135deg)
}

.controls {
  position: absolute;
  width: auto;
  height: 110px;
  display: flex;
  flex-direction: column;
  top: 50vh;
  right: 21px;
  color: #fff;
  gap: 10px;
  z-index: 999;
  align-items: flex-end
}

.controls .btn-next,
.controls .btn-prev {
  background: 0 0;
  position: relative;
  width: 55px;
  min-height: 55px
}

.controls .btn-next::after,
.controls .btn-prev::after {
  content: "";
  height: 21px;
  position: absolute;
  margin: 7px 8px;
  border: 0;
  transition: right 250ms linear;
  transform: rotate(45deg);
  width: 21px
}

.slider .slide .content .slide__control .next::after,
.slider .slide .content .slide__control .prev::after,
.slider .slide .tabs .tab::after {
  border-top: 3px solid var(--light);
  border-right: 3px solid var(--light)
}

.controls .btn-next:hover,
.controls .btn-prev:hover {
  background: var(--primary)
}

.slider .slick-dots .slick-active,
.slider-progress .progress {
  background-color: var(--main)
}

.controls .btn-next::after {
  top: calc(50% - 22px);
  left: calc(50% - 19px);
  border-bottom: 3px solid var(--light);
  border-right: 3px solid var(--light)
}

.controls .btn-prev::after {
  top: calc(50% - 13px);
  left: calc(50% - 19px);
  border-top: 3px solid var(--light);
  border-left: 3px solid var(--light)
}

.daynight {
  position: absolute;
  background-color: #ff0;
  width: 55px;
  height: 55px;
  top: 300px;
  right: 0;
  z-index: 999
}

.slider-progress {
  width: 89px;
  height: 10px;
  position: relative;
  background: var(--dark-light)
}

.slider-progress .progress {
  width: 100%;
  height: 10px;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 200;
  transition: width 5s linear
}

.slider {
  height: var(--slide-height);
  position: relative
}

.slider .slick-dots {
  position: absolute;
  top: 50% !important;
  right: var(--default-c);
  gap: 13px;
  flex-wrap: wrap;
  color: #fff;
  transform: translateY(-50%);
}

.slider .slick-dots li {
  background: var(--silent);
  height: 18px;
  cursor: pointer;
  width: 18px;
  border-radius: 50%;
  margin-top: 8px;
}

.slider .slick-list {
  height: inherit
}

.slider .slick-list .slick-track {
  display: flex;
  min-height: 100%
}

.slider .slick-list .slick-track .slide {
  min-height: 100%;
  display: flex !important
}

.slider .slick-slide,
.slider .slick-slide * {
  outline: 0 !important
}

.slider .slide {
  transition: transform 350ms;
  background-color: var(--light-black);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-wrap: wrap;
  height: var(--slide-height);
  min-height: var(--slide-minheight);
  gap: var(--default-c)
}

.slider .slide::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(/themes/custom/nhgri/assets/images/trans.png);
  background-size: cover;
  opacity: .8
}

.slider .slide .slide-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: var(--silent);
  background-size: cover;
  background-position: right
}

.slider .slide .bg-image {
  -o-object-fit: cover;
  object-fit: cover
}

.slider .slide .vid {
  position: absolute;
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover
}

.slider .slide .bg {
  position: absolute;
  width: calc(100vw + 50px);
  top: -100px;
  left: -25px;
  height: 400vw;
  background-color: inherit;
  background-image: inherit;
  -webkit-mask-image: url(/themes/custom/nhgri/assets/images/bg.png);
  -webkit-mask-size: 100%;
  -webkit-mask-image: url(/themes/custom/nhgri/assets/images/bg.png);
  mask-size: 100%;
  background-size: 200%;
  background-position: left top;
  filter: blur(13px)
}


.dark-theme.infomode .slider .slide .tabs .tab:last-child .box .img,
.light-theme.infomode .infomode-img,
.light-theme.infomode .slider .slide .tabs .tab:last-child .box .img {
  filter: grayscale(100%) brightness(2) contrast(5) invert(1)
}

.slider .slide .content {
  width: 100%;
  position: relative;
  display: flex;
  z-index: 100;
  flex-direction: row;
  padding: var(--default-c);
  flex-wrap: wrap
}

.slider .slide .content .box {
  position: relative;
  max-width: 800px;
  width: 100%;
  padding-top: 120px;
  align-self: flex-end;
  color: var(--dark-light);
  display: flex;
  flex-wrap: wrap;
  gap: var(--default-c);
  flex-direction: column;
}

.slider .slide .content .box span {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  flex-basis: 100%;
  margin-bottom: 13px
}

.slider .slide .content .box span i {
  font-style: italic;
  text-transform: lowercase;
  font-weight: 300
}

.slider .slide .content .box span::after {
  width: 89px;
  height: 10px;
  background-color: var(--main);
  content: "";
  bottom: -21px;
  left: 0;
  position: absolute;
  z-index: 200
}

.slider .slide .content .box h1 {
  color: var(--dark-light);
  margin: 0;
  padding: 21px 0 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(55deg, var(--g-parimary) 0, var(--g-main) 89%)
}

.slider .slide .content .box p {
  font-size: 1em
}

@media (min-width: 992px) {
  .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title {
    color: #011750
  }

  .slider .slide .content .box p {
    font-size: 1.1em
  }
}

.slider .slide .content .box button {
  background-color: var(--primary-light);
  color: var(--light-primary);
  text-transform: uppercase
}

.slider .slide .content .box button:hover {
  background: var(--g-parimary);
  background-image: linear-gradient(55deg, var(--g-parimary) 1%, var(--g-link) 55%, var(--g-main) 89%)
}

.slider .slide .content .slide__control {
  flex-basis: 100%;
  display: inline-flex;
  gap: 10px;
  margin-top: 20px
}

.slider .slide .content .slide__control .next,
.slider .slide .content .slide__control .prev {
  width: 42px;
  position: relative;
  height: 42px
}

.slider .slide .content .slide__control .next::after {
  content: "";
  height: 21px;
  position: absolute;
  top: calc(50% - 20px);
  right: 7px;
  margin: 10px 10px 0 0;
  transition: right 250ms linear;
  transform: rotate(45deg);
  width: 21px
}

.slider .slide .content .slide__control .prev::after {
  content: "";
  height: 21px;
  position: absolute;
  top: calc(50% - 20px);
  left: 15px;
  margin: 10px 10px 0 0;
  transition: right 250ms linear;
  transform: rotate(-135deg);
  width: 21px
}

.slider .slide .tabs .tab::after,
.slider .slide .tabs .tab:last-child::after {
  height: 21px;
  top: calc(50% - 17px);
  right: 8px;
  margin: 10px 10px 0 0;
  transition: right 250ms linear;
  transform: rotate(45deg);
  width: 21px;
  content: "";
  position: absolute
}

.slider .slide .tabs {
  position: relative;
  align-self: flex-end;
  overflow: auto;
  max-width: 100%;
  width: 100%;
  z-index: 100;
  padding: var(--default-c);
  -ms-overflow-style: none;
  scrollbar-width: none;
  border: none;
  background: none;
}

.slider .slide .tabs::-webkit-scrollbar {
  display: none
}

.slider .slide .tabs .wrapper {
  gap: 20px;
  width: calc(100vw - 42px);
  max-width: 1642px;
  min-width: 1121px
}

.slider .slide .tabs .tab {
  position: relative;
  padding-top: calc(62% - 21px);
  min-width: 274px;
  max-width: 400px;
  width: 100%;
  cursor: pointer;
  border: 2px solid transparent;
  background-color: transparent
}

.slider .slide .tabs .tab:hover {
  border: 2px solid var(--main)
}

.slider .slide .tabs .tab .type {
  font-weight: 500;
  color: var(--main-p);
  text-transform: uppercase;
  min-width: 100%;
}

.slider .slide .tabs .tab .highlight {
  color: var(--light);
  font-size: 1em;
  line-height: 1.3;
  padding-right: 13px
}

.slider .slide .tabs .tab .box {
  position: absolute;
  padding: var(--default-c);
  background-color: var(--blue-dark);
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding-right: 42px;
  gap: var(--default-c)

}

.slider .slide .tabs .tab .box:hover {
  text-decoration: none !important;
}

.slider .slide .tabs .tab:last-child {
  padding-top: 25%;
  max-width: 800px;
  min-width: 466px
}

.slider .slide .tabs .tab:last-child::after {
  border-top: 3px solid var(--primary);
  border-right: 3px solid var(--primary)
}

@media (min-width: 1200px) {
  .nav .nav-items .nav-item.active > .nav-btn + .menu {
    top: 121px
  }

  .slider .slide .tabs .tab {
    padding-top: 50%
  }

  .slider .slide .tabs .tab:last-child {
    padding-top: 25%
  }
}

.slider .slide .tabs .tab:last-child:hover {
  border-color: var(--mainplus-main)
}

.slider .slide .tabs .tab:last-child .type {
  font-weight: 500;
  color: var(--main);
  text-transform: uppercase;
  min-width: 100%;
  font-weight: bold;
}

.slider .slide .tabs .tab:last-child .highlight,
.subscription {
  color: var(--dark)
}

.slider .slide .tabs .tab:last-child .box {
  background-color: var(--light);
  display: flex;
  padding: 0;
  flex-direction: column
}

.slider .slide .tabs .tab:last-child .box .img {
  height: 100%;
  width: calc(50% - var(--default-c));
  background-color: var(--mainplus)
}

a:hover {
  text-decoration: none;
}

.slider .slide .tabs .tab:last-child .box .box-content {
  padding: var(--default-b);
  padding-left: 0;
  padding-right: 34px;
  right: 0;
  top: 0;
  width: 50%;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--default-b)
}

.slider .slide .tabs .tab:last-child .box .box-content:hover {
  text-decoration: none !important;
}

.about .content,
.about .tiles {
  flex-direction: column;
  gap: var(--default-e)
}

.about {
  background: linear-gradient(90deg, var(--light-primary) 0, var(--light-primary) 55%, var(--primary-dark) 55%);
  min-height: 500px
}

.about .content {
  background: var(--bright-primary);
  color: var(--dark-light);
  padding: var(--default-c);
  padding-top: 144px;
  padding-right: var(--default-d);
  display: inline-flex;
  flex-wrap: wrap;
  padding-right: 55px;
  padding-bottom: 89px
}

.about .content .about-nhgri {
  max-width: 900px;
  min-width: 300px
}

.about .content .about-nhgri h2 {
  font-weight: 400;
  padding-bottom: var(--default-b);
  font-size: 2.6rem;
  position: relative;
  margin-bottom: 50px
}

.about .content .about-nhgri h2::after {
  width: 89px;
  height: 13px;
  background-color: var(--main);
  content: "";
  bottom: -18px;
  left: 0;
  position: absolute;
  z-index: 200
}

.about .content .about-nhgri p {
  padding-bottom: var(--default-d);
  font-weight: 300;
  line-height: 1.4;
  color: var(--dark-light)
}

.about .sidebar {
  background: var(--primary-dark);
  padding: var(--default-c);
  padding-top: 144px;
  padding-left: var(--default-d);
  color: var(--light);
  padding-bottom: 89px;
  display: flex;
  align-items: flex-start;
}

.about .sidebar .tiles {
  flex-wrap: wrap;
  flex-direction: column;
  padding-top: 0;
}

.about .sidebar .tiles .tile ul li a {
  color: var(--light);
  font-size: 1.1em
}

.about .tiles {
  display: inline-flex;
  flex-direction: row;
  padding: var(--default-d) 0
}

.about .tiles .title {
  font-size: 1.7rem;
  list-style: none;
  text-transform: uppercase;
  padding: var(--default-c) 0;
  position: relative;
  margin-bottom: 34px
}

.about .tiles .tile ul {
  display: static
}

.about .tiles .tile ul li {
  font-size: large;
  font-weight: 300;
  cursor: pointer;
  padding: var(--default-b) 0;
  display: table
}

.about .tiles .tile ul li a {
  color: var(--dark-light);
  cursor: pointer
}

.about .tiles .tile ul li a:hover {
  color: var(--main);
  text-decoration: none
}

.subscription {
  padding: 55px 0;
  background-color: var(--white-silent);
  background-image: url(/themes/custom/nhgri/assets/images/gray.png);
  background-size: cover
}

:root,
body.dark-theme {
  --primary-color: $ primary;
  --secondary-color: $ secondary;
  --font-color: $ dark;
  --bg-color: $ light;
  --heading-color: $ primary;
  --lightgray: #999999;
  --aqua-a: #02EFB8;
  --aqua-b: #00EBB2;
  --blue-a: #00cae4;
  --mainplus: #02EFB8;
  --blue-b: #10a7ff;
  --gray-a: #555555;
  --lightblue-white: #f0f0f0;
  --dark-white: #0d0d0d;
  --color-start: #02EFB8;
  --color-stop: #0AC1DA;
  --color-line: #fff;
  --brandblue-dark: #0d0d0d;
  --blue-dark: #0d0d0dd1;
  --silent-white: #fff;
  --white-silent: #f0f0f0;
  --dark-light: #f0f0f0;
  --lp-primary: #012d98;
  --white-black-a0: #00000001;
  --white-black-a41: #000000c8;
  --dark-light-a: #f0f0f07e;
  --light-dark: #0d0d0d;
  --light-black: #000000;
  --light-blue: #012d98;
  --primary-dark: #0d0d0d;
  --light--dark-t: #f0f0f0;
  --primary-light: #f0f0f0;
  --light-primary: #011750;
  --a-link: #10a7ff;
  --dark-seconday: #0d0d0d;
  --main-mainplus: #02EFB8;
  --main-p: #02EFB8;
  --mainplus-main: #04a88d;
  --g-parimary: #b0f2fe;
  --gr-parimary: #011750;
  --gr-gray: #c5c5c5;
  --silent-dark: #0d0d0d;
  --dark-silent: #c5c5c5;
  --g-link: #18e4ff;
  --g-main: #02EFB8
}

.subscription h3 {
  padding-bottom: 21px;
  padding-top: 34px;
  font-weight: 500;
  margin-bottom: 34px;
  position: relative
}

.subscription h3::after {
  width: 89px;
  height: 10px;
  background-color: var(--main);
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 200
}

.subscription .container {
  padding-top: 34px;
  padding-bottom: 34px;
  gap: 34px
}

.subscription .container .social-media {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--dark-light)
}

.dark-theme.infomode .btn,
.dark-theme.infomode .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title,
.dark-theme.infomode .nav .nav-items .nav-item.active .nav-btn .btn-content .btn-text,
.dark-theme.infomode .slider .slide .tabs .tab .highlight,
.dark-theme.infomode .title,
.dark-theme.infomode a,
.dark-theme.infomode h1,
.dark-theme.infomode h2,
.dark-theme.infomode h3,
.dark-theme.infomode input,
.dark-theme.infomode p,
.light-theme.infomode .btn,
.light-theme.infomode .slider .slide .tabs .tab .highlight,
.light-theme.infomode .title,
.light-theme.infomode a,
.light-theme.infomode input,
.light-theme.infomode p {
  color: var(--base-color) !important
}

.subscription .container .social-media .social-container {
  display: inline-flex;
  margin-bottom: 21px;
  z-index: 600
}

.subscription .container .social-media .social-container .social-icon {
  max-width: 55px;
  max-height: 55px;
  position: relative
}

.subscription .container .social-media .social-container .social-icon .social-svg {
  fill: var(--primary-light);
  transition: 250ms
}

.subscription .container .social-media .social-container .social-icon svg {
  height: 55px;
  width: 55px
}

.subscription .container .social-media .social-container .social-icon:hover .social-svg,
footer .foot .brand .logo:hover svg,
footer .foot .mark svg:hover {
  fill: var(--main)
}

.subscription .container .social-media .content {
  gap: 21px;
  width: 100%;
  position: relative
}

.subscription .container .social-media .content .block {
  width: 100%;
  padding-bottom: 100%;
  background-color: #c5c5c5;
  background-size: cover;
  background-position: center
}

.subscription .container .email {
  max-width: 600px;
  width: 100%;
  z-index: 700
}

.subscription .container .email .content {
  padding: 34px;
  background-color: var(--white);
  height: 100%
}

.subscription .container .email .content input {
  padding: 0 13px;
  width: 100%;
  height: 42px;
  margin: 21px 0;
  background-color: var(--light);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0 !important;
  border: 0;
  border-top: 0 solid #e9e9e9;
  border-bottom: 2px solid #011750;
}

.subscription .container .email .content button .ea {
  margin: 13px 0 34px
}

footer {
  background-color: var(--bright-dark);
  padding-bottom: 50px
}

footer .foot {
  padding: var(--default-e) var(--default-c)
}

@media (max-width: 576px) {

  .search.active,
  .search.restate {
    top: 0
  }

  .search.active .input .input-suggest:last-child,
  .search.restate .input .input-suggest:last-child {
    padding-bottom: 89px
  }

  .search-btn {
    top: unset;
    bottom: 55px;
    right: 0
  }

  .option {
    top: unset;
    bottom: 0;
    right: 0
  }

  .daynight {
    display: none
  }

  .slider .slide .content,
  .slider .slide .tabs {
    padding: var(--default-b)
  }

  .about .content {
    padding: var(--default-b);
    padding-top: 89px
  }

  footer .foot {
    padding: var(--default-e) var(--default-b)
  }
}

footer .foot .brand {
  align-items: flex-start;
  gap: var(--default-c);
  margin: 0;
  max-width: 100%;
  width: 100%;
  flex-direction: row;
  margin-bottom: var(--default-e);
  align-items: flex-start;
  flex-wrap: wrap
}

@media (max-width: 768px) {
  .col-md-hide-all {
    display: none;
    transition: .3s ease-in-out
  }

  header .head .ear {
    padding-right: var(--default-b)
  }

  .feature {
    right: unset;
    left: var(--default-c)
  }

  .visually-hidden:focus-within {
    top: 80px
  }

  .search .input .input-suggest .input--result p {
    display: 0
  }

  h1 {
    font-size: 2.25rem
  }

  .nav .nav-items .nav-item .nav-btn .btn-content .btn-text {
    font-size: 1rem
  }

  .slider .slide {
    opacity: 1 !important;
    z-index: 500 !important
  }

  .slider .slide .bg-image {
    -o-object-fit: contain;
    object-fit: contain
  }

  .about .content .tiles {
    flex-wrap: wrap
  }

  .about .tiles .tile ul li {
    font-size: larger
  }

  .subscription .container {
    padding-left: var(--default-b);
    padding-right: var(--default-b);
    gap: 0
  }

  .subscription .container .social-media {
    padding-top: 34px
  }

  footer {
    padding-bottom: 0
  }

  footer .foot .brand {
    padding-top: var(--default-c)
  }
}

footer .foot .brand .logo {
  height: 48px
}

footer .foot .brand .logo svg,
footer .foot .mark svg {
  height: 86%;
  fill: var(--primary-light)
}

footer .foot .category li {
  font-size: 1em;
  text-transform: uppercase;
  padding: var(--default-a) 0
}

footer .foot .category li a {
  color: var(--dark-silent)
}

footer .foot .category li a:hover {
  color: #01efb8;
  text-decoration: none
}

footer .foot .mark {
  height: 100%;
  max-height: 70px
}

@media (max-width: 992px) {
  .col-lg-hide-all {
    display: none;
    transition: .3s ease-in-out
  }

  .h3,
  h3 {
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0;
    font-weight: 600
  }

  .search {
    opacity: 0;
    top: -121px
  }

  .search.active .search-input .input,
  .search.restate .search-input .input {
    height: 65px
  }

  .search.active .search-input .input input,
  .search.restate .search-input .input input {
    height: 65px;
    font-size: 32px
  }

  .search.active .search-input .input input::-moz-placeholder,
  .search.restate .search-input .input input::-moz-placeholder {
    font-size: 32px
  }

  .search.active .search-input .input input::placeholder,
  .search.restate .search-input .input input::placeholder {
    font-size: 32px
  }

  .search .input .input-suggest {
    padding: 21px 0 0
  }

  .search .input {
    height: 45px !important
  }

  .search .input:focus-within input {
    height: 65px;
    font-size: 32px
  }

  .search .input:focus-within input::-moz-placeholder {
    font-size: 32px
  }

  .search .input:focus-within input::placeholder {
    font-size: 32px
  }

  .search-btn {
    display: inline-block
  }

  .slider .slide,
  .slider .slide .slide-bg {
    background-size: 160%;
    background-position: right top
  }

  .slider .slide::before {
    content: unset
  }

  .slider .slide .bg-image {
    -o-object-position: 80% 100%;
    object-position: 80% 100%
  }

  .slider .slide .vid {
    width: 160vw;
    left: -50%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto
  }

  .slider .slide .bg {
    display: block
  }

  .slider .slide .content {
    padding-top: 40vw
  }

  .about .content .about-nhgri h2 {
    font-size: 2.2rem
  }

  .about .sidebar {
    padding-left: var(--default-c);
    padding: var(--default-b);
    padding-top: 55px;
    padding-bottom: var(--default-f);
    background: var(--primary);
    color: var(--light);
    padding-left: var(--default-b)
  }

  .about .sidebar .tiles {
    padding-top: 0;
    flex-direction: row
  }

  .subscription .container {
    display: flex;
    flex-wrap: wrap
  }

  .subscription .container .social-media .content .block {
    grid-column: span 4
  }

  footer .foot .mark {
    margin-top: 89px;
    margin: var(--default-e) 0
  }
}

body.dark-theme {
  --primary-to-light: #f0f0f0;
  --bright-primary: #011750;
  --bright-dark: #0d0d0d;
  --black-white: #ffffff;
  --white-black: #000000
}

body.dark-theme .slider .bg-light,
body.light-theme .slider .bg-dark {
  display: none
}

body.light-theme {
  --aqua-a: #04a88d;
  --aqua-b: #04a88d;
  --main: #04a88d;
  --lightblue-white: #0E8BFA;
  --gray-a: #fff;
  --color-start: #06c3b3;
  --color-stop: #002d7b;
  --color-line: black;
  --blue-dark: #011750;
  --silent-white: #f0f0f0;
  --white-silent: #fff;
  --dark-light: #0d0d0d;
  --dark-light-a: #0d0d0d7e;
  --light-dark: #f0f0f0;
  --primary-dark: #011750;
  --light-black: #f0f0f0;
  --light--dark-t: #000000ad;
  --primary-light: #011750;
  --light-primary: #f0f0f0;
  --main-mainplus: #04a88d;
  --mainplus-main: #02EFB8;
  --dark-white: #000000;
  --black-white: #000;
  --white-black: #ffffff;
  --bright-primary: #fafafa;
  --bright-dark: #fafafa;
  --silent-primary: #011750;
  --dark-seconday: #818cab;
  --silent-dark: #f0f0f0;
  --a-link: #0059e9;
  --lp-primary: #0f8bfa;
  --white-black-a0: #ffffff01;
  --white-black-a41: #ffffffc8;
  --silent-dark: #f0f0f0;
  --dark-silent: #0d0d0d;
  --g-parimary: #011750;
  --gr-parimary: #b0f2fe;
  --gr-gray: #011750;
  --g-link: #0059e9;
  --g-main: #04a88d;
  --primary-color: $ primary;
  --secondary-color: $ secondary;
  --font-color: $ dark;
  --bg-color: $ light;
  --heading-color: $ primary;
  --color-start: #02EFB8;
  --color-stop: #0AC1DA;
  --color-line: #fff
}

body.light-theme header .head {
  /*background: linear-gradient(89deg, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .05) 5%, rgba(255, 255, 255, .29) 13%, rgba(255, 255, 255, .64) 34%, rgba(255, 255, 255, .87) 55%, #fff 89%);*/
  background: #fff !important;
}

body.light-theme .slider .slide .bg {
  background-image: unset;
  background-color: #fff
}

body.light-theme .subscription {
  background-image: url("/themes/custom/nhgri/assets/images/light.png")
}

body.light-theme .slider .slick-list .slick-track .slide::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, .89) 0, #fff 13%, rgba(255, 255, 255, .8) 21%, rgba(255, 255, 255, .7) 34%, rgba(255, 255, 255, .3) 55%, rgba(255, 255, 255, 0) 89%)
}

body.light-theme .search:focus-within {
  background: linear-gradient(121deg, rgba(255, 255, 255, .01) 0, rgba(252, 251, 255, .05) 5%, rgba(255, 255, 255, .13) 13%, rgba(255, 255, 255, .34) 34%, rgba(255, 255, 255, .55) 55%, rgba(255, 255, 255, .89) 89%)
}

body.light-theme .nav .nav-items:hover .nav-item:not(:hover) {
  transition: 350ms ease-in-out
}

body.light-theme .nav .nav-items .nav-item .nav-btn:active,
body.light-theme .nav .nav-items .nav-item .nav-btn:hover {
  --lightblue-white: #0059e9
}

body.light-theme .shade {
  background: linear-gradient(135deg, rgba(255, 255, 255, .89) 0, rgba(255, 255, 255, .89) 8%, rgba(255, 255, 255, .65) 21%, rgba(255, 255, 255, .55) 34%, rgba(1, 23, 80, .34) 55%, rgba(1, 23, 80, 0) 89%)
}

.easymode {
  --base-type: 18px
}

.light-theme.infomode {
  --base-color: #000;
  --base-opz: #fff
}

.dark-theme.infomode :root,
.light-theme.infomode :root {
  --base-color: #000
}

.light-theme.infomode header .head {
  background: #fff !important
}

.dark-theme.infomode header .head .eye .logo svg .logo-nih,
.light-theme.infomode header .head .eye .logo svg .logo-nih {
  fill: var(--base-color)
}

.light-theme.infomode .feature {
  background: #000
}

.dark-theme.infomode .nav .nav-items .nav-item .menu .menu-container .menu-items .menu-title .view,
.dark-theme.infomode .slide-bg,
.light-theme.infomode .btn,
.light-theme.infomode .slide-bg {
  background-color: var(--base-opz) !important
}

.light-theme.infomode .nav .nav-items .nav-item:hover {
  background: var(--off)
}

.dark-theme.infomode .nav .nav-items .nav-item .nav-btn:hover,
.dark-theme.infomode body.light-theme .nav .nav-items .nav-item .nav-btn:active,
.light-theme.infomode .nav .nav-items .nav-item .nav-btn:hover,
.light-theme.infomode body.light-theme .nav .nav-items .nav-item .nav-btn:active {
  --lightblue-white: var(--base-color) !important
}

.light-theme.infomode .search .input input {
  background: var(--off);
  width: 58px
}

.light-theme.infomode .search .input input::-moz-placeholder {
  opacity: 0
}

.light-theme.infomode .search .input input::placeholder {
  opacity: 0
}

.light-theme.infomode .search .input input:-ms-input-placeholder {
  opacity: 0
}

.light-theme.infomode .search .input input::-ms-input-placeholder {
  opacity: 0
}

.light-theme.infomode .search.active .input input {
  background: var(--off);
  width: 100%
}

.light-theme.infomode .search.active .input input::-moz-placeholder {
  opacity: .5
}

.light-theme.infomode .search.active .input input::placeholder {
  opacity: .5
}

.light-theme.infomode .search.active .input input:-ms-input-placeholder {
  opacity: .5
}

.light-theme.infomode .search.active .input input::-ms-input-placeholder {
  opacity: .5
}

.light-theme.infomode .slider .slide .tabs .tab .box,
.light-theme.infomode .subscription .container .email .content {
  background-color: var(--off)
}

.dark-theme.infomode .slider .slide .content .box h1,
.light-theme.infomode .slider .slide .content .box h1 {
  color: var(--base-color) !important;
  -webkit-text-fill-color: unset;
  background: unset !important
}

.light-theme.infomode .slider .slide .content .box button {
  background-color: var(--off) !important;
  color: var(--blak-white)
}

.dark-theme.infomode .slider .slide .content .box span::after,
.light-theme.infomode .slider .slide .content .box span::after {
  background-color: var(--base-color) !important
}

.dark-theme.infomode .slider .slide .slide-bg,
.light-theme.infomode .slider .slide .slide-bg {
  background-image: unset !important
}

.dark-theme.infomode .slider .slide .tabs .tab::after,
.light-theme.infomode .slider .slide .tabs .tab::after {
  border-color: var(--base-color) !important
}

.dark-theme.infomode #subscription,
.light-theme.infomode #subscription {
  background: var(--base-opz) !important;
  background-image: unset !important
}

.dark-theme.infomode .subscription .container .social-media .content .block,
.light-theme.infomode .subscription .container .social-media .content .block {
  filter: grayscale(100%) brightness(2) contrast(5)
}

.light-theme.infomode .about .sidebar {
  background: var(--off) !important
}

.dark-theme.infomode .about .tiles .tile ul li a,
.dark-theme.infomode p,
.light-theme.infomode .about .tiles .tile ul li a,
.light-theme.infomode p {
  font-size: 1.05em !important;
  font-weight: 400 !important
}

.dark-theme.infomode .btn:hover,
.light-theme.infomode .btn:hover {
  color: var(--base-opz) !important;
  background-image: unset !important;
  background-color: var(--base-color) !important
}

.light-theme.infomode .subscription .container .email .content input {
  background-color: var(--base-opz)
}

.dark-theme.infomode input[type=email]:focus,
.dark-theme.infomode input[type=hidden]:focus,
.dark-theme.infomode input[type=month]:focus,
.dark-theme.infomode input[type=number]:focus,
.dark-theme.infomode input[type=password]:focus,
.dark-theme.infomode input[type=search]:focus,
.dark-theme.infomode input[type=tel]:focus,
.dark-theme.infomode input[type=text]:focus,
.dark-theme.infomode input[type=time]:focus,
.dark-theme.infomode input[type=url]:focus,
.light-theme.infomode input[type=email]:focus,
.light-theme.infomode input[type=hidden]:focus,
.light-theme.infomode input[type=month]:focus,
.light-theme.infomode input[type=number]:focus,
.light-theme.infomode input[type=password]:focus,
.light-theme.infomode input[type=search]:focus,
.light-theme.infomode input[type=tel]:focus,
.light-theme.infomode input[type=text]:focus,
.light-theme.infomode input[type=time]:focus,
.light-theme.infomode input[type=url]:focus {
  border-color: var(--base-color)
}

.dark-theme.infomode a:hover,
.light-theme.infomode a:hover {
  text-decoration: underline !important
}

.light-theme.infomode ::-moz-placeholder {
  color: var(--base-color) !important;
  opacity: .5
}

.light-theme.infomode ::placeholder {
  color: var(--base-color) !important;
  opacity: .5
}

.light-theme.infomode :-ms-input-placeholder {
  color: var(--base-color) !important;
  opacity: .5
}

.light-theme.infomode ::-ms-input-placeholder {
  color: var(--base-color) !important;
  opacity: .5
}

.dark-theme.infomode .feature,
.light-theme.infomode .feature {
  background: var(--base-color)
}

.dark-theme.infomode .feature #easymode:hover,
.dark-theme.infomode .feature #feature-icon:hover,
.dark-theme.infomode .feature #infomode:hover,
.dark-theme.infomode .feature #reader-mode:hover,
.dark-theme.infomode .feature #theme:hover,
.dark-theme.infomode .slider .slide .tabs .tab .box,
.dark-theme.infomode .subscription .container .email .content input,
.light-theme.infomode .feature #easymode:hover,
.light-theme.infomode .feature #feature-icon:hover,
.light-theme.infomode .feature #infomode:hover,
.light-theme.infomode .feature #reader-mode:hover,
.light-theme.infomode .feature #theme:hover {
  background-color: var(--shade)
}

.dark-theme.infomode .btn,
.dark-theme.infomode .nav .nav-items .nav-item .menu .menu-container .menu-items,
.dark-theme.infomode .slider .slide .content .box button {
  background-color: var(--shade) !important
}

.dark-theme.infomode .feature #feature-icon,
.light-theme.infomode .feature #feature-icon {
  background: var(--base-color) !important
}

.dark-theme.infomode .feature #feature-icon svg,
.light-theme.infomode .feature #feature-icon svg {
  fill: var(--base-opz)
}

.dark-theme.infomode .feature #feature-icon .stroke,
.light-theme.infomode .feature #feature-icon .stroke {
  stroke: var(--base-opz) !important
}

.dark-theme.infomode .feature #feature-icon .fill,
.light-theme.infomode .feature #feature-icon .fill {
  fill: var(--base-opz) !important
}

.light-theme.infomode .infomode-img {
  top: 0;
  left: 0
}

.dark-theme.infomode .infomode-img,
.dark-theme.infomode .infomode-imgx,
.light-theme.infomode .infomode-imgx {
  top: 0;
  left: 0;
  filter: grayscale(100%) brightness(2) contrast(5)
}

.dark-theme.infomode .ea::before,
.dark-theme.infomode .slider .slick-list .slick-track .slide::before,
.light-theme.infomode .ea::before {
  content: unset !important
}

.dark-theme.infomode {
  --base-color: #fff;
  --base-opz: #000
}

.dark-theme.infomode header .head {
  background: #000 !important
}

.dark-theme.infomode .about .content {
  background-color: var(--bright-dark) !important
}

.dark-theme.infomode .slider .slide .content .box span {
  color: var(--base-color)
}

.dark-theme.infomode .nav .nav-items .nav-item:hover {
  background: var(--shade)
}

.dark-theme.infomode .search .input input {
  background: var(--shade);
  width: 58px;
  color: var(--shade) !important
}

.dark-theme.infomode .search .input input::-moz-placeholder {
  opacity: 0
}

.dark-theme.infomode .search .input input::placeholder {
  opacity: 0
}

.dark-theme.infomode .search .input input:-ms-input-placeholder {
  opacity: 0
}

.dark-theme.infomode .search .input input::-ms-input-placeholder {
  opacity: 0
}

.dark-theme.infomode .search.active .input input {
  background: var(--shade);
  color: #fff !important;
  width: 100%
}

.dark-theme.infomode .search.active .input input::-moz-placeholder {
  opacity: .5
}

.dark-theme.infomode .search.active .input input::placeholder {
  opacity: .5
}

.dark-theme.infomode .search.active .input input:-ms-input-placeholder {
  opacity: .5
}

.dark-theme.infomode .search.active .input input::-ms-input-placeholder {
  opacity: .5
}

.dark-theme.infomode input[type=email],
.dark-theme.infomode input[type=hidden],
.dark-theme.infomode input[type=month],
.dark-theme.infomode input[type=number],
.dark-theme.infomode input[type=password],
.dark-theme.infomode input[type=search],
.dark-theme.infomode input[type=tel],
.dark-theme.infomode input[type=text],
.dark-theme.infomode input[type=time],
.dark-theme.infomode input[type=url] {
  border-color: var(--shade)
}

.dark-theme.infomode .about .sidebar {
  background: var(--shade) !important
}

.dark-theme.infomode .subscription .container .email .content {
  background-color: var(--blak-white)
}

.dark-theme.infomode ::-moz-placeholder {
  color: var(--base-color) !important;
  opacity: .5
}

.dark-theme.infomode ::placeholder {
  color: var(--base-color) !important;
  opacity: .5
}

.dark-theme.infomode :-ms-input-placeholder {
  color: var(--base-color) !important;
  opacity: .5
}

.dark-theme.infomode ::-ms-input-placeholder {
  color: var(--base-color) !important;
  opacity: .5
}

:root {
  --ccc: red;
  --primary-to-light: #011750;
  --white-black: $ light;
  --black: #000000;
  --white: #ffffff;
  --main: #33d1bf;
  --text: #151515;
  --link: #0059e9;
  --primary: #011750;
  --secondary: #373737;
  --danger: #e95959;
  --success: #1a3790;
  --warning: #ffe27e;
  --info: #174e85;
  --light: #f0f0f0;
  --dark: #0d0d0d;
  --shade: #343434;
  --gray: #555555;
  --silent: #c5c5c5;
  --silent-a: #f2f2f2a1;
  --sea: #bdd5dd;
  --paper: #f2f2f2;
  --off: #e9e9e9;
  --day: #f1efe9;
  --warm: #f8f2d8;
  --transparent: transparent;
  --white-primary: #011750;
  --black-white: #fff;
  --white-black: #000000;
  --white-light: #f0f0f0
}

/*Updated styles*/
@media only screen and (min-width: 640px) {
  #block-footer-links ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }

}

.component.link-columns.light.white.show-for-large a {
  font-weight: 900;
}

.component.org-unit-biographies.light.white {
  color: #0a0a0a;
  line-height: 1.6;
}


.node__content p {
  line-height: 26px;
}

/*.node__content a{*/
/*  font-weight:900;*/
/*  line-height:26px;*/
/*}*/
.component.expandable-text a,
.component.expandable-text li a,
component org-unit-blocks a {
  font-weight: bold;
}

a.button {
  padding: 0 21px;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 42px;
  cursor: pointer;
  position: relative;
  color: #fff;
  top: 0;
  float: none;
  display: inline-block;
  height: 42px;
  background-color: #011750;
  transition: .3s ease-in-out;
  border-radius: 0;
}

a.button:hover {
  background-color: #03a88d !important;
}

.component.expandable-text.light.white .light, .light-hover:hover {
  color: black;
}

.component.expandable-text a,
.component.expandable-text li a,
.component.org-unit-blocks a {
  font-weight: bold;
  line-height: 1.6;
}

.component.full-page-slide.dark.grey a {
  font-weight: 900;
}

.component.folded-hero.dark .container {
  padding: 0;
}

.component.expandable-text.light.grey ul {
  list-style: disc;
}

.subscription button.btn--primary:hover {
  background-color: #03a88d;
}

/*Temp Stylesheet*/


.search-prim.active,
.search-prim.restate {
  opacity: 1;
  position: fixed;
  z-index: 1000;
  height: 100%;
  min-height: 100vh;
  max-width: 100vw;
  background: linear-gradient(121deg, rgba(255, 255, 255, .01) 0, rgba(252, 251, 255, .05) 5%, rgba(255, 255, 255, .13) 13%, rgba(255, 255, 255, .34) 34%, rgba(255, 255, 255, .55) 55%, rgba(255, 255, 255, .89) 89%);
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
  width: 100vw;
  top: 121px;
  right: 0;
  animation-name: example;
  animation-iteration-count: 1;
  animation-duration: 350ms
}

.search-prim.active .search-input,
.search-prim.restate .search-input {
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.search-prim.active .search-input::-webkit-scrollbar,
.search-prim.restate .search-input::-webkit-scrollbar {
  display: none
}

.search-prim.active .search-input::after,
.search-prim.restate .search-input::after {
  width: 100%;
  height: calc(100% + 189px);
  max-height: inherit;
  display: inline-block;
  background: linear-gradient(180deg, var(--white-black-a0) 0, var(--white-black-a41) 55%, var(--white-black) 89%);
  content: "";
  position: absolute;
  top: 0;
  z-index: -1
}

.search-prim.active .search-input .input::before,
.search-prim.restate .search-input .input::before {
  content: unset;
  margin-right: 23px;
  top: 56px
}

.search-prim.active .search-input .input::after,
.search-prim.restate .search-input .input::after {
  content: unset;
  right: inherit;
  margin-right: 30px;
  top: 32px
}

.search-prim.active .search-input .input input:not(:-moz-placeholder-shown),
.search-prim.restate .search-input .input input:not(:-moz-placeholder-shown) {
  border-bottom: 3px solid var(--main)
}

.search-prim.active .search-input .input input:not(:placeholder-shown),
.search-prim.restate .search-input .input input:not(:placeholder-shown) {
  border-bottom: 3px solid var(--main)
}

.search-prim.active .input,
.search-prim.restate .input {
  width: 100%;
  position: relative;
  margin-top: 55px;
  transition: 250ms
}

.search-prim.active .input input,
.search-prim.restate .input input {
  width: 100%;
  font-size: 42px;
  max-width: unset;
  height: 89px;
  font-weight: 500;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px)
}

.search-prim.active .input input::-moz-placeholder,
.search-prim.restate .input input::-moz-placeholder {
  color: #33d1bf;
  font-style: normal;
  font-size: 42px;
  font-weight: 400
}

.search-prim.active .input input::placeholder,
.search-prim.restate .input input::placeholder {
  color: #33d1bf;
  font-style: normal;
  font-size: 42px;
  font-weight: 400
}

.search-prim.active .input .input-suggest,
.search-prim.restate .input .input-suggest {
  opacity: 1;
  display: inline-block;
  position: relative
}

.search-prim .input {
  width: 100%;
  margin: 0 auto;
  height: 55px;
  z-index: 500;
  transition: 250ms;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.search-prim .input::after {
  content: "";
  display: inline-block;
  position: absolute;
  cursor: pointer;
  background: 0 0;
  border-radius: 50%;
  width: 25px;
  border: solid 3px var(--primary);
  height: 25px;
  right: inherit;
  margin-right: 18px;
  top: 12px
}

.search-prim .input::before,
.search-btn::before {
  background: var(--primary);
  content: "";
  display: inline-block;
  position: absolute
}

.search-prim .input::before {
  width: 13px;
  height: 3px;
  right: inherit;
  z-index: 12;
  margin-right: 11px;
  top: 36px;
  transform: rotate(45deg)
}

.search-prim .input input {
  border-color: transparent;
  width: 900px;
  border-radius: 0 !important;
  -webkit-appearance: none;
  height: 55px;
  max-width: 55vw;
  position: relative;
  padding: 0 21px;
  /*background-color: rgba(255, 255, 255, .631372549);*/
  background-color: rgb(248 246 246 / 81%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}

.search-prim .input input::-moz-placeholder {
  color: #555;
  -moz-transition: 350ms linear;
  transition: 350ms linear;
  font-size: 18px;
  font-weight: 400;
  font-style: italic
}

.search-prim .input input::placeholder {
  color: #555;
  transition: 350ms linear;
  font-size: 18px;
  font-weight: 400;
  font-style: italic
}

.search-prim .input .input-suggest {
  transition: opacity 350ms ease-in-out 250ms;
  width: 100%;
  opacity: 0;
  padding-top: 21px;
  display: none
}

.search-prim .input .input-suggest .input--result {
  margin: 21px 0;
  padding-bottom: 21px
}

.search-prim .input .input-suggest .input--result:last-of-type {
  padding-bottom: 189px
}

.search-prim .input .input-suggest .input--result a {
  color: var(--primary-light);
  transition: font-size 250ms
}

.search-prim .input .input-suggest .input--result a:hover {
  color: var(--main);
  font-weight: 500;
  text-decoration: none
}

.search-prim .input .input-suggest .input--result h3 {
  transition: 350ms;
  font-weight: 400;
  font-size: 1.7rem;
  margin: 0;
  line-height: 1.2;
  color: var(--primary-light);
  padding: 5px 0 8px
}

.search-prim .input .input-suggest .input--result p {
  text-shadow: var(--white-black) 1px 1px 4px;
  color: var(--dark-light);
  font-weight: 400;
  font-size: 1em;
  line-height: 1.4
}

.search-btn {
  display: none;
  width: 55px;
  height: 55px;
  background-color: var(--off);
  z-index: 2000;
  right: calc(var(--default-c) + 55px);
  top: var(--default-c);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer
}

.search-btn::before {
  width: 20px;
  height: 5px;
  left: 13px;
  top: 13px;
  transform: translate(15px, 22px) rotate(45deg)
}

.search-btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  cursor: pointer;
  background: 0 0;
  border-radius: 50%;
  width: 30px;
  border: solid 5px var(--primary);
  height: 30px;
  left: 8px;
  top: 8px
}

.search-btn.close::after,
.search-btn.close::before {
  display: inline-block;
  width: 40px;
  height: 5px;
  border-radius: 0;
  background: var(--primary);
  position: absolute;
  left: 13px;
  top: 15px;
  content: ""
}

.search-btn.close::before {
  transform: translate(-5px, 10px) rotate(45deg);
  transition: width .3s ease-in-out
}

.search-btn.close::after {
  border: none;
  transform: translate(-5px, 10px) rotate(-45deg)
}

.active {
  opacity: 1;
  top: 121px;
  transition: .2s
}

#search-primary {
  position: relative;
  top: 121px;
}

/*#about .about-nhri a,*/
/*a.btn.read {*/
/*  background: #fff;*/
/*  color: #011750;*/
/*}*/
#about .about-nhri a,
a.btn.read:hover {
  background: #00efb8;
  color: #011750;
}

@media (max-width: 1600px) {

  .slide h1.read-content {
    font-size: 2.2rem;
  }
}

.slider {
  margin: 0 !important;
}
scrolled header .head { background: black !important; }
.light-theme.scrolled header .head{ background-color: white!important}
.dark-theme.scrolled header .head{ background-color: black !important}



.light-theme.scrolled header .head {
  background-color: white !important;
}

.dark-theme.scrolled header .head {
  background-color: black !important;
}

/*.component.full-page-slide:first-child {*/
/*  margin-top: 0px !important;*/
/*}*/

.interior {
  padding-top: 85px !important;
}

header {
  position: fixed !important;
}

input[type="search"]::-webkit-search-cancel-button {
  position: absolute;
  right: 55px;
}

@media only screen and (max-width: 576px) {
  #search-primary {
    top: unset !important;

    bottom: 55px;

    right: 0px;

    max-width: 55px;
  }

  #search-primary:focus-within {
    top: 75px !important;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 576px) {
  #search-primary {
    bottom: unset !important;

    top: 21px !important;

    right: 75px !important;

    max-width: 55px;

    z-index: 1000;
  }

  #search-primary:focus-within {
    top: 100px !important;
    right: 20px !important;
  }
}

@media only screen and (max-width: 1200px) {
  #search-primary {
    position: fixed !important;
  }

  #search-primary .input {
    padding: 0px !important;
  }

  #search-primary input {
    z-index: 100;
    padding: 0px;
    margin: 0px;
    background: transparent;
    backdrop-filter: unset;
  }

  #search-primary {
    background-color: white;
  }

  #search-primary input::placeholder {
    opacity: 0;
  }

  #search-primary:focus-within input {
    max-width: calc(100vw - 40px);
    padding: 0px 21px;
  }

  #search-primary:focus-within {
    max-width: 100vw;
    position: fixed !important;
    height: 55px;
    right: 20px !important;
  }
}

.slider {
  touch-action: auto;
  -ms-touch-action: auto;
}

.dark-theme a.button,
.dark-theme a.btn {
  background: white;
  color: #011750;
}

.feature .read:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltip {
  top: 0px;
  bottom: auto;
  right: 55px;
}
.tooltiptext {
  visibility: hidden;
  position: absolute;
  height: 100%;
  top: 0;
  width: 120px;
  background-color: var(--bright-dark);
  color: var(--dark-light);
  text-align: center;
  display: inline-flex;
  flex-wrap: nowrap;
  padding: 5px 0;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  z-index: 1000;
  opacity: 0;
  transition: opacity .6s;
}
.face .slide__control{
  display:none;
}
.menu a.title-link {
  padding: 0;
  color: #011750;
}

/*.face blockquote.field-quote {*/
/*  text-align: left !important;*/
/*  padding: 10px !important;*/
/*  width: 100%;*/
/*  line-height: 30px;*/
/*  font-size: 24px;*/
/*}*/

/*.face cite.field-cited {*/
/*  line-height: 17px;*/
/*  font-size: 18px;*/
/*  width: 100%;*/
/*}*/

/*.face .field-blocktext {*/
/*  width: 100%;*/
/*}*/


#face cite.field-cited {
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
}

#face blockquote.field-quote {
  color:white;
  font-size:1.4rem;
  line-height: 1.4rem;
}

#face blockquote{
  font-size: 1.5em;
  line-height: 1.8em;
  padding: 10px 0px;
  text-align: left;
}
.dark-theme #face cite.field-cited {
  color: white;
}

.dark-theme #face blockquote.field-quote {
  color: white;
}
.light-theme #face blockquote.field-quote {
  color: black;
}
.dark-theme #face blockquote {
  color:white;
}
.light-theme #face cite.field-cited {
  color: black;
}
.light-theme #face blockquote {
  color:black;
}
.field-cta-buttons a.btn {
  margin-left: 10px;
}
.field-cta-buttons a.btn:first-child {
  margin-left: 0;
}