/*********************
BREAKPOINTS

https://responsivedesign.is/develop/getting-started-with-sass-and-breakpoint-mixin/
*********************/
/***************************
FLEXBOX MIXINS
***************************/
.svg-canvas {
  height: 0;
  padding-top: 100%;
  position: relative;
}
.svg-canvas svg:first-of-type {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.phtx-flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.phtx-flex-container.column {
  -webkit-flex-direction: vertical;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.phtx-flex-container.align-items-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.phtx-flex-container.flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
.phtx-flex-container.space-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}
.phtx-flex-container.flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.phtx-flex-container > * {
  width: 100%;
}
.phtx-flex-container .collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
.phtx-flex-container > .child-sm-12 {
  width: 100%;
}
.phtx-flex-container > .child-sm-11 {
  width: 91.33%;
}
.phtx-flex-container > .child-sm-10 {
  width: 83%;
}
.phtx-flex-container > .child-sm-9 {
  width: 74.5%;
}
.phtx-flex-container > .child-sm-8 {
  width: 66.33%;
}
.phtx-flex-container > .child-sm-7 {
  width: 58%;
}
.phtx-flex-container > .child-sm-6 {
  width: 49.66%;
}
.phtx-flex-container > .child-sm-5 {
  width: 41.33%;
}
.phtx-flex-container > .child-sm-4 {
  width: 33%;
}
.phtx-flex-container > .child-sm-3 {
  width: 24.66%;
}
.phtx-flex-container > .child-sm-2 {
  width: 16.33%;
}
.phtx-flex-container > .child-sm-1 {
  width: 8%;
}
@media (min-width: 48em) and (orientation: landscape) {
  .phtx-flex-container > .child-md-12 {
    width: 100%;
  }
  .phtx-flex-container > .child-md-11 {
    width: 91.33%;
  }
  .phtx-flex-container > .child-md-10 {
    width: 83%;
  }
  .phtx-flex-container > .child-md-9 {
    width: 74.5%;
  }
  .phtx-flex-container > .child-md-8 {
    width: 66.33%;
  }
  .phtx-flex-container > .child-md-7 {
    width: 58%;
  }
  .phtx-flex-container > .child-md-6 {
    width: 49.66%;
  }
  .phtx-flex-container > .child-md-5 {
    width: 41.33%;
  }
  .phtx-flex-container > .child-md-4 {
    width: 33%;
  }
  .phtx-flex-container > .child-md-3 {
    width: 24.66%;
  }
  .phtx-flex-container > .child-md-2 {
    width: 16.33%;
  }
  .phtx-flex-container > .child-md-1 {
    width: 8%;
  }
}
@media (min-width: 62em) and (orientation: landscape) {
  .phtx-flex-container > .child-lg-12 {
    width: 100%;
  }
  .phtx-flex-container > .child-lg-11 {
    width: 91.33%;
  }
  .phtx-flex-container > .child-lg-10 {
    width: 83%;
  }
  .phtx-flex-container > .child-lg-9 {
    width: 74.5%;
  }
  .phtx-flex-container > .child-lg-8 {
    width: 66.33%;
  }
  .phtx-flex-container > .child-lg-7 {
    width: 58%;
  }
  .phtx-flex-container > .child-lg-6 {
    width: 49.66%;
  }
  .phtx-flex-container > .child-lg-5 {
    width: 41.33%;
  }
  .phtx-flex-container > .child-lg-4 {
    width: 33%;
  }
  .phtx-flex-container > .child-lg-3 {
    width: 24.66%;
  }
  .phtx-flex-container > .child-lg-2 {
    width: 16.33%;
  }
  .phtx-flex-container > .child-lg-1 {
    width: 8%;
  }
}
@media (min-width: 75em) and (orientation: landscape) {
  .phtx-flex-container > .child-xl-12 {
    width: 100%;
  }
  .phtx-flex-container > .child-xl-11 {
    width: 91.33%;
  }
  .phtx-flex-container > .child-xl-10 {
    width: 83%;
  }
  .phtx-flex-container > .child-xl-9 {
    width: 74.5%;
  }
  .phtx-flex-container > .child-xl-8 {
    width: 66.33%;
  }
  .phtx-flex-container > .child-xl-7 {
    width: 58%;
  }
  .phtx-flex-container > .child-xl-6 {
    width: 49.66%;
  }
  .phtx-flex-container > .child-xl-5 {
    width: 41.33%;
  }
  .phtx-flex-container > .child-xl-4 {
    width: 33%;
  }
  .phtx-flex-container > .child-xl-3 {
    width: 24.66%;
  }
  .phtx-flex-container > .child-xl-2 {
    width: 16.33%;
  }
  .phtx-flex-container > .child-xl-1 {
    width: 8%;
  }
}

.color-1, a.color-1:visited, a.color-1:link {
  color: #202060;
}

.color-2, a.color-2:visited, a.color-2:link {
  color: #602080;
}

.color-3, a.color-3:visited, a.color-3:link {
  color: #B030B0;
}

.color-4, a.color-4:visited, a.color-4:link {
  color: #6C91BF;
}

.color-5, a.color-5:visited, a.color-5:link {
  color: #5BC8AF;
}

.lt-color-1, a.lt-color-1:visited, a.lt-color-1:link {
  color: #2d2d86;
}

.lt-color-2, a.lt-color-2:visited, a.lt-color-2:link {
  color: #7f2aa9;
}

.lt-color-3, a.lt-color-3:visited, a.lt-color-3:link {
  color: #cd46cd;
}

.lt-color-4, a.lt-color-4:visited, a.lt-color-4:link {
  color: #90acce;
}

.lt-color-5, a.lt-color-5:visited, a.lt-color-5:link {
  color: #81d5c2;
}

.dk-color-1, a.dk-color-1:visited, a.dk-color-1:link {
  color: #13133a;
}

.dk-color-2, a.dk-color-2:visited, a.dk-color-2:link {
  color: #411657;
}

.dk-color-3, a.dk-color-3:visited, a.dk-color-3:link {
  color: #882588;
}

.dk-color-4, a.dk-color-4:visited, a.dk-color-4:link {
  color: #4b77ad;
}

.dk-color-5, a.dk-color-5:visited, a.dk-color-5:link {
  color: #3cb498;
}

.dk-color {
  color: #070F11;
}

.lt-color {
  color: #FEFFFF;
}

.bg-color-1 {
  background-color: #202060;
}

.bg-color-2 {
  background-color: #602080;
}

.bg-color-3 {
  background-color: #B030B0;
}

.bg-color-4 {
  background-color: #6C91BF;
}

.bg-color-5 {
  background-color: #5BC8AF;
}

.bg-lt-color-1 {
  background-color: #2d2d86;
}

.bg-lt-color-2 {
  background-color: #7f2aa9;
}

.bg-lt-color-3 {
  background-color: #cd46cd;
}

.bg-lt-color-4 {
  background-color: #90acce;
}

.bg-lt-color-5 {
  background-color: #81d5c2;
}

.bg-dk-color-1 {
  background-color: #13133a;
}

.bg-dk-color-2 {
  background-color: #411657;
}

.bg-dk-color-3 {
  background-color: #882588;
}

.bg-dk-color-4 {
  background-color: #4b77ad;
}

.bg-dk-color-5 {
  background-color: #3cb498;
}

.bg-dk-color {
  background-color: #070F11;
}

.bg-lt-color {
  background-color: #FEFFFF;
}

@font-face {
  font-family: "NewtSerif";
  src: url("/css/fonts/NewtSerif/NewtSerif-Italic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "NewtSerif";
  src: url("/css/fonts/NewtSerif/NewtSerif.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NewtSerif";
  src: url("/css/fonts/NewtSerif/NewtSerifBold-Italic.otf") format("opentype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "NewtSerif";
  src: url("/css/fonts/NewtSerif/NewtSerifBold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "NewtSerif";
  src: url("/css/fonts/NewtSerif/NewtSerifDemi-Italic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "NewtSerif";
  src: url("/css/fonts/NewtSerif/NewtSerifDemi.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "NewtSerif";
  src: url("/css/fonts/NewtSerif/NewtSerifLight-Italic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "NewtSerif";
  src: url("/css/fonts/NewtSerif/NewtSerifLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Good Times";
  src: url("/css/fonts/GoodTimes/good times rg.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/Neris-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/Neris-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/Neris-SemiBold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/Neris-SemiBoldItalic.otf") format("opentype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/NerisBold-Italic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/Neris-LightItalic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/Neris-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/Neris-ThinItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Neris";
  src: url("/css/fonts/Neris/Neris-Thin.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Jupiteroid";
  src: url("/css/fonts/Jupiteroid/Jupiteroid-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Jupiteroid";
  src: url("/css/fonts/Jupiteroid/Jupiteroid-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Jupiteroid";
  src: url("/css/fonts/Jupiteroid/Jupiteroid-LightItalic.ttf") format("truetype");
  font-weight: lighter;
  font-style: italic;
}
@font-face {
  font-family: "Jupiteroid";
  src: url("/css/fonts/Jupiteroid/Jupiteroid-Light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: "Jupiteroid";
  src: url("/css/fonts/Jupiteroid/Jupiteroid-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Jupiteroid";
  src: url("/css/fonts/Jupiteroid/Jupiteroid-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "NeuroPolitical";
  src: url("/css/fonts/NeuroPolitical/neuropolitical rg.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Oxanium";
  src: url("/css/fonts/Oxanium/Oxanium-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Oxanium";
  src: url("/css/fonts/Oxanium/Oxanium-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Oxanium";
  src: url("/css/fonts/Oxanium/Oxanium-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Oxanium";
  src: url("/css/fonts/Oxanium/Oxanium-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Oxanium";
  src: url("/css/fonts/Oxanium/Oxanium-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Oxanium";
  src: url("/css/fonts/Oxanium/Oxanium-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Oxanium";
  src: url("/css/fonts/Oxanium/OxaniumExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
.serif-stack {
  font-family: "Good Times", "NewtSerif", "Tinos", "Times", "Times New Roman", serif;
}

.sans-serif-stack {
  font-family: "Oxanium", "NeuroPolitical", "Jupiteroid", "Neris", "Arimo", "Hevetica", "Arial", sans-serif;
}

html {
  font-size: 100%;
} /*16px*/
body {
  font-family: "Oxanium", "NeuroPolitical", "Jupiteroid", "Neris", "Arimo", "Hevetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.75;
}

p {
  margin-bottom: 1rem;
}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: "Good Times", "NewtSerif", "Tinos", "Times", "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.3;
}

h1 {
  margin-top: 0;
  font-size: 3.052rem;
}

h2 {
  font-size: 2.441rem;
}

h3 {
  font-size: 1.953rem;
}

h4 {
  font-size: 1.563rem;
}

h5 {
  font-size: 1.25rem;
}

small, .text_small {
  font-size: 0.8rem;
}

@media (min-width: 75em) and (orientation: landscape) {
  h1 {
    font-size: 4.209rem;
  }
  h2 {
    font-size: 3.157rem;
  }
  h3 {
    font-size: 2.369rem;
  }
  h4 {
    font-size: 1.777rem;
  }
  h5 {
    font-size: 1.333rem;
  }
  small, .text_small {
    font-size: 0.75rem;
  }
}
div.image-strip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  white-space: nowrap;
}
div.image-strip.horizontal {
  overflow-x: auto;
  overflow-y: initial;
}
div.image-strip.vertical {
  overflow-x: initial;
  overflow-y: auto;
}

@keyframes fanimate1 {
  0% {
    filter: brightness(0.25);
  }
  60% {
    filter: brightness(0.4);
  }
  20% {
    filter: brightness(0.5);
  }
  40% {
    filter: brightness(0.8);
  }
  70% {
    filter: brightness(0.9);
  }
  15% {
    filter: brightness(1.25);
  }
  30%, 55%, 75%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.2);
  }
  65% {
    filter: brightness(1.4);
  }
}
@keyframes fanimate2 {
  0% {
    filter: brightness(0.25);
  }
  20% {
    filter: brightness(0.4);
  }
  40% {
    filter: brightness(0.5);
  }
  60% {
    filter: brightness(0.8);
  }
  70% {
    filter: brightness(0.9);
  }
  15% {
    filter: brightness(1.25);
  }
  30%, 55%, 75%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.2);
  }
  65% {
    filter: brightness(1.4);
  }
}
@keyframes fanimate3 {
  0% {
    filter: brightness(0.1);
  }
  5% {
    filter: brightness(1.1);
  }
  10% {
    filter: brightness(0.5);
  }
  15%, 40%, 55%, 100% {
    filter: brightness(1);
  }
  45% {
    filter: brightness(0.25);
  }
  50% {
    filter: brightness(1.25);
  }
}
#talent-segments-header {
  text-align: center;
  margin: 1.38rem 0;
}

#talent-segments {
  list-style-type: none;
  padding: 10vh 0;
  text-align: center;
  background-color: #070F11;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: auto;
  min-height: 200px;
  height: 100%;
  width: 100%;
  margin-bottom: 0;
}
#talent-segments li {
  background: none;
  position: relative;
  border-radius: 8px;
  width: 100%;
  margin: 5% 15%;
  animation-duration: 1s;
  transition: all 0.25s ease-out;
}
#talent-segments li.flicker-animation-1 {
  animation-name: fanimate1;
}
#talent-segments li.flicker-animation-2 {
  animation-name: fanimate2;
}
#talent-segments li.flicker-animation-3 {
  animation-name: fanimate3;
}
#talent-segments li hr, #talent-segments li h4, #talent-segments li p {
  transition: all 0.25s ease-in-out;
}
#talent-segments li:hover {
  transform: perspective(500px) translate3d(0, 0, 80px);
}
#talent-segments li:hover hr, #talent-segments li:hover h4, #talent-segments li:hover p {
  transform: perspective(500px) translate3d(0, 0, -80px);
}
@media (min-width: 48em) and (orientation: landscape) {
  #talent-segments li {
    margin: 5%;
    width: 40%;
  }
}
@media (min-width: 62em) and (orientation: landscape) {
  #talent-segments li {
    margin: 2.5%;
    width: 20%;
  }
}
#talent-segments li .inner-frame {
  width: 100%;
  min-height: 200px;
  overflow: hidden;
  display: block;
  margin: 0;
  height: 100%;
}
#talent-segments li .inner-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: vertical;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0;
  min-height: 200px;
  overflow: auto;
  height: 100%;
  border-radius: 5px;
  position: relative;
  z-index: 7;
}
#talent-segments li svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#talent-segments li svg [data-plax-layer] {
  transition: all 0.1s ease-out;
}
#talent-segments li h4 {
  text-transform: lowercase;
  margin: 0;
}
#talent-segments li hr {
  width: 50%;
  border: none;
  margin-right: auto;
  margin-left: auto;
  height: 8px;
}
#talent-segments li:nth-child(1) {
  border: #602080 3px solid;
  -webkit-box-shadow: 0 0 30px #602080;
  -moz-box-shadow: 0 0 30px #602080;
  box-shadow: 0 0 30px #602080;
}
#talent-segments li:nth-child(1) .inner-frame {
  -webkit-box-shadow: inset 0 0 15px #602080;
  -moz-box-shadow: inset 0 0 15px #602080;
  box-shadow: inset 0 0 15px #602080;
}
#talent-segments li:nth-child(1) hr {
  background: #7f2aa9;
  background: radial-gradient(ellipse, #7f2aa9 0%, #7f2aa9 30%, rgba(0, 0, 0, 0) 100%);
}
#talent-segments li:nth-child(2) {
  border: #B030B0 3px solid;
  -webkit-box-shadow: 0 0 30px #B030B0;
  -moz-box-shadow: 0 0 30px #B030B0;
  box-shadow: 0 0 30px #B030B0;
}
#talent-segments li:nth-child(2) .inner-frame {
  -webkit-box-shadow: inset 0 0 15px #B030B0;
  -moz-box-shadow: inset 0 0 15px #B030B0;
  box-shadow: inset 0 0 15px #B030B0;
}
#talent-segments li:nth-child(2) hr {
  background: #cd46cd;
  background: radial-gradient(ellipse, #cd46cd 0%, #cd46cd 30%, rgba(0, 0, 0, 0) 100%);
}
#talent-segments li:nth-child(3) {
  border: #6C91BF 3px solid;
  -webkit-box-shadow: 0 0 30px #6C91BF;
  -moz-box-shadow: 0 0 30px #6C91BF;
  box-shadow: 0 0 30px #6C91BF;
}
#talent-segments li:nth-child(3) .inner-frame {
  -webkit-box-shadow: inset 0 0 15px #6C91BF;
  -moz-box-shadow: inset 0 0 15px #6C91BF;
  box-shadow: inset 0 0 15px #6C91BF;
}
#talent-segments li:nth-child(3) hr {
  background: #90acce;
  background: radial-gradient(ellipse, #90acce 0%, #90acce 30%, rgba(0, 0, 0, 0) 100%);
}
#talent-segments li:nth-child(4) {
  border: #5BC8AF 3px solid;
  -webkit-box-shadow: 0 0 30px #5BC8AF;
  -moz-box-shadow: 0 0 30px #5BC8AF;
  box-shadow: 0 0 30px #5BC8AF;
}
#talent-segments li:nth-child(4) .inner-frame {
  -webkit-box-shadow: inset 0 0 15px #5BC8AF;
  -moz-box-shadow: inset 0 0 15px #5BC8AF;
  box-shadow: inset 0 0 15px #5BC8AF;
}
#talent-segments li:nth-child(4) hr {
  background: #81d5c2;
  background: radial-gradient(ellipse, #81d5c2 0%, #81d5c2 30%, rgba(0, 0, 0, 0) 100%);
}

