body{
    overflow-y: scroll;
}

section{
}

.customscroll {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
  }
 
  .customscroll::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
  }

@media screen and (max-width: 600px) {
    nav#dot-nav {
        visibility: hidden;
    }
}

.loader-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to bottom, rgb(240, 226, 199), rgba(255,255,255,255));
    z-index: 9999; }
    .loader-bg .loader-bar {
      position: fixed;
      height: 5px;
      width: 80%;
      top: 0;
      left: 0;
      background: rgb(235, 215, 172);
      -webkit-animation: barfiller 3s;
      -moz-animation: barfiller 3s;
      -ms-animation: barfiller 3s;
      animation: barfiller 3s; }
    .loader-bg img
    {
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  

nav#dot-nav {
    position: fixed;
    right: 30px }
    nav#dot-nav a {
      border: 1px solid #1212126e;
      background: #1212126e;
      border-radius: 50%;
      width: 8px;
      height: 8px;
      display: block;
      margin: 10px;
      -webkit-transition: all 0.4;
      transition: all 0.4; }
      nav#dot-nav a.active {
        background: #fff0ae; }
    nav#dot-nav.red a {
      border: 1px solid #db2853; }
      nav#dot-nav.red a.active, nav#dot-nav.red a:first-child {
        background: #db2853; }