/* *** Preloader *** */

#preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #26282c;
    z-index: 30;
    pointer-events: none;
  }
  
  .clock {
    border-radius: 70px;
    border: 3px solid #252525;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    display: block;
    width: 60px;
    height: 60px;
    border-color: #ffffff;
    /* fallback for old browsers */
    border-color: -webkit-linear-gradient(to right, #ffffff, #ffffff);
    /* Chrome 10-25, Safari 5.1-6 */
    border-color: linear-gradient(to right, #ffffff, #ffffff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  
  @media (max-width: 799px) {
    .clock {
      left: calc(50vw + 20px);
    }
  }
  
  .clock:after {
    content: "";
    position: absolute;
    background: #ffffff;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
    background: -o-linear-gradient(left, #ffffff, #ffffff);
    background: linear-gradient(to right, #ffffff, #ffffff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    top: 6px;
    left: 48%;
    height: 25px;
    width: 3px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 97%;
    -ms-transform-origin: 50% 97%;
        transform-origin: 50% 97%;
    -webkit-animation: grdAiguille 2s linear infinite;
    animation: grdAiguille 2s linear infinite;
  }
  
  @-webkit-keyframes grdAiguille {
    0% {
      -webkit-transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes grdAiguille {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  .clock:before {
    content: "";
    position: absolute;
    background: #ffffff;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
    background: -o-linear-gradient(left, #ffffff, #ffffff);
    background: linear-gradient(to right, #ffffff, #ffffff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    top: 12px;
    left: 48%;
    height: 20px;
    width: 3px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 94%;
    -ms-transform-origin: 50% 94%;
        transform-origin: 50% 94%;
    -webkit-animation: ptAiguille 12s linear infinite;
    animation: ptAiguille 12s linear infinite;
  }
  
  @-webkit-keyframes ptAiguille {
    0% {
      -webkit-transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes ptAiguille {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  /* *** Preloader *** */