#banner-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: vertical;
  -moz-flex-direction: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100vh;
  perspective-origin: center center;
}
#banner-block h1 {
  background-color: initial;
}
#banner-block .svg-viewport {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  perspective: 1;
}
#banner-block .top-layer rect {
  fill: #4b77ad;
}
#banner-block .bokeh-background {
  filter: blur(40px);
}
#banner-block .bokeh-background circle {
  animation: rotate 15s linear infinite;
  fill: #202060;
  opacity: 0.43;
  transform-origin: 50%;
}
#banner-block .bokeh-background circle:nth-child(2n) {
  transform: translateZ(-5px);
  fill: #602080;
  transform-origin: 20% 110%;
  animation-delay: -7.5s;
  animation-duration: 10.329s;
  opacity: 0.2;
}
#banner-block .bokeh-background circle:nth-child(3n) {
  opacity: 0.65;
  fill: #B030B0;
  transform-origin: 70% 30%;
  animation-delay: -3.75s;
  animation-duration: 19.9995s;
}
#banner-block .bokeh-background circle:nth-child(4n) {
  fill: #6C91BF;
  transform-origin: 110% 70%;
  animation-delay: -5s;
  animation-duration: 11.9499s;
}
#banner-block .bokeh-background circle:nth-child(5n) {
  fill: #5BC8AF;
  transform-origin: 30% 40%;
}
#banner-block .bokeh-background circle:nth-child(6n) {
  fill: #202060;
  transform-origin: -10% 80%;
  animation-delay: -19.5s;
}
#banner-block .bokeh-background circle:nth-child(7n) {
  fill: #602080;
  transform-origin: 70% -10%;
}
#banner-block .bokeh-background circle:nth-child(8n) {
  fill: #6C91BF;
  transform-origin: -30% 50%;
  animation-delay: -6s;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#intro-block {
  padding: 15px 20px;
  text-align: center;
}
#intro-block ul {
  list-style: none;
  padding: 0;
}

