<!-- start Simple Custom CSS and JS -->
<style type="text/css">
* {
  box-sizing: border-box;
}

#footerwrap {
    clear: both;
    padding-top: 0 !important;
}

.themify_builder .big-video-wrap {
  position: fixed !important;
}


.sphere {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 45vmin;
  height: 45vmin;
  animation: spinSphere 20s infinite linear;
  transform-style: preserve-3d;
}

[class^="rin"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 45vmin;
  height: 45vmin;
  border-radius: 50%;
}

[class$="g1"] {
  transform: rotateY(2deg) rotateX(2deg) rotateZ(3deg);
  box-shadow: 0 0 3px rgba(130, 199, 189, 0.05), inset 0 0 3px rgba(130, 199, 189, 0.05);
}

[class$="g2"] {
  transform: rotateY(4deg) rotateX(4deg) rotateZ(6deg);
  box-shadow: 0 0 5px rgba(128, 199, 188, 0.05), inset 0 0 5px rgba(128, 199, 188, 0.05);
}

[class$="g3"] {
  transform: rotateY(6deg) rotateX(6deg) rotateZ(9deg);
  box-shadow: 0 0 7px rgba(126, 198, 188, 0.05), inset 0 0 7px rgba(126, 198, 188, 0.05);
}

[class$="g4"] {
  transform: rotateY(8deg) rotateX(8deg) rotateZ(12deg);
  box-shadow: 0 0 9px rgba(124, 198, 188, 0.05), inset 0 0 9px rgba(124, 198, 188, 0.05);
}

[class$="g5"] {
  transform: rotateY(10deg) rotateX(10deg) rotateZ(15deg);
  box-shadow: 0 0 11px rgba(122, 197, 187, 0.05), inset 0 0 11px rgba(122, 197, 187, 0.05);
}

[class$="g6"] {
  transform: rotateY(12deg) rotateX(12deg) rotateZ(18deg);
  box-shadow: 0 0 13px rgba(120, 197, 187, 0.05), inset 0 0 13px rgba(120, 197, 187, 0.05);
}

[class$="g7"] {
  transform: rotateY(14deg) rotateX(14deg) rotateZ(21deg);
  box-shadow: 0 0 15px rgba(118, 196, 187, 0.05), inset 0 0 15px rgba(118, 196, 187, 0.05);
}

[class$="g8"] {
  transform: rotateY(16deg) rotateX(16deg) rotateZ(24deg);
  box-shadow: 0 0 17px rgba(118, 196, 187, 0.05), inset 0 0 17px rgba(118, 196, 187, 0.05);
}

[class$="g9"] {
  transform: rotateY(18deg) rotateX(18deg) rotateZ(27deg);
  box-shadow: 0 0 19px rgba(114, 195, 186, 0.05), inset 0 0 19px rgba(114, 195, 186, 0.05);
}

[class$="g10"] {
  transform: rotateY(20deg) rotateX(20deg) rotateZ(30deg);
  box-shadow: 0 0 21px rgba(112, 195, 186, 0.05), inset 0 0 21px rgba(112, 195, 186, 0.05);
}

[class$="g11"] {
  transform: rotateY(22deg) rotateX(22deg) rotateZ(33deg);
  box-shadow: 0 0 23px rgba(110, 194, 185, 0.05), inset 0 0 23px rgba(110, 194, 185, 0.05);
}

[class$="g12"] {
  transform: rotateY(24deg) rotateX(24deg) rotateZ(36deg);
  box-shadow: 0 0 25px rgba(108, 194, 185, 0.05), inset 0 0 25px rgba(108, 194, 185, 0.05);
}

[class$="g13"] {
  transform: rotateY(26deg) rotateX(26deg) rotateZ(39deg);
  box-shadow: 0 0 27px rgba(106, 193, 185, 0.05), inset 0 0 27px rgba(106, 193, 185, 0.05);
}

[class$="g14"] {
  transform: rotateY(28deg) rotateX(28deg) rotateZ(42deg);
  box-shadow: 0 0 29px rgba(104, 193, 184, 0.05), inset 0 0 29px rgba(104, 193, 184, 0.05);
}

