body {
    font-family: "Inria Serif", serif;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
  }
  
  h1, h2, h3, h4, h5, h6, ul, ol, li, p, span, article, section, figure {
    margin: 0;
    padding: 0;
  }
  
  .container {
    max-width: 1420px;
    margin: 0 auto;
  }
  @media (max-width: 1280px) {
    .container {
      max-width: 95%;
    }
  }
  
  a, a:hover {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  }
  
  .skip-main {
    background: #263676;
    color: #ffffff !important;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    font-size: 16px;
    left: 0;
    top: 0;
    padding: 0 40px;
    position: fixed;
    transition: transform 0.3s;
    z-index: 99999;
    transform: translate(-50%, -100vh);
    transition: transform 0.3s;
    overflow: auto;
  }
  .skip-main:focus {
    transform: translate(0, 0);
    color: #ffffff !important;
  }
  .skip-main:active {
    transform: translate(0, 0);
    color: #ffffff !important;
  }
  /**********************************************************************************************/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  z-index: 99999;
  opacity: 0.98;
}

#status {
  width: 100px;
  height: 100px;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
}
#status p {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#status p img {
  width: 40px;
  height: 40px;
  display: block;
  font-size: 0;
  z-index: 99999;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
#status span {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, rgba(217, 217, 217, 0) 0deg, #E52B50 360deg);
  border-radius: 100px;
  animation: animName 2s linear infinite;
}
#status span::after {
  content: "";
  background-color: #000000;
  position: absolute;
  width: 94px;
  height: 94px;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100px;
}
@keyframes animName {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}