#analytics_banner .tail {
  fill: #B030B0;
}
#analytics_banner .bunny-body {
  fill: rgb(86, 86, 86);
}
#analytics_banner .eye {
  fill: #6C91BF;
}

#coming-soon-banner {
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  background-color: #B030B0;
  width: 800px;
  transform: rotate(-35deg) translateX(-275px) translateY(-150px);
  z-index: 200;
  font-size: 0.8rem;
  border: 2px solid #FEFFFF;
}
#coming-soon-banner p {
  margin: 0;
}

#contact-block {
  padding: 30px 20px;
  text-align: center;
  background-color: #602080;
  cursor: pointer;
}
#contact-block h6 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
#contact-block h6 i, #contact-block h6 svg {
  margin-right: 10px;
}
#contact-block h6 span {
  color: #5BC8AF;
  font-weight: bold;
}

#contact-form .modal-title {
  color: #202060;
  margin: 0;
}
#contact-form .modal-body {
  text-align: center;
}

#form-loading-spinner:not(.form-loading) {
  display: none;
}

#inquiry-fields {
  text-align: right;
}
#inquiry-fields label {
  color: #202060;
}
#inquiry-fields .form-group {
  text-align: left;
  margin-bottom: 15px;
}
#inquiry-fields textarea {
  height: 30vh;
}

#submit-inquiry-button:not(.sending) ~ button {
  display: none;
}

#submit-inquiry-button.sending {
  display: none;
}

#form-warning {
  color: #B030B0;
  font-weight: bold;
}

#inquiry-success {
  color: #202060;
  text-align: center;
}

#sending-inquiry-button,
#submit-inquiry-button {
  text-align: right;
}

footer {
  padding: 20px;
}
footer p {
  margin: 0;
}

h1 {
  text-align: center;
  color: #5BC8AF;
  background-color: #070F11;
}

body {
  background-color: #13133a;
  color: #FEFFFF;
}

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