[class$="g15"] {
  transform: rotateY(30deg) rotateX(30deg) rotateZ(45deg);
  box-shadow: 0 0 31px rgba(102, 192, 184, 0.05), inset 0 0 31px rgba(102, 192, 184, 0.05);
}

[class$="g16"] {
  transform: rotateY(32deg) rotateX(32deg) rotateZ(48deg);
  box-shadow: 0 0 33px rgba(100, 192, 184, 0.05), inset 0 0 33px rgba(100, 192, 184, 0.05);
}

[class$="g17"] {
  transform: rotateY(34deg) rotateX(34deg) rotateZ(51deg);
  box-shadow: 0 0 35px rgba(98, 191, 183, 0.05), inset 0 0 35px rgba(98, 191, 183, 0.05);
}

[class$="g18"] {
  transform: rotateY(36deg) rotateX(36deg) rotateZ(54deg);
  box-shadow: 0 0 37px rgba(96, 191, 183, 0.05), inset 0 0 37px rgba(96, 191, 183, 0.05);
}

[class$="g19"] {
  transform: rotateY(38deg) rotateX(38deg) rotateZ(57deg);
  box-shadow: 0 0 39px rgba(94, 190, 183, 0.05), inset 0 0 39px rgba(94, 190, 183, 0.05);
}

[class$="g20"] {
  transform: rotateY(40deg) rotateX(40deg) rotateZ(60deg);
  box-shadow: 0 0 41px rgba(92, 190, 182, 0.05), inset 0 0 41px rgba(92, 190, 182, 0.05);
}

[class$="g21"] {
  transform: rotateY(42deg) rotateX(42deg) rotateZ(63deg);
  box-shadow: 0 0 43px rgba(90, 189, 182, 0.05), inset 0 0 43px rgba(90, 189, 182, 0.05);
}

[class$="g22"] {
  transform: rotateY(44deg) rotateX(44deg) rotateZ(66deg);
  box-shadow: 0 0 45px rgba(88, 189, 182, 0.05), inset 0 0 45px rgba(88, 189, 182, 0.05);
}

[class$="g23"] {
  transform: rotateY(46deg) rotateX(46deg) rotateZ(69deg);
  box-shadow: 0 0 47px rgba(86, 188, 181, 0.05), inset 0 0 47px rgba(86, 188, 181, 0.05);
}

[class$="g24"] {
  transform: rotateY(48deg) rotateX(48deg) rotateZ(72deg);
  box-shadow: 0 0 49px rgba(84, 188, 181, 0.05), inset 0 0 49px rgba(84, 188, 181, 0.05);
}

[class$="g25"] {
  transform: rotateY(50deg) rotateX(50deg) rotateZ(75deg);
  box-shadow: 0 0 51px rgba(82, 187, 181, 0.05), inset 0 0 51px rgba(82, 187, 181, 0.05);
}

[class$="g26"] {
  transform: rotateY(52deg) rotateX(52deg) rotateZ(78deg);
  box-shadow: 0 0 53px rgba(80, 187, 180, 0.05), inset 0 0 53px rgba(80, 187, 180, 0.05);
}

[class$="g27"] {
  transform: rotateY(54deg) rotateX(54deg) rotateZ(81deg);
  box-shadow: 0 0 55px rgba(78, 186, 180, 0.05), inset 0 0 55px rgba(78, 186, 180, 0.05);
}

[class$="g28"] {
  transform: rotateY(56deg) rotateX(56deg) rotateZ(84deg);
  box-shadow: 0 0 57px rgba(76, 186, 180, 0.05), inset 0 0 57px rgba(76, 186, 180, 0.05);
}

[class$="g29"] {
  transform: rotateY(58deg) rotateX(58deg) rotateZ(87deg);
  box-shadow: 0 0 59px rgba(74, 185, 179, 0.05), inset 0 0 59px rgba(74, 185, 179, 0.05);
}

