/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
  margin:0 auto;
}

/*html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: sans-serif;
  color: #ffffff;
  background: #001426 url("../img/bg-pattern.png");
}

a {
  color: #196a74;
  text-decoration: none;
}*/

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-background-wrapper {
  background-color: #212121;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 4000px;
  perspective: 4000px;
}

.cd-floating-background {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-floating-background.is-absolute {
  position: absolute;
}
.cd-floating-background img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* fixes a Firefox bug - images not correctly rendered*/
  background-color: rgba(255, 255, 255, 0.01);
}
.cd-floating-background img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-floating-background img:first-child {
  -webkit-transform: translateZ(50px);
  -ms-transform: translateZ(50px);
  transform: translateZ(50px);
}
.cd-floating-background img:nth-child(2) {
  -webkit-transform: translateZ(850px);
  -ms-transform: translateZ(850px);
  transform: translateZ(850px);
}
.cd-floating-background img:nth-child(3) {
  -webkit-transform: translateZ(870px);
  -ms-transform: translateZ(870px);
  transform: translateZ(870px);
}
.cd-floating-background img:nth-child(4) {
  -webkit-transform: translateZ(920px);
  -ms-transform: translateZ(920px);
  transform: translateZ(920px);
}
.cd-floating-background img:nth-child(5) {
  -webkit-transform: translateZ(300px);
  -ms-transform: translateZ(300px);
  transform: translateZ(300px);
}
.cd-floating-background img:nth-child(6) {
  -webkit-transform: translateZ(350px);
  -ms-transform: translateZ(350px);
  transform: translateZ(350px);
}
.cd-floating-background img:nth-child(7) {
  -webkit-transform: translateZ(190px);
  -ms-transform: translateZ(190px);
  transform: translateZ(190px);
}
.cd-floating-background img:nth-child(8) {
  -webkit-transform: translateZ(450px);
  -ms-transform: translateZ(450px);
  transform: translateZ(450px);
}
.cd-floating-background img:nth-child(9) {
  -webkit-transform: translateZ(1300px);
  -ms-transform: translateZ(1300px);
  transform: translateZ(1300px);
}
.cd-floating-background img:nth-child(10) {
  -webkit-transform: translateZ(500px);
  -ms-transform: translateZ(500px);
  transform: translateZ(500px);
}
.cd-floating-background img:nth-child(11) {
  -webkit-transform: translateZ(550px);
  -ms-transform: translateZ(550px);
  transform: translateZ(550px);
}
.cd-floating-background img:nth-child(12) {
  -webkit-transform: translateZ(600px);
  -ms-transform: translateZ(600px);
  transform: translateZ(600px);
}
.cd-floating-background img:nth-child(13) {
  -webkit-transform: translateZ(650px);
  -ms-transform: translateZ(650px);
  transform: translateZ(650px);
}
.cd-floating-background img:nth-child(14) {
  -webkit-transform: translateZ(250px);
  -ms-transform: translateZ(250px);
  transform: translateZ(250px);
}
.no-preserve-3d .cd-floating-background {
  /* we target browsers that don't support preserve-3d and show just a standard image - no effect visible */
  position: relative;
}