.mb-10{
  margin-bottom: 10px !important;
}
ol {
    list-style-type: decimal;
    list-style-position: inside;
}

#header {
  background: #48b3e2;
}

.heading.heading-center {
  color: #000 !important;
}

#company-block {
  background: #000;
}

#company-block p, #company-block h2 {
  color: #fff !important;
}

#racepack-block {
  background: #000;
}

#racepack-block p, #racepack-block h2 {
  color: #000 !important;
}


#registration-block p, #registration-block h2 {
  color: #000 !important;
}

#registration-block p, #registration-block h1 {
  color: #000 !important;
}

#registration-block {
  background: rgba(255,255,255,0.6);
}

#viewreg-block p, #registration-block h1 {
  color: #fff !important;
}

#viewreg-block p, #registration-block h2 {
  color: #fff !important;
}

#viewreg-block {
  background: #1a0e38;
}

#blue2-block p, #blue2-block h2 {
  color: #6495ED !important;
}

#blue2-block {
  background: #6495ED;
}

#green2-block p, #green2-block h2 {
  color: #1a919c !important;
}

#green2-block {
  background: #1a919c;
}

#blue-block {
  background: #030e37;
}

#blue3-block {
  background: #48b3e2;
}

#blue2-block {
  background: #288ece;
}

#purple-block {
  background: #6551a2;
}

#green-block {
  background: #2daba9;
}

#green3-block {
  background: #00ae4c;
}

#green4-block {
  background: #008c84;
}

#green5-block {
  background: #78b2ba;
}

#reddark-block {
  background: #5e0000;
}


#white-block p, #white-block h2 {
  color: #FFF !important;
}

#white-block {
  background: #FFF;
}

#white2-block p, #white2-block h2 {
  color:rgba(255,255,255,0.6) !important;
}

#white2-block {
  background: rgba(255,255,255,0.6);
}

#routes-block {
  background: #990606;
}
#routes-block p, #racepack-block > h2 {
  color: #fff !important;
}

#terms-block {
  background: #1a1a1a;
}
#terms-block p, #racepack-block > h2 {
  color: #fff !important;
}

.owl-carousel .owl-nav [class*="owl-"]{
  background-color: rgba(255,255,255,0.2)
}

#header.header-sticky #header-wrap {
  background-color: rgba(45,171,169,0.8) !important;
}

#mainMenu nav > ul > li > a, #header .header-extras .topbar-dropdown .title {
  color: #000000 !important;
}

#terms-block > div > div > div > a > i{
  background-color: #990606 !important;
  color: #ffffff !important;
}

.ac-content{
  background: #000;
}

#wrapper > section:nth-child(9) > div.container > div.accordion.fancy > div.ac-item.ac-active > div{
  color: #ffffff;
}

.putih{
  color: #ffffff;
}

#routes-block > div > div > div.heading.heading-center{
  margin-bottom: 50px !important;
}

.bg-dark {
  background: #bf0707 !important;
}

.bg-ungu {
  background: #1a0e38 !important;
}

.bg-biru {
  background: #030e37 !important;
}

.text-white {
  color: #fff !important;
}

.text-black {
  color: #000 !important;
}

.image-cropper {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

img2 {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.ac-content {
  color: #fff;
}

.countdown-container {
  font-family: Montserrat, sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.countdown {
  display: flex;
  transform-style: preserve3d;
  perspective: 500px;
  height: 6rem;
  width: 40em;
  margin: 0 auto;
}
.countdown.remove {
  animation: hide-countdown 1s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;
  overflow: hidden;
}

.number, .separator {
  display: block;
  color: #000 !important;
  height: 5rem;
  font-size: 33px !important;
  position: relative;
  line-height: 10rem;
  text-align: center;
  width: 100%;
}

.separator {
  margin: 0;
  width: 2rem;
}

.new, .old, .current {
  color: #333;
  position: absolute;
  border-radius: 1rem;
  height: 10rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.new {
  animation: show-new 0.4s cubic-bezier(0, 0.9, 0.5, 1.2) forwards;
}

.old {
  animation: hide-old 2s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;
}

.countdown section {
  position: relative;
}

#days:after, #hours:after, #minutes:after, #seconds:after {
  content: "DAYS";
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 10px !important;
  font-size: 15px !important;
}
#hours:after {
  content: "HOURS";
}
#minutes:after {
  content: "MINUTES";
}
#seconds:after {
  content: "SECONDS";
}
@keyframes hide-countdown {
  to {
    height: 0;
    overflow: hidden;
  }
}
@keyframes show-new {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(-2rem) scale(0.8) rotateX(-20deg);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
@keyframes hide-old {
  0% {
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(-5rem) scale(0.5) rotateX(-75deg);
  }
}

#countdown-container > a{
  background-color: #000000 !important;
  border-color: #000000 !important;
}

#wrapper > section:nth-child(13) > div > div > div:nth-child(2) > h4{
  color: #ffffff !important;
}

#wrapper > section:nth-child(13) > div > div > div:nth-child(1) > h4{
  color: #ffffff !important;
}

.parallaxme {
    /* The image used */
    background-image: url("images/parallax.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-group > label {
  color: #000 !important;
  font-size: 15px;
}

.text-xs-center {
  text-align: center;
}

.g-recaptcha {
  display: inline-block;
}

.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.jssorb032 {position:absolute;}
.jssorb032 .i {position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .i.idn {opacity:.3;}
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}