[class$="g30"] {
  transform: rotateY(60deg) rotateX(60deg) rotateZ(90deg);
  box-shadow: 0 0 61px rgba(72, 185, 179, 0.05), inset 0 0 61px rgba(72, 185, 179, 0.05);
}

[class$="g31"] {
  transform: rotateY(62deg) rotateX(62deg) rotateZ(93deg);
  box-shadow: 0 0 63px rgba(70, 184, 179, 0.05), inset 0 0 63px rgba(70, 184, 179, 0.05);
}

[class$="g32"] {
  transform: rotateY(64deg) rotateX(64deg) rotateZ(96deg);
  box-shadow: 0 0 65px rgba(68, 184, 178, 0.05), inset 0 0 65px rgba(68, 184, 178, 0.05);
}

[class$="g33"] {
  transform: rotateY(66deg) rotateX(66deg) rotateZ(99deg);
  box-shadow: 0 0 67px rgba(66, 183, 178, 0.05), inset 0 0 67px rgba(66, 183, 178, 0.05);
}

[class$="g34"] {
  transform: rotateY(68deg) rotateX(68deg) rotateZ(102deg);
  box-shadow: 0 0 69px rgba(64, 183, 178, 0.05), inset 0 0 69px rgba(64, 183, 178, 0.05);
}

[class$="g35"] {
  transform: rotateY(70deg) rotateX(70deg) rotateZ(105deg);
  box-shadow: 0 0 71px rgba(62, 182, 177, 0.05), inset 0 0 71px rgba(62, 182, 177, 0.05);
}

[class$="g36"] {
  transform: rotateY(72deg) rotateX(72deg) rotateZ(108deg);
  box-shadow: 0 0 73px rgba(60, 182, 177, 0.05), inset 0 0 73px rgba(60, 182, 177, 0.05);
}

@keyframes spinSphere {
  from {
    transform: rotateZ(0deg) rotateX(0deg) rotateY(0deg);
  }
  to {
    transform: rotateZ(360deg) rotateX(-360deg) rotateZ(360deg);
  }
}

.overflow_hidden {
  overflow: hidden;

}

.background {
  width: 100vw;
  background: #133f5a;
  overflow: hidden;

}

