ul li.features {
  list-style: none;
  position: relative;
  padding: 0 0 0 30px;
}

ul.circle-checkmark li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  border: solid 10px #ff6600;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

ul.circle-checkmark li::after {
  content: "";
  position: absolute;
  left: 1.2%;
  top: 6px;
  width: 3px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#recur-interval {
  color: gray;
}

#recur-interval option {
  color: black;
}

#recur-frequency {
  color: gray;
}

#recur-frequency option {
  color: black;
}

.calendar-section {
  padding-top: 80px;
  position: relative;
  z-index: 10
}

.calendar-section .title {
  font-size: 36px;
  margin-bottom: 30px;
  margin-top: 0;
  color: #fff;
  font-weight: 300
}

.calendar-section .calendar-container-inner {
  max-width: 1320px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left
}

.calendar-section .about {
  padding: 30px
}

.myError {
  color: tomato;
  font-style: normal;
}



a.btn-primary,
.btn-primary {
  background: #28A5A8;
  border: 2px solid #28A5A8;
  color: #fff
}

a.btn-primary:hover,
.btn-primary:hover {
  background: #239193;
  border: 2px solid #239193;
  color: #fff
}

a.btn-primary:disabled,
.btn-primary:disabled {
  background: #28A5A8;
  border: 2px solid #28A5A8;
  opacity: 0.75;
}

a.btn-secondary,
.btn-secondary {
  background: gray;
  border: 2px solid gray;
  color: #fff;
}

a.btn-secondary:hover,
.btn-secondary:hover {
  background: rgb(100, 99, 99);
  border: 2px solid rgb(100, 99, 99);
  color: #fff;
}

a.btn-secondary:disabled,
.btn-secondary:disabled {
  background: gray;
  border: 2px solid gray;
  opacity: 0.75;
}


.tacs-section {
  padding-top: 30px;
  position: relative;
  z-index: 10
}

.tacs-section .title {
  font-size: 36px;
  margin-bottom: 60px;
  margin-top: 0;
  color: #fff;
  font-weight: 300
}

.tacs-section .tacs-container-inner {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  padding: 30px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left
}

.tacs-section .about {
  padding: 30px
}

.headline-bg-rb {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  background: #253340 url("../images/background/bg-header-small-1.jpg") no-repeat 50% top;
  background-size: cover
}

.headline-bg-rb.org-headline-bg {
  background-image: url("../images/background/bg-screen-1.jpg")
}

.headline-bg-rb.user-headline-bg {
  background-image: url("../images/background/bg-screen-2.jpg")
}

.headline-bg-rb.subscription-headline-bg {
  background-image: url("../images/background/bg-screen-3.jpg")
}

.headline-bg-rb.calendar-headline-bg {
  background-image: url("../images/background/bg-header-1.jpg")
}

#spinner {
  display: none;
}

body.busy .spinner {
  display: block !important;
}

.accordion-button {
  background-color: #28A5A8;
  color: white;
  font-weight: normal;
}

.story-container-inner,
.contact-form-inner,
.modal-dialog,
.calendar-container-inner {
  opacity: 0.85;
}

@media screen and (max-width: 600px) {
  .story-section,
  .contact-section {
    padding-top: 30px;
  }
}