/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  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;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@font-face {
  font-family: "Raleway";
  src: url("./Raleway-Thin.ttf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("./Raleway-Light.ttf");
  font-weight: 300;
  font-style: normal;
}
body {
  font-size: 22px;
  color: #bbb;
  overflow: hidden;
  background: #1a1a1a;
  background: #101010;
  line-height: 1;
  letter-spacing: 0.06em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-family: "Raleway", arial, sans serif;
  font-weight: 300;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
@media screen and (max-height: 699px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  text-decoration: none;
  position: relative;
  word-wrap: break-word;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-text-size-adjust: none !important;
  -moz-text-size-adjust: none !important;
  -ms-text-size-adjust: none !important;
  text-size-adjust: none !important;
}
.middle-point {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: red;
  opacity: 0;
}
.preload * {
  -webkit-transition: none !important;
  transition: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", arial, sans serif;
  margin: 0;
  display: block;
  letter-spacing: 0.075em;
  color: #e4e4e4;
  font-weight: 100;
}
h1 {
  font-size: 3.6em;
}
h2 {
  font-size: 3em;
}
h3 {
  font-size: 2.4em;
}
h4 {
  font-size: 1.8em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 0.6em;
}
ul {
  list-style: square;
}
img {
  display: block;
  pointer-events: none;
}
input,
textarea {
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  font-family: "Raleway", arial, sans serif;
  color: white;
  background: transparent;
  border: 0;
  font-weight: 300;
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #bbb;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #bbb;
  -webkit-transition-property: color;
  transition-property: color;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #bbb;
  -webkit-transition-property: color;
  transition-property: color;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #bbb;
  -webkit-transition-property: color;
  transition-property: color;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: white;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: white;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: white;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: white;
}
input[type="text"],
input[type="email"] {
  width: 100%;
  padding: 0.5em 0.75em;
}
input[type="submit"] {
  width: 100%;
  padding: 0.5em 0.75em;
  color: #bbb;
}
textarea {
  width: 100%;
  padding: 0.5em 0.75em;
  height: 7.5em;
  max-height: 7.5em;
  min-height: 7.5em;
}
a {
  color: #bbb;
  cursor: pointer;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
a:hover {
  color: white;
}
svg {
  width: 100%;
  height: 100%;
}
svg path,
svg rect {
  fill: #bbb;
}
#wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden;
  opacity: 0;
}
#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.invisible {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  top: 0;
  left: 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.centered-container {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.centered-container .centered-wrapper {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  padding: 0 7.5%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin: auto;
}
.main-button-style {
  display: block;
  border: 1px solid #bbb;
  padding: 0.5em 0.75em;
  text-transform: uppercase;
}
.main-button-style:hover {
  color: white;
  border: 1px solid white;
}
#middle-point {
  position: fixed;
  width: 1px;
  height: 1px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#cube-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-perspective: 1.5em;
  perspective: 1.5em;
  cursor: -webkit-grab;
  cursor: grab;
  font-size: 500px;
}
#cube-container.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#cube-container * {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#cube-container .cube-wrapper {
  height: 1em;
  width: 1em;
  -ms-flex-item-align: center;
  align-self: center;
  margin: auto;
}
#cube-container .cube-wrapper .cube-middle {
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(-0.5em);
  transform: translateZ(-0.5em);
}
#cube-container .cube-wrapper .cube-middle .cube-animate {
  width: 100%;
  height: 100%;
}
#cube-container .cube-wrapper .cube-middle .cube-animate .cube-mouse {
  width: 100%;
  height: 100%;
}
@supports (-ms-ime-align: auto) {
  #cube-container .cube-wrapper .cube-middle .cube-animate .cube-mouse {
    -webkit-transform: none !important;
    transform: none !important;
  }
}
#cube-container .cube-wrapper .cube-middle .cube-animate .cube-mouse .cube {
  width: 100%;
  height: 100%;
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
@-moz-document url-prefix() {
  #cube-container
    .cube-wrapper
    .cube-middle
    .cube-animate
    .cube-mouse
    .cube
    .cube-side {
    outline: 1px solid transparent;
  }
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side.side1 {
  -webkit-transform: rotateY(0) translateZ(0.5em);
  transform: rotateY(0) translateZ(0.5em);
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side.side2 {
  -webkit-transform: rotateX(180deg) translateZ(0.5em);
  transform: rotateX(180deg) translateZ(0.5em);
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side.side3 {
  -webkit-transform: rotateY(90deg) translateZ(0.5em);
  transform: rotateY(90deg) translateZ(0.5em);
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side.side4 {
  -webkit-transform: rotateY(-90deg) translateZ(0.5em);
  transform: rotateY(-90deg) translateZ(0.5em);
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side.side5 {
  -webkit-transform: rotateX(90deg) translateZ(0.5em);
  transform: rotateX(90deg) translateZ(0.5em);
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side.side6 {
  -webkit-transform: rotateX(-90deg) translateZ(0.5em);
  transform: rotateX(-90deg) translateZ(0.5em);
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side
  .page-view-container {
  width: 100%;
  height: 100%;
  font-size: 0.5em;
  border: 1px solid #bbb;
  background: rgba(26, 26, 26, 0.775);
  background: rgba(16, 16, 16, 0.775);
}
#cube-container
  .cube-wrapper
  .cube-middle
  .cube-animate
  .cube-mouse
  .cube
  .cube-side
  .page-view-container
  .page-view {
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  font-size: 0.05em;
}
#navigation {
  z-index: 100;
}
#navigation .nav-items-container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 0.02em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#navigation .nav-items-container .nav-items-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}
#navigation .nav-items-container .nav-items-wrapper .nav-item {
  cursor: pointer;
  margin: 0.75em 0;
}
#navigation .nav-items-container .nav-items-wrapper .nav-item .nav-link {
  display: inline-block;
  padding-left: 0.75em;
  padding-bottom: 0.15em;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
#navigation .nav-items-container .nav-items-wrapper .nav-item .nav-link:after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #bbb;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition-property: background, -webkit-transform;
  transition-property: background, -webkit-transform;
  transition-property: transform, background;
  transition-property: transform, background, -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
#navigation .nav-items-container .nav-items-wrapper .nav-item .nav-link .text {
  font-size: 1.1em;
  text-transform: uppercase;
}
#navigation .hamburger-button {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 30px;
  height: 20px;
  cursor: pointer;
  background: #101010;
  border: 10px solid #101010;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}
#navigation .hamburger-button .line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #bbb;
  -webkit-transition-property: background, opacity, top, bottom,
    -webkit-transform;
  transition-property: background, opacity, top, bottom, -webkit-transform;
  transition-property: background, transform, opacity, top, bottom;
  transition-property: background, transform, opacity, top, bottom,
    -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
#navigation .hamburger-button .line:nth-child(1) {
  top: 0;
}
#navigation .hamburger-button .line:nth-child(2) {
  top: 50%;
}
#navigation .hamburger-button .line:nth-child(3) {
  top: 50%;
}
#navigation .hamburger-button .line:nth-child(4) {
  bottom: 0;
}
#navigation .hamburger-button:hover .line {
  background: white;
}
#navigation.animated-in
  .nav-items-container
  .nav-items-wrapper
  .nav-item.active
  .nav-link {
  cursor: default;
  color: white;
}
#navigation.animated-in
  .nav-items-container
  .nav-items-wrapper
  .nav-item.active
  .nav-link:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  background: white;
}
#navigation.mobile .nav-items-container {
  background: rgba(16, 16, 16, 0.925);
  width: 100%;
  text-align: center;
  overflow-y: auto;
}
#navigation.mobile .nav-items-container .nav-items-wrapper {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 10px 0;
}
#navigation.mobile .nav-items-container .nav-items-wrapper .nav-item {
  font-size: 16px;
}
#navigation.mobile .nav-items-container .nav-items-wrapper .nav-item .nav-link {
  padding-left: 0;
}
#navigation.mobile
  .nav-items-container
  .nav-items-wrapper
  .nav-item
  .nav-link:after {
  width: 100%;
}
#navigation.mobile .hamburger-button {
  display: block;
}
#navigation.desktop .nav-items-container {
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  height: auto;
  top: 50%;
}
#navigation.desktop .nav-items-container .nav-items-wrapper .nav-item {
  -webkit-transform: none !important;
  transform: none !important;
  opacity: 1 !important;
}
#navigation.active .hamburger-button .line:nth-child(1) {
  top: 50%;
  opacity: 0;
}
#navigation.active .hamburger-button .line:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#navigation.active .hamburger-button .line:nth-child(3) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#navigation.active .hamburger-button .line:nth-child(4) {
  bottom: 50%;
  opacity: 0;
}
.cube-corner-container {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.cube-corner-container .corner {
  position: absolute;
  background: white;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}
.cube-corner-container .corner.horz {
  width: 0.02em;
  height: 3px;
}
@media screen and (max-height: 699px) {
  .cube-corner-container .corner.horz {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .cube-corner-container .corner.horz {
    height: 2px;
  }
}
.cube-corner-container .corner.vert {
  height: 0.02em;
  width: 3px;
}
@media screen and (max-height: 699px) {
  .cube-corner-container .corner.vert {
    width: 2px;
  }
}
@media screen and (max-width: 767px) {
  .cube-corner-container .corner.vert {
    width: 2px;
  }
}
.cube-corner-container .corner.top {
  top: 0;
}
.cube-corner-container .corner.bottom {
  bottom: 0;
}
.cube-corner-container .corner.left {
  left: 0;
}
.cube-corner-container .corner.right {
  right: 0;
}
.cube-corner-container .corner.top.left.horz {
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.cube-corner-container .corner.top.left.vert {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.cube-corner-container .corner.top.right.horz {
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.cube-corner-container .corner.top.right.vert {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.cube-corner-container .corner.bottom.left.horz {
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.cube-corner-container .corner.bottom.left.vert {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.cube-corner-container .corner.bottom.right.vert {
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.cube-corner-container .corner.bottom.right.horz {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.borders-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.borders-container .single-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.borders-container .single-border.top {
  border-top: 1px solid #bbb;
}
.borders-container .single-border.right {
  border-right: 1px solid #bbb;
}
.borders-container .single-border.bottom {
  border-bottom: 1px solid #bbb;
}
.borders-container .single-border.left {
  border-left: 1px solid #bbb;
}
@-webkit-keyframes rotateKeyframe {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  35% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  65% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotateKeyframe {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  35% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  65% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
.down-container {
  position: absolute;
  width: 6em;
  margin-left: -3em;
  height: 3.75em;
  bottom: 0;
  left: 50%;
  z-index: 999;
  cursor: pointer;
  -webkit-transform: translateZ(0.1px);
  transform: translateZ(0.1px);
}
.down-container .main-line-container {
  left: 50%;
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 1.6em;
  -webkit-transform: rotateX(-20deg);
  transform: rotateX(-20deg);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.down-container .main-line-container .main-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #bbb;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.down-container .main-line-container .square-container {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0.6em;
  height: 0.6em;
  margin-left: -0.3em;
  -webkit-transform: rotateX(20deg);
  transform: rotateX(20deg);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.down-container .main-line-container .square-container .square-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.down-container .main-line-container .square-container .square-wrapper .square {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  border: 1px solid #bbb;
  -webkit-transition-property: background, border, -webkit-transform;
  transition-property: background, border, -webkit-transform;
  transition-property: background, transform, border;
  transition-property: background, transform, border, -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.down-container .main-line-container .square-container .down-text {
  margin-bottom: 0.35em;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 6em;
  text-align: center;
  -webkit-transform: translateX(-50%) translateZ(0.1em);
  transform: translateX(-50%) translateZ(0.1em);
  overflow: hidden;
}
.down-container .main-line-container .square-container .down-text .text {
  text-transform: uppercase;
  font-size: 0.6em;
  letter-spacing: 0.1em;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.down-container:hover .main-line-container .main-line {
  background: white;
}
.down-container:hover
  .main-line-container
  .square-container
  .square-wrapper
  .square {
  background: white;
  border: 1px solid white;
  -webkit-transform: scale(1.1) rotateY(180deg);
  transform: scale(1.1) rotateY(180deg);
}
.down-container:hover .main-line-container .square-container .down-text .text {
  color: white;
}
.down-container.keyframe
  .main-line-container
  .square-container
  .square-wrapper {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotateKeyframe;
  animation-name: rotateKeyframe;
  -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.inner-page-title {
  padding-top: 3.5em;
  -webkit-transform: translateZ(1em);
  transform: translateZ(1em);
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.inner-page-title .text {
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  font-size: 2em;
}
.inner-page-title .text span {
  display: block;
}
.image-container {
  width: 100%;
}
.image-container .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-container .image-wrapper .image-cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-container .image-wrapper .image-cover .image-parallax {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-container .image-wrapper .image-cover .image-parallax .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999999999999999999999999999;
  -webkit-perspective: 5em;
  perspective: 5em;
  font-size: 16px;
}
@media screen and (max-height: 699px) {
  #loader {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  #loader {
    font-size: 10px;
  }
}
#loader .loader {
  margin: auto;
}
#loader .text {
  margin-top: 1em;
  font-family: Sans-Serif;
  font-weight: 100;
  text-transform: uppercase;
}
#loader .text span {
  position: absolute;
  left: 100%;
  bottom: 0;
  display: block;
}
.loader {
  height: 1em;
  width: 1em;
  background-color: #bbb;
  -webkit-animation: sk-rotateplane 0.5s infinite ease-in-out;
  animation: sk-rotateplane 0.5s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.page-view.home .centered-container .centered-wrapper .personal-image {
  width: 40%;
  margin: auto;
  -webkit-transform: translateZ(1.5em);
  transform: translateZ(1.5em);
}
.page-view.home
  .centered-container
  .centered-wrapper
  .personal-image
  .image-container {
  padding-top: 140%;
}
.page-view.home .centered-container .centered-wrapper .name-title-container {
  text-align: center;
  width: 100%;
  -webkit-transform: translateZ(3em);
  transform: translateZ(3em);
}
.page-view.home
  .centered-container
  .centered-wrapper
  .name-title-container
  .text {
  text-transform: uppercase;
  font-size: 3.35em;
  overflow: hidden;
}
.page-view.home
  .centered-container
  .centered-wrapper
  .name-title-container
  .text
  span {
  display: inline-block;
}
.page-view.home .centered-container .centered-wrapper .sub-title-container {
  -webkit-transform: translateZ(2em);
  transform: translateZ(2em);
  text-align: center;
  margin-top: 0.5em;
}
.page-view.home
  .centered-container
  .centered-wrapper
  .sub-title-container
  .line {
  position: absolute;
  width: 4.5em;
  height: 1.15px;
  background: #bbb;
  top: 50%;
}
.page-view.home
  .centered-container
  .centered-wrapper
  .sub-title-container
  .line.left {
  left: 0.5em;
}
.page-view.home
  .centered-container
  .centered-wrapper
  .sub-title-container
  .line.right {
  right: 0.55em;
}
.page-view.home
  .centered-container
  .centered-wrapper
  .sub-title-container
  .text {
  font-size: 1.35em;
  text-transform: uppercase;
  overflow: hidden;
}
.page-view.home
  .centered-container
  .centered-wrapper
  .sub-title-container
  .text
  span {
  display: inline-block;
}
.page-view.home .centered-container .centered-wrapper .excerpt-container {
  width: 65%;
  margin: auto;
  margin-top: 1em;
  text-align: center;
  -webkit-transform: translateZ(3em);
  transform: translateZ(3em);
  overflow: hidden;
}
@supports (-webkit-overflow-scrolling: touch) {
  .page-view.home .centered-container .centered-wrapper .excerpt-container {
    letter-spacing: 0;
  }
}
.page-view.home
  .centered-container
  .centered-wrapper
  .excerpt-container
  .excert-wrapper {
  overflow: hidden;
}
.page-view.home
  .centered-container
  .centered-wrapper
  .excerpt-container
  .excert-wrapper
  .excerpt-content {
  overflow: hidden;
}
.page-view.home
  .centered-container
  .centered-wrapper
  .excerpt-container
  .excert-wrapper
  .excerpt-content
  .text {
  font-size: 0.9em;
  line-height: 1.25;
}
.page-view.experience .vertical-line {
  position: absolute;
  width: 1.15px;
  left: 50%;
  background: #bbb;
}
.page-view.experience .vertical-line.top-line {
  top: 0;
  height: 2.85em;
}
.page-view.experience .vertical-line.bottom-line {
  top: 5.75em;
  height: 77%;
}
.page-view.experience .experience-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
@supports (-webkit-overflow-scrolling: touch) {
  .page-view.experience .experience-content-container {
    letter-spacing: 0.4px;
  }
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper {
  width: 100%;
  height: 100%;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container {
  width: 3.5em;
  height: 1px;
  position: absolute;
  top: 0;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .three-d-line-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #bbb;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container {
  position: absolute;
  top: 0;
  width: 15em;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-top-line {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 1.15px;
  background: #bbb;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-date {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
  padding: 0 0.25em;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-date
  .text {
  text-transform: uppercase;
  font-size: 0.7em;
  padding-bottom: 0.35em;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper {
  overflow: hidden;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper
  .single-experience-content-cover {
  background: rgba(51, 51, 51, 0.5);
  overflow: hidden;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper
  .single-experience-content-cover
  .single-experience-content {
  padding: 0.9em;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper
  .single-experience-content-cover
  .single-experience-content
  .main-title
  .text {
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper
  .single-experience-content-cover
  .single-experience-content
  .sub-title {
  margin-top: 0.25em;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper
  .single-experience-content-cover
  .single-experience-content
  .sub-title
  .text {
  font-size: 0.7em;
  letter-spacing: 0.125em;
  line-height: 1.25;
}
@supports (-webkit-overflow-scrolling: touch) {
  .page-view.experience
    .experience-content-container
    .experience-content-wrapper
    .three-d-line-content-container
    .single-experience-content-container
    .single-experience-content-wrapper
    .single-experience-content-cover
    .single-experience-content
    .sub-title
    .text {
    letter-spacing: 0.05em;
  }
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper
  .single-experience-content-cover
  .single-experience-content
  .bullet-points-container
  ul {
  margin: 0;
  padding: 0;
  padding-left: 1em;
  margin-top: 0.6em;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper
  .single-experience-content-cover
  .single-experience-content
  .bullet-points-container
  ul
  li {
  margin-top: 1em;
  font-size: 0.65em;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container
  .single-experience-content-container
  .single-experience-content-wrapper
  .single-experience-content-cover
  .single-experience-content
  .bullet-points-container
  ul
  li:first-child {
  margin: 0;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container.three-d-line-1 {
  top: 26.1%;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container.three-d-line-2 {
  top: 32.5%;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container.three-d-line-3 {
  top: 66%;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(1) {
  right: 50%;
  -webkit-transform: rotateY(45deg) rotateZ(35deg);
  transform: rotateY(45deg) rotateZ(35deg);
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(1)
  .three-d-line-content-wrapper {
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(1)
  .single-experience-content-container {
  right: 100%;
  -webkit-transform: rotateZ(-35deg) rotateY(-45deg);
  transform: rotateZ(-35deg) rotateY(-45deg);
  -webkit-transform-origin: top right;
  transform-origin: top right;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(1)
  .single-experience-content-container
  .single-experience-top-line {
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(2),
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(3) {
  left: 50%;
  -webkit-transform: rotateY(-45deg) rotateZ(-35deg);
  transform: rotateY(-45deg) rotateZ(-35deg);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(2)
  .three-d-line-content-wrapper,
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(3)
  .three-d-line-content-wrapper {
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(2)
  .single-experience-content-container,
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(3)
  .single-experience-content-container {
  left: 100%;
  -webkit-transform: rotateZ(35deg) rotateY(45deg);
  transform: rotateZ(35deg) rotateY(45deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(2)
  .single-experience-content-container
  .single-experience-top-line,
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(3)
  .single-experience-content-container
  .single-experience-top-line {
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(2)
  .single-experience-content-container
  .single-experience-date,
.page-view.experience
  .experience-content-container
  .experience-content-wrapper
  .three-d-line-content-container:nth-child(3)
  .single-experience-content-container
  .single-experience-date {
  text-align: right;
}
.page-view.portfolio .carousel {
  width: 100%;
  height: auto;
  padding: 8.5em 0 0;
  -webkit-transform: translateZ(3em);
  transform: translateZ(3em);
}
.page-view.portfolio .carousel.no-transition * {
  -webkit-transition: none !important;
  transition: none !important;
}
.page-view.portfolio .carousel .swiper-container {
  width: 100%;
  height: auto;
}
.page-view.portfolio .carousel .swiper-container .swiper-wrapper {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-timing-function: cubic-bezier(
    0.165,
    0.84,
    0.44,
    1
  ) !important;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.page-view.portfolio .carousel .swiper-container .swiper-wrapper .swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  visibility: hidden;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper {
  -webkit-transition: all 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateX(0) translateZ(-2.9em) scale(0.5) translateY(30%);
  transform: translateX(0) translateZ(-2.9em) scale(0.5) translateY(30%);
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .opacity-3d {
  opacity: 0;
  -webkit-transition: opacity 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container {
  display: block;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image {
  display: block;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .image-container {
  padding-top: 100%;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .image-container
  .image-wrapper
  .image-cover
  .image-parallax
  .image {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .image-container
  .image-wrapper
  .image-cover
  .image-parallax:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.8em;
  width: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0.1px);
  transform: translateZ(0.1px);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container
  .top-bar {
  width: 100%;
  height: 100%;
  background: #ddd;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container
  .top-bar
  .circles-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 0.15em;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container
  .top-bar
  .circles-container
  .single-cirlce {
  width: 0.4em;
  height: 0.4em;
  border-radius: 100%;
  margin-left: 0.15em;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container
  .top-bar
  .circles-container
  .single-cirlce.one {
  background: #ff5f57;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container
  .top-bar
  .circles-container
  .single-cirlce.two {
  background: #ffbd2e;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container
  .top-bar
  .circles-container
  .single-cirlce.three {
  background: #28ca41;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container
  .top-bar
  .bar-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .project-image
  .top-bar-container
  .top-bar
  .bar-title
  .text {
  text-shadow: none;
  color: #6a6a6a;
  font-size: 0.45em;
  letter-spacing: 0.02em;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .logo-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(1em);
  transform: translateX(-50%) translateY(-50%) translateZ(1em);
  opacity: 0.8;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .logo-container
  .logo-wrapper {
  -webkit-transform: translateZ(0.01px);
  transform: translateZ(0.01px);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .logo-container
  .logo-wrapper
  .logo-image {
  display: block;
  width: 100%;
  -webkit-transform: translateZ(0.01px);
  transform: translateZ(0.01px);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container
  .swiper-lazy-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0.5em);
  transform: translateX(-50%) translateY(-50%) translateZ(0.5em);
  display: none;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container:hover
  .project-image
  .image-container
  .image-wrapper
  .image-cover
  .image-parallax
  .image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container:hover
  .project-image
  .image-container
  .image-wrapper
  .image-cover
  .image-parallax:after {
  background: rgba(0, 0, 0, 0.125);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container:hover
  .project-image
  .top-bar-container
  .top-bar {
  background: #fff;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container:hover
  .project-image
  .top-bar-container
  .top-bar
  .bar-title
  .text {
  color: black;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .portfolio-image-container:hover
  .logo-container {
  opacity: 1;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .project-title {
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translateZ(1em);
  transform: translateZ(1em);
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .project-title
  .text {
  font-size: 1.15em;
  line-height: 1.15;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .project-excerpt {
  text-align: center;
  -webkit-transform: translateZ(0.25em);
  transform: translateZ(0.25em);
  padding: 0 2.5%;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .project-excerpt
  .text {
  font-size: 0.7em;
  line-height: 1.25;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .view-project-button-container {
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(1em);
  transform: translateX(-50%) translateZ(1em);
  display: inline-block;
  margin-top: 0.75em;
  -webkit-transition-property: color, -webkit-transform;
  transition-property: color, -webkit-transform;
  transition-property: color, transform;
  transition-property: color, transform, -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .view-project-button-container
  .view-project-button-wrapper
  .view-project-button
  .text {
  font-size: 0.6em;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .single-carousel-wrapper
  .view-project-button-container:hover {
  -webkit-transform: translateX(-50%) translateZ(1.75em);
  transform: translateX(-50%) translateZ(1.75em);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  visibility: visible;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .single-carousel-wrapper {
  -webkit-transform: translateX(0.1%) translateZ(-0.1em) scale(1.001)
    translateY(0.1%) rotateY(0);
  transform: translateX(0.1%) translateZ(-0.1em) scale(1.001) translateY(0.1%)
    rotateY(0);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-active
  .single-carousel-wrapper
  .opacity-3d {
  opacity: 1;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-next {
  visibility: visible;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-next
  .single-carousel-wrapper {
  -webkit-transform: translateX(-6%) translateZ(0) scale(0.8) translateY(20%)
    rotateY(-20deg);
  transform: translateX(-6%) translateZ(0) scale(0.8) translateY(20%)
    rotateY(-20deg);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-next
  .single-carousel-wrapper
  .opacity-3d {
  opacity: 0.45;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-prev {
  visibility: visible;
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-prev
  .single-carousel-wrapper {
  -webkit-transform: translateX(6%) translateZ(0) scale(0.8) translateY(20%)
    rotateY(20deg);
  transform: translateX(6%) translateZ(0) scale(0.8) translateY(20%)
    rotateY(20deg);
}
.page-view.portfolio
  .carousel
  .swiper-container
  .swiper-wrapper
  .swiper-slide.swiper-slide-prev
  .single-carousel-wrapper
  .opacity-3d {
  opacity: 0.45;
}
.page-view.portfolio .swiper-pagination {
  text-align: center;
  margin-top: 3em;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateZ(5em);
  transform: translateZ(5em);
}
.page-view.portfolio .swiper-pagination .swiper-pagination-bullet {
  width: 1em;
  height: 1em;
  margin-right: 1em;
  background: red;
  display: inline-block;
  cursor: pointer;
}
.page-view.portfolio
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: blue;
}
.page-view.portfolio .arrow-carousel {
  position: absolute;
  -webkit-transform: translateZ(5.5em);
  transform: translateZ(5.5em);
  width: 6em;
  height: 6em;
  top: 36.6%;
  cursor: pointer;
  z-index: 100;
  opacity: 0.75;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.portfolio .arrow-carousel .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 2em;
  text-shadow: none;
  color: white;
  padding: 35%;
}
.page-view.portfolio .arrow-carousel .icon svg {
  display: block;
}
.page-view.portfolio .arrow-carousel .icon svg path {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  fill: #bbb;
}
.page-view.portfolio .arrow-carousel.right {
  right: 13%;
}
.page-view.portfolio .arrow-carousel.left {
  left: 13%;
}
.page-view.portfolio .arrow-carousel:hover {
  opacity: 1;
  -webkit-transform: translateZ(7em) translateY(2%);
  transform: translateZ(7em) translateY(2%);
}
.page-view.portfolio .arrow-carousel:hover .icon svg path {
  fill: white;
}
.page-view.portfolio .arrow-carousel.swiper-button-disabled {
  opacity: 0;
  cursor: default;
}
.page-view.skills .skills-grid {
  -webkit-transform: translateZ(2.5em);
  transform: translateZ(2.5em);
  padding: 9em 10% 0 6.5%;
}
.page-view.skills .skills-grid .skill-item {
  float: left;
  width: 44%;
  margin-right: 12%;
  margin-bottom: 3em;
}
.page-view.skills .skills-grid .skill-item:nth-child(2n + 2) {
  margin-right: 0;
}
.page-view.skills .skills-grid .skill-item .skill-rectangle {
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.page-view.skills .skills-grid .skill-item .skill-rectangle .rectangle-side {
  position: absolute;
  border: 0.1px solid rgba(255, 255, 255, 0.2);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.page-view.skills
  .skills-grid
  .skill-item
  .skill-rectangle
  .rectangle-side.front {
  position: relative;
  height: 1.65em;
  width: 100%;
}
.page-view.skills
  .skills-grid
  .skill-item
  .skill-rectangle
  .rectangle-side.back {
  width: 100%;
  height: 1.65em;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(-1.65em) rotateX(180deg);
  transform: translateZ(-1.65em) rotateX(180deg);
}
.page-view.skills
  .skills-grid
  .skill-item
  .skill-rectangle
  .rectangle-side.right {
  width: 1.65em;
  height: 1.65em;
  top: 0;
  left: 100%;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.page-view.skills
  .skills-grid
  .skill-item
  .skill-rectangle
  .rectangle-side.left {
  width: 1.65em;
  height: 1.65em;
  top: 0;
  right: 100%;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.page-view.skills
  .skills-grid
  .skill-item
  .skill-rectangle
  .rectangle-side.top {
  width: 100%;
  height: 1.65em;
  left: 0;
  bottom: 100%;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.page-view.skills
  .skills-grid
  .skill-item
  .skill-rectangle
  .rectangle-side.bottom {
  width: 100%;
  height: 1.65em;
  left: 0;
  top: 100%;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.page-view.skills .skills-grid .skill-item .skill-title {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 0.6em;
  -webkit-transform: translateZ(-0.825em);
  transform: translateZ(-0.825em);
}
.page-view.skills .skills-grid .skill-item .skill-title .text {
  font-size: 0.75em;
}
.page-view.skills .skills-grid .skill-item .skill-percentage-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-view.skills
  .skills-grid
  .skill-item
  .skill-percentage-container
  .skill-percentage {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 0.5em;
  -webkit-transform: translateY(-50%) translateZ(-0.825em);
  transform: translateY(-50%) translateZ(-0.825em);
}
.page-view.skills
  .skills-grid
  .skill-item
  .skill-percentage-container
  .skill-percentage
  .text {
  font-size: 0.85em;
}
.page-view.contact {
  padding: 0 22.75%;
}
.page-view.contact .top-text-container {
  padding-top: 8.65em;
  line-height: 1.25;
  -webkit-transform: translateZ(0.75em);
  transform: translateZ(0.75em);
  text-align: center;
}
.page-view.contact .top-text-container .top-text-wrapper {
  overflow: hidden;
}
.page-view.contact .top-text-container .top-text-wrapper .text {
  font-size: 0.85em;
}
.page-view.contact .contact-links {
  width: 120%;
  margin-left: -10%;
  text-align: center;
  -webkit-transform: translateZ(1.25em);
  transform: translateZ(1.25em);
  padding: 1.05em 0;
}
.page-view.contact .contact-links .single-contact-link-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
  padding: 0.75em 0;
  -webkit-transition-property: color, -webkit-transform;
  transition-property: color, -webkit-transform;
  transition-property: transform, color;
  transition-property: transform, color, -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.contact .contact-links .single-contact-link-wrapper:last-child {
  margin-right: 0;
}
.page-view.contact
  .contact-links
  .single-contact-link-wrapper
  .single-contact-link
  span {
  display: inline-block;
  vertical-align: middle;
}
.page-view.contact
  .contact-links
  .single-contact-link-wrapper
  .single-contact-link
  span.icon {
  width: 1.1em;
  height: 1.1em;
}
.page-view.contact
  .contact-links
  .single-contact-link-wrapper
  .single-contact-link
  span.icon
  svg {
  display: block;
}
.page-view.contact
  .contact-links
  .single-contact-link-wrapper
  .single-contact-link
  span.icon
  svg
  path,
.page-view.contact
  .contact-links
  .single-contact-link-wrapper
  .single-contact-link
  span.icon
  svg
  rect {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.contact
  .contact-links
  .single-contact-link-wrapper
  .single-contact-link
  span.text {
  font-size: 0.6em;
}
.page-view.contact .contact-links .single-contact-link-wrapper:hover {
  -webkit-transform: translateZ(0.75em);
  transform: translateZ(0.75em);
}
.page-view.contact
  .contact-links
  .single-contact-link-wrapper:hover
  .single-contact-link
  span.icon
  svg
  path,
.page-view.contact
  .contact-links
  .single-contact-link-wrapper:hover
  .single-contact-link
  span.icon
  svg
  rect {
  fill: white;
}
.page-view.contact > .wpcf7 > .screen-reader-response {
  display: none;
}
.page-view.contact > .wpcf7 > .wpcf7-form {
  font-size: 0.8em;
}
.page-view.contact > .wpcf7 > .wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 0.75em;
  -webkit-transform: translateZ(0.75em);
  transform: translateZ(0.75em);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.contact
  > .wpcf7
  > .wpcf7-form
  .wpcf7-form-control-wrap.random-captcha-quiz
  .wpcf7-quiz-label {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.page-view.contact
  > .wpcf7
  > .wpcf7-form
  .wpcf7-form-control-wrap
  .borders-container
  .single-border {
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.contact
  > .wpcf7
  > .wpcf7-form
  .wpcf7-form-control-wrap
  .wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  color: #bbb;
  font-size: 0.55em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  display: block;
  color: yellow;
  -webkit-transform: translateZ(0.15px);
  transform: translateZ(0.15px);
  z-index: 2;
}
.page-view.contact > .wpcf7 > .wpcf7-form .wpcf7-form-control-wrap.focus {
  -webkit-transform: translateZ(1.5em);
  transform: translateZ(1.5em);
}
.page-view.contact
  > .wpcf7
  > .wpcf7-form
  .wpcf7-form-control-wrap.focus
  .borders-container
  .single-border {
  border-color: white;
}
.page-view.contact > .wpcf7 > .wpcf7-form .wpcf7-submit-container {
  -webkit-transform: translateZ(1em);
  transform: translateZ(1em);
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.contact
  > .wpcf7
  > .wpcf7-form
  .wpcf7-submit-container
  .borders-container
  .single-border {
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.contact
  > .wpcf7
  > .wpcf7-form
  .wpcf7-submit-container
  .wpcf7-submit {
  cursor: pointer;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-view.contact > .wpcf7 > .wpcf7-form .wpcf7-submit-container:hover {
  -webkit-transform: translateZ(1.5em);
  transform: translateZ(1.5em);
}
.page-view.contact
  > .wpcf7
  > .wpcf7-form
  .wpcf7-submit-container:hover
  .wpcf7-submit {
  color: white;
}
.page-view.contact
  > .wpcf7
  > .wpcf7-form
  .wpcf7-submit-container:hover
  .borders-container
  .single-border {
  border-color: white;
}
.page-view.contact > .wpcf7 > .wpcf7-form .wpcf7-response-output {
  -webkit-transform: translateZ(1em);
  transform: translateZ(1em);
  text-align: center;
  color: yellow;
  text-transform: uppercase;
  margin-top: 0.65em !important;
  line-height: 1.25em;
  height: auto !important;
}
.page-view.about .all-images-container {
  width: 45%;
  position: absolute;
  height: 100%;
  left: 60%;
  top: 0;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}
.page-view.about .all-images-container .single-image-float-container {
  position: absolute;
}
.page-view.about
  .all-images-container
  .single-image-float-container:nth-child(1) {
  width: 95%;
  top: 20%;
  left: 2.5%;
}
.page-view.about
  .all-images-container
  .single-image-float-container:nth-child(1)
  .image-container {
  padding-top: 150%;
}
.page-view.about
  .all-images-container
  .single-image-float-container:nth-child(2) {
  width: 60%;
  left: 47.5%;
  top: 10%;
}
.page-view.about
  .all-images-container
  .single-image-float-container:nth-child(2)
  .image-container {
  padding-top: 85%;
}
.page-view.about
  .all-images-container
  .single-image-float-container:nth-child(3) {
  width: 50%;
  right: 20%;
  bottom: 6%;
}
.page-view.about
  .all-images-container
  .single-image-float-container:nth-child(3)
  .image-container {
  padding-top: 70%;
}
.page-view.about .content-container {
  width: 60%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3.75em 0 0 3%;
}
@supports (-webkit-overflow-scrolling: touch) {
  .page-view.about .content-container {
    letter-spacing: 0;
  }
}
.page-view.about
  .content-container
  .content-wrapper
  .single-paragraph-container {
  margin-bottom: 0.8em;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}
.page-view.about
  .content-container
  .content-wrapper
  .single-paragraph-container
  .single-paragraph-wrapper {
  overflow: hidden;
}
.page-view.about
  .content-container
  .content-wrapper
  .single-paragraph-container
  .single-paragraph-wrapper
  .single-paragraph-content {
  overflow: hidden;
}
.page-view.about
  .content-container
  .content-wrapper
  .single-paragraph-container
  .single-paragraph-wrapper
  .single-paragraph-content
  .single-paragraph
  .text {
  font-size: 0.765em;
  line-height: 1.4;
}
.page-view.about
  .content-container
  .content-wrapper
  .single-paragraph-container
  .single-paragraph-wrapper
  .single-paragraph-content
  .single-paragraph
  .text
  strong {
  font-weight: 900;
  color: #d2d2d2;
}
.page-view.about
  .content-container
  .content-wrapper
  .single-paragraph-container
  .single-paragraph-wrapper
  .single-paragraph-content
  .single-paragraph
  .text
  em {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.9em;
  font-style: normal;
}
body.error404 {
  overflow: initial;
}
body.error404 #wrapper {
  opacity: 1;
  position: relative;
}
.page-view.four-o-four .page-container {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-view.four-o-four .page-container .page-wrapper {
  padding: 3em 0;
  text-align: center;
  width: 80%;
  min-width: 80%;
  max-width: 80%;
}
.page-view.four-o-four .page-container .page-wrapper .title {
  font-size: 3em;
}
.page-view.four-o-four .page-container .page-wrapper .sub-title {
  font-size: 2em;
  margin-top: 1em;
}
.page-view.four-o-four .page-container .page-wrapper .back-home {
  font-size: 1em;
  margin-top: 3em;
  display: block;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}