.background span {
  width: 20vmin;
  height: 20vmin;
  border-radius: 20vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.background span:nth-child(1) {
  color: #1d4f6c;
  top: 10%;
  left: 10%;
  animation-duration: 13.9s;
  animation-delay: -7s;
  transform-origin: -23vw -22vh;
  box-shadow: -40vmin 0 11.968352932vmin currentColor;
}
.background span:nth-child(2) {
  color: #1d4f6c;
  top: 33%;
  left: 38%;
  animation-duration: 14.9s;
  animation-delay: -9.8s;
  transform-origin: -9vw -23vh;
  box-shadow: -40vmin 0 12.5795139606vmin currentColor;
}
.background span:nth-child(3) {
  color: #1d4f6c;
  top: 58%;
  left: 26%;
  animation-duration: 12.6s;
  animation-delay: -11.9s;
  transform-origin: -16vw -20vh;
  box-shadow: 40vmin 0 9.5418769592vmin currentColor;
}
.background span:nth-child(4) {
  color: #1d4f6c;
  top: 84%;
  left: 91%;
  animation-duration: 13.3s;
  animation-delay: -2.7s;
  transform-origin: -9vw -1vh;
  box-shadow: 40vmin 0 10.7193186798vmin currentColor;
}
.background span:nth-child(5) {
  color: #1d4f6c;
  top: 44%;
  left: 24%;
  animation-duration: 10.5s;
  animation-delay: -1.2s;
  transform-origin: -14vw 20vh;
  box-shadow: 40vmin 0 14.1687081856vmin currentColor;
}
.background span:nth-child(6) {
  color: #1d4f6c;
  top: 20%;
  left: 44%;
  animation-duration: 13.6s;
  animation-delay: -14s;
  transform-origin: 3vw -3vh;
  box-shadow: -40vmin 0 10.7562895438vmin currentColor;
}
.background span:nth-child(7) {
  color: #1d4f6c;
  top: 7%;
  left: 63%;
  animation-duration: 12.3s;
  animation-delay: -3.6s;
  transform-origin: -12vw 21vh;
  box-shadow: 40vmin 0 7.7148123895vmin currentColor;
}
.background span:nth-child(8) {
  color: #1d4f6c;
  top: 82%;
  left: 30%;
  animation-duration: 13.7s;
  animation-delay: -8.3s;
  transform-origin: -3vw -9vh;
  box-shadow: -40vmin 0 5.1221585933vmin currentColor;
}
.background span:nth-child(9) {
  color: #1d4f6c;
  top: 36%;
  left: 17%;
  animation-duration: 11.3s;
  animation-delay: -7.6s;
  transform-origin: 0vw -24vh;
  box-shadow: -40vmin 0 13.6339689508vmin currentColor;
}
.background span:nth-child(10) {
  color: #1d4f6c;
  top: 85%;
  left: 62%;
  animation-duration: 16s;
  animation-delay: -11s;
  transform-origin: -17vw 18vh;
  box-shadow: -40vmin 0 6.8336932826vmin currentColor;
}
.background span:nth-child(11) {
  color: #1d4f6c;
  top: 55%;
  left: 38%;
  animation-duration: 15.4s;
  animation-delay: -10.1s;
  transform-origin: 25vw 13vh;
  box-shadow: -40vmin 0 14.3634198949vmin currentColor;
}
.background span:nth-child(12) {
  color: #1d4f6c;
  top: 13%;
  left: 41%;
  animation-duration: 12.3s;
  animation-delay: -4.6s;
  transform-origin: 1vw 4vh;
  box-shadow: -40vmin 0 10.6289340626vmin currentColor;
}
.background span:nth-child(13) {
  color: #1d4f6c;
  top: 21%;
  left: 61%;
  animation-duration: 10.3s;
  animation-delay: -0.3s;
  transform-origin: -15vw -12vh;
  box-shadow: 40vmin 0 6.3489248585vmin currentColor;
}
.background span:nth-child(14) {
  color: #1d4f6c;
  top: 68%;
  left: 6%;
  animation-duration: 13.5s;
  animation-delay: -14.5s;
  transform-origin: -24vw -3vh;
  box-shadow: 40vmin 0 12.7070888217vmin currentColor;
}
.background span:nth-child(15) {
  color: #1d4f6c;
  top: 99%;
  left: 48%;
  animation-duration: 16s;
  animation-delay: -7.1s;
  transform-origin: -3vw -23vh;
  box-shadow: 40vmin 0 7.7060046016vmin currentColor;
}
.background span:nth-child(16) {
  color: #1d4f6c;
  top: 95%;
  left: 81%;
  animation-duration: 10.3s;
  animation-delay: -4.8s;
  transform-origin: 1vw -2vh;
  box-shadow: 40vmin 0 11.3143246468vmin currentColor;
}
.background span:nth-child(17) {
  color: #1d4f6c;
  top: 67%;
  left: 86%;
  animation-duration: 10.9s;
  animation-delay: -4.5s;
  transform-origin: 5vw -15vh;
  box-shadow: 40vmin 0 11.7558858206vmin currentColor;
}
.background span:nth-child(18) {
  color: #1d4f6c;
  top: 26%;
  left: 19%;
  animation-duration: 15.7s;
  animation-delay: -12.7s;
  transform-origin: 7vw 16vh;
  box-shadow: -40vmin 0 12.7189040808vmin currentColor;
}
.background span:nth-child(19) {
  color: #1d4f6c;
  top: 23%;
  left: 48%;
  animation-duration: 11.8s;
  animation-delay: -6.2s;
  transform-origin: 24vw -14vh;
  box-shadow: 40vmin 0 14.1526904765vmin currentColor;
}
.background span:nth-child(20) {
  color: #1d4f6c;
  top: 37%;
  left: 11%;
  animation-duration: 15.3s;
  animation-delay: -5.7s;
  transform-origin: -23vw 21vh;
  box-shadow: -40vmin 0 8.8527630015vmin currentColor;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}</style>
<!-- end Simple Custom CSS and JS -->
