@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
#page-home {
  background: linear-gradient(45deg, #213f68, #102f59, #091b34) !important;
  background: #213f68 url("/assets/images/home_bg.png");
  /* background: linear-gradient(90deg, #181818, #000) !important; */
  background-size: cover;
  font-family: "Montserrat";
  /* text-shadow: 0 1px 3px black; */
  width: 100%; }

  #page-home > .overlay {
    display: none;
    background: linear-gradient(45deg, #213f68, #102f59, #091b34) !important;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: 10; }
    #page-home .logo{
      width:80%;
      max-width: 400px;
      margin-bottom:20px;
    }
  #page-home h1 span{
    font-weight:8s00;
    position:relative;
    z-index:1;
  }
  #page-home h1 span::after{
    content:"";
    position:absolute;
    height:15px;
    background:#b0ffff;
    width:100%;
    left:0;
    right:0;
    bottom:10%;
    opacity: 0.7;
    z-index: -1;
  }
  #page-home h1 {
    margin-bottom:40px;
    color: white;
    font-weight: 600; }
    @media (max-width: 480px) {
      #page-home h1 {
        font-size: 24px; } }
  #page-home h2 {
    position:relative;
    color: white;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;
    margin-top:25px;
    display: block;
    
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px; }
    @media (max-width: 480px) {
      #page-home h2 {
        font-size: 16px; } }
        #page-home h1 span::after{
          height:10px;
        }
  #page-home .notice {
    margin-top: 30px; }
    #page-home .notice p {
      color: white;
      font-size: 14px;
      margin: 0; }
      @media (max-width: 480px) {
        #page-home .notice p {
          font-size: 10px; } }
    #page-home .notice a {
      color: #3498db;
      font-size: 14px; }
      @media (max-width: 480px) {
        #page-home .notice a {
          font-size: 10px; } }
  #page-home #animated-circles {
    z-index: 2;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    #page-home #animated-circles #circle-1,
    #page-home #animated-circles #circle-2,
    #page-home #animated-circles #circle-3,
    #page-home #animated-circles #circle-4 {
      opacity: 0.5;
      animation-duration: 10s;
      position: absolute;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      background: linear-gradient(rgba(52, 152, 219, 0.8) 20%, rgba(52, 152, 219, 0));
      border-radius: 100%; }
    #page-home #animated-circles #circle-1 {
      left: 500px;
      animation-duration: 30s;
      top: 300px;
      height: 300px;
      width: 300px;
      background: linear-gradient(rgba(52, 152, 219, 0.5), rgba(65, 171, 93, 0.5));
      animation-name: c1-animation; }
      @media (max-width: 800px) {
        #page-home #animated-circles #circle-1 {
          width: 200px;
          height: 200px; } }
    #page-home #animated-circles #circle-2 {
      left: -100px;
      animation-duration: 20s;
      top: 100px;
      width: 500px;
      height: 500px;
      animation-name: c2-animation; }
      @media (max-width: 800px) {
        #page-home #animated-circles #circle-2 {
          width: 100px;
          height: 100px; } }
    #page-home #animated-circles #circle-3 {
      animation-duration: 18s;
      right: -40px;
      bottom: 0;
      width: 500px;
      height: 500px;
      animation-name: c3-animation; }
      @media (max-width: 800px) {
        #page-home #animated-circles #circle-3 {
          width: 100px;
          height: 100px; } }
    #page-home #animated-circles #circle-4 {
      animation-duration: 50s;
      left: -40px;
      top: 0;
      width: 200px;
      height: 200px;
      background: linear-gradient(rgba(255, 93, 85, 0.3), rgba(65, 171, 93, 0.5));
      animation-name: c4-animation; }
      @media (max-width: 800px) {
        #page-home #animated-circles #circle-4 {
          width: 120px;
          height: 120px; } }
@keyframes c1-animation {
  0% {
    transform: translate(100px, 200px); }
  50% {
    transform: translate(200px, 100px); }
  100% {
    transform: translate(100px, 200px); } }
@keyframes c2-animation {
  100% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(12px, 200px); }
  100% {
    transform: translate(0px, 0px); } }
@keyframes c3-animation {
  100% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(300px, 35px); }
  100% {
    transform: translate(0px, 0px); } }
@keyframes c4-animation {
  100% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(500px, 100px); }
  100% {
    transform: translate(0px, 0px); } }

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