@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic&display=swap);

.slide-in-down.mui-enter,
.slide-in-left.mui-enter,
.slide-in-up.mui-enter,
.slide-in-right.mui-enter,
.slide-out-down.mui-leave,
.slide-out-right.mui-leave,
.slide-out-up.mui-leave,
.slide-out-left.mui-leave,
.fade-in.mui-enter,
.fade-out.mui-leave,
.hinge-in-from-top.mui-enter,
.hinge-in-from-right.mui-enter,
.hinge-in-from-bottom.mui-enter,
.hinge-in-from-left.mui-enter,
.hinge-in-from-middle-x.mui-enter,
.hinge-in-from-middle-y.mui-enter,
.hinge-out-from-top.mui-leave,
.hinge-out-from-right.mui-leave,
.hinge-out-from-bottom.mui-leave,
.hinge-out-from-left.mui-leave,
.hinge-out-from-middle-x.mui-leave,
.hinge-out-from-middle-y.mui-leave,
.scale-in-up.mui-enter,
.scale-in-down.mui-enter,
.scale-out-up.mui-leave,
.scale-out-down.mui-leave,
.spin-in.mui-enter,
.spin-out.mui-leave,
.spin-in-ccw.mui-enter,
.spin-out-ccw.mui-leave {
   transition-duration: 500ms;
   transition-timing-function: linear
}

.slide-in-down.mui-enter {
   transform: translateY(-100%);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.no-js .top-bar {
   display: none
}

@media screen and (min-width:40em) {
   .no-js .top-bar {
      display: block
   }

   .no-js .title-bar {
      display: none
   }
}

.slide-in-down.mui-enter.mui-enter-active {
   transform: translateY(0)
}

.slide-in-left.mui-enter {
   transform: translateX(-100%);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
   transform: translateX(0)
}

.slide-in-up.mui-enter {
   transform: translateY(100%);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
   transform: translateY(0)
}

.slide-in-right.mui-enter {
   transform: translateX(100%);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
   transform: translateX(0)
}

.slide-out-down.mui-leave {
   transform: translateY(0);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
   transform: translateY(100%)
}

.slide-out-right.mui-leave {
   transform: translateX(0);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
   transform: translateX(100%)
}

.slide-out-up.mui-leave {
   transform: translateY(0);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
   transform: translateY(-100%)
}

.slide-out-left.mui-leave {
   transform: translateX(0);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
   transform: translateX(-100%)
}

.fade-in.mui-enter {
   opacity: 0;
   transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
   opacity: 1
}

.fade-out.mui-leave {
   opacity: 1;
   transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
   opacity: 0
}

.hinge-in-from-top.mui-enter {
   transform: perspective(2000px) rotateX(-90deg);
   transform-origin: top;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-right.mui-enter {
   transform: perspective(2000px) rotateY(-90deg);
   transform-origin: right;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-bottom.mui-enter {
   transform: perspective(2000px) rotateX(90deg);
   transform-origin: bottom;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-left.mui-enter {
   transform: perspective(2000px) rotateY(90deg);
   transform-origin: left;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
   transform: perspective(2000px) rotateX(-90deg);
   transform-origin: center;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
   transform: perspective(2000px) rotateY(-90deg);
   transform-origin: center;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-out-from-top.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: top;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateX(-90deg);
   opacity: 0
}

.hinge-out-from-right.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: right;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateY(-90deg);
   opacity: 0
}

.hinge-out-from-bottom.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: bottom;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateX(90deg);
   opacity: 0
}

.hinge-out-from-left.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: left;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateY(90deg);
   opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: center;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateX(-90deg);
   opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: center;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateY(-90deg);
   opacity: 0
}

.scale-in-up.mui-enter {
   transform: scale(.5);
   transition-property: transform, opacity;
   opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
   transform: scale(1);
   opacity: 1
}

.scale-in-down.mui-enter {
   transform: scale(1.5);
   transition-property: transform, opacity;
   opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
   transform: scale(1);
   opacity: 1
}

.scale-out-up.mui-leave {
   transform: scale(1);
   transition-property: transform, opacity;
   opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
   transform: scale(1.5);
   opacity: 0
}

.scale-out-down.mui-leave {
   transform: scale(1);
   transition-property: transform, opacity;
   opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
   transform: scale(.5);
   opacity: 0
}

.spin-in.mui-enter {
   transform: rotate(-0.75turn);
   transition-property: transform, opacity;
   opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
   transform: rotate(0);
   opacity: 1
}

.spin-out.mui-leave {
   transform: rotate(0);
   transition-property: transform, opacity;
   opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
   transform: rotate(0.75turn);
   opacity: 0
}

.spin-in-ccw.mui-enter {
   transform: rotate(0.75turn);
   transition-property: transform, opacity;
   opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
   transform: rotate(0);
   opacity: 1
}

.spin-out-ccw.mui-leave {
   transform: rotate(0);
   transition-property: transform, opacity;
   opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
   transform: rotate(-0.75turn);
   opacity: 0
}

.slow {
   transition-duration: 750ms !important
}

.fast {
   transition-duration: 250ms !important
}

.linear {
   transition-timing-function: linear !important
}

.ease {
   transition-timing-function: ease !important
}

.ease-in {
   transition-timing-function: ease-in !important
}

.ease-out {
   transition-timing-function: ease-out !important
}

.ease-in-out {
   transition-timing-function: ease-in-out !important
}

.bounce-in {
   transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
   transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
   transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
   transition-delay: 300ms !important
}

.long-delay {
   transition-delay: 700ms !important
}

.shake {
   animation-name: shake-7
}

@keyframes shake-7 {

   0%,
   10%,
   20%,
   30%,
   40%,
   50%,
   60%,
   70%,
   80%,
   90% {
      transform: translateX(7%)
   }

   5%,
   15%,
   25%,
   35%,
   45%,
   55%,
   65%,
   75%,
   85%,
   95% {
      transform: translateX(-7%)
   }
}

.spin-cw {
   animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
   0% {
      transform: rotate(-1turn)
   }

   100% {
      transform: rotate(0)
   }
}

.spin-ccw {
   animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
   0% {
      transform: rotate(0)
   }

   100% {
      transform: rotate(1turn)
   }
}

.wiggle {
   animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {

   40%,
   50%,
   60% {
      transform: rotate(7deg)
   }

   35%,
   45%,
   55%,
   65% {
      transform: rotate(-7deg)
   }

   0%,
   30%,
   70%,
   100% {
      transform: rotate(0)
   }
}

.infinite {
   animation-iteration-count: infinite
}

.slow {
   animation-duration: 750ms !important
}

.fast {
   animation-duration: 250ms !important
}

.linear {
   animation-timing-function: linear !important
}

.ease {
   animation-timing-function: ease !important
}

.ease-in {
   animation-timing-function: ease-in !important
}

.ease-out {
   animation-timing-function: ease-out !important
}

.ease-in-out {
   animation-timing-function: ease-in-out !important
}

.bounce-in {
   animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
   animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
   animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
   animation-delay: 300ms !important
}

.long-delay {
   animation-delay: 700ms !important
}

#general-billboard {
   background-color: #222;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #general-billboard {
      padding: 2.5rem 0
   }
}

#general-billboard h1 {
   color: #fefefe;
   font-size: 3.125rem;
   line-height: 1
}

#general-content {
   padding: 2rem 0
}

@media (min-width:64em) {
   #general-content {
      padding: 4rem 0
   }
}

#general-content h3 {
   color: #427B09
}

.img-float-left {
   margin: 0 auto 1rem;
   display: block
}

@media (min-width:64em) {
   .img-float-left {
      float: left;
      margin: 0 0 1rem 1rem
   }
}

.img-float-right {
   margin: 0 auto 1rem;
   display: block
}

@media (min-width:64em) {
   .img-float-right {
      float: right;
      margin: 0 0 1rem 1rem
   }
}

.title-bar {
   height: 55px;
   background-color: red
}

.title-bar .title-bar-title img {
   height: 35px;
   width: auto;
   margin: 10px
}

.title-bar .menu-icon {
   position: absolute;
   right: 20px;
   top: 20px
}

#header {
   position: relative
}

#header .main-bar {
   overflow: hidden
}

@media (min-width:64em) {
   #header .main-bar {
      padding-top: 40px
   }
}

@media (min-width:64em) {
   #header .main-bar .main-left a {
      padding: 12px .75rem;
      display: block;
      height: 80px
   }
}

@media (min-width:40em) and (max-width:63.9375em) {
   #header .main-bar .main-right {
      float: none
   }
}

@media (min-width:64em) {
   #header .main-bar .main-right ul {
      height: 80px
   }
}

@media (min-width:64em) {
   #header .main-bar .main-right ul li {
      height: 80px
   }
}

#header .main-bar .main-right ul li a {
   font-weight: 700;
   text-transform: uppercase
}

@media (min-width:64em) {
   #header .main-bar .main-right ul li a {
      padding: 1.5rem 1rem;
      display: table-caption;
      text-align: center;
      height: 80px
   }
}

#header .main-bar .main-right ul li a:hover {
   color: #99C221
}

#header .main-bar .main-right ul li .button {
   color: #fefefe;
   border-radius: 0
}

#header .super-bar {
   height: 40px
}

@media (min-width:64em) {
   #header .super-bar {
      background-color: #222;
      clear: both;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      overflow: hidden
   }
}

@media (min-width:64em) {
   #header .super-bar .top-bar-left li {
      padding: 0 0 0 .75rem;
      color: #f2f2f2;
      line-height: 40px;
      height: 40px;
      background-color: #222
   }

   #header .super-bar .top-bar-left li a {
      display: inline-block;
      color: #99C221;
      font-size: .75rem;
      text-transform: uppercase;
      padding-left: .5rem;
      padding-right: 0
   }

   #header .super-bar .top-bar-left li a:hover {
      color: #fefefe
   }
}

#header .super-bar .top-bar-left li i {
   color: #99C221;
   margin-right: .5rem
}

@media (min-width:40em) and (max-width:63.9375em) {
   #header .super-bar .top-bar-right {
      float: left;
      display: block;
      background-color: red;
      width: 100%
   }
}

@media (min-width:64em) {
   #header .super-bar .top-bar-right ul {
      background-color: #222
   }
}

@media (min-width:64em) {
   #header .super-bar .top-bar-right ul li.nav-link a {
      padding: 0 .75rem;
      color: #f2f2f2;
      line-height: 40px;
      height: 40px;
      background-color: #222
   }
}

#header .super-bar .top-bar-right ul li.nav-link a:hover {
   color: #99C221
}

#header .super-bar .top-bar-right ul li.nav-link a .quantity {
   background-color: #DC3232;
   color: #fefefe;
   width: 14px;
   height: 14px;
   display: inline-block;
   border-radius: 20px;
   font-weight: 700;
   font-size: .625rem;
   line-height: 13px;
   text-align: center;
   position: relative;
   top: -10px
}

#header .super-bar .top-bar-right ul li.has-form a {
   color: #fefefe;
   font-weight: 700;
   border-radius: 0
}

@media (min-width:64em) {
   #header .super-bar .top-bar-right ul li.has-form a {
      padding: 0 1.5rem;
      line-height: 40px;
      height: 40px
   }
}

#header .super-bar .top-bar-right ul li.has-form a:hover {
   background-color: #5E8ABD
}

#home-billboard {
   background-image: url(../img/billboard-v7.jpg);
   width: 100%;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media only screen and (max-width:600px) {
   #home-billboard {
      background-image: url(../img/billboard-mobile-v7.jpg);
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      text-align: center;
      width: 100%;
      position: relative;
      padding: 2rem 0
   }
}

@media (min-width:64em) {
   #home-billboard {
      padding: 4rem 0 8rem
   }
}

#home-billboard h1 {
   color: #fefefe;
   line-height: 1
}

#home-billboard h1 em {
   text-transform: uppercase;
   font-weight: 400;
   font-style: normal;
   font-size: 35%;
   display: block
}

#home-billboard h1::after {
   content: '';
   border-bottom: 4px solid #99C221;
   display: block;
   width: 25%;
   margin: 1rem auto
}

#home-billboard p {
   color: #fefefe
}

#home-billboard .button {
   font-weight: 700
}

#home-callouts a.content {
   background-color: #f2f2f2;
   display: block;
   margin: 1rem 0 2rem;
   position: relative;
   top: 0;
   padding-bottom: 2rem;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease
}

@media (min-width:64em) {
   #home-callouts a.content {
      margin: 0.5rem 0 3rem
   }
}

#home-callouts a.content .image-wrap {
   overflow: hidden
}

#home-callouts a.content .image-wrap img {
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease
}

#home-callouts a.content .image-wrap:hover img {
   -webkit-transform: scale(.9);
   -moz-transform: scale(.9);
   -ms-transform: scale(.9);
   -o-transform: scale(.9);
   transform: scale(.9)
}

#home-callouts a.content h3 {
   color: #222;
   padding: 1rem 1rem 0
}

#home-callouts a.content p {
   color: #222;
   padding: 0 1rem
}

#home-callouts a.content .closing {
   text-align: center;
   position: absolute;
   left: 0;
   width: 100%;
   bottom: -3rem
}

#home-callouts a.content .closing .button {
   font-weight: 700
}

#home-callouts a.content:hover {
   top: -1rem
}

#home-callouts .continuing-education {
   border-top: 4px solid #99C221
}

#home-callouts .first-renewal {
   border-top: 4px solid #D49227
}

#home-callouts .get-a-license {
   border-top: 4px solid #5E8ABD
}

#home-callouts .managing-broker {
   border-top: 4px solid #BA5965
}

#home-facts {
   background-color: #222;
   padding: 2rem 0;
   text-align: center
}

@media (min-width:64em) {
   #home-facts {
      text-align: left;
      padding: 4rem 0
   }
}

#home-facts .column,
#home-facts .columns {
   margin-bottom: 2rem
}

#home-facts h3 {
   color: #fefefe;
   text-transform: uppercase
}

#home-facts .fact-figure {
   color: #fefefe;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-size: 2.5rem;
   line-height: 1.1;
   margin: .67em 0
}

#home-facts .fact-figure em {
   font-style: normal;
   font-size: .5em
}

@media (min-width:64em) {
   #home-facts .fact-figure em {
      display: block
   }
}

#home-facts p {
   color: #fefefe
}

#home-facts a {
   text-transform: uppercase;
   font-weight: 700;
   color: #fefefe
}

#home-facts a i {
   margin-left: .5em
}

#home-facts a::before {
   content: '';
   display: block;
   border-top: 4px solid #fefefe;
   width: 15%;
   margin: 1rem auto
}

@media (min-width:64em) {
   #home-facts a::before {
      margin-left: 0
   }
}

#home-facts .time .fact-figure {
   color: #D49227
}

#home-facts .time a {
   color: #D49227
}

#home-facts .time a::before {
   border-top-color: #D49227
}

#home-facts .time a:hover {
   color: #fefefe
}

#home-facts .alumni .fact-figure {
   color: #5E8ABD
}

#home-facts .alumni a {
   color: #5E8ABD
}

#home-facts .alumni a::before {
   border-top-color: #5E8ABD
}

#home-facts .alumni a:hover {
   color: #fefefe
}

#home-facts .programs .fact-figure {
   color: #BA5965
}

#home-facts .programs a {
   color: #BA5965
}

#home-facts .programs a::before {
   border-top-color: #BA5965
}

#home-facts .programs a:hover {
   color: #fefefe
}

#home-quote {
   background-color: #f2f2f2;
   padding: 2rem 0;
   text-align: center
}

@media (min-width:64em) {
   #home-quote {
      padding: 4rem 0 2rem
   }
}

#home-quote blockquote p {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-style: italic;
   font-size: 1.6em
}

#home-quote blockquote cite {
   text-transform: uppercase;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-style: normal;
   font-weight: 700
}

#home-devices {
   padding: 4rem 0;
   text-align: center
}

#home-devices h2 {
   color: #427B09;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   margin-top: 2rem
}

#home-devices .button {
   font-weight: 700
}

#courselist-billboard {
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #courselist-billboard {
      padding: 4rem 0
   }
}

#courselist-billboard h1 {
   color: #fefefe;
   line-height: 1
}

#courselist-billboard h1 em {
   text-transform: uppercase;
   font-weight: 400;
   font-style: normal;
   font-size: 35%;
   display: block;
   margin-top: 15px
}

#intro p {
   padding: 2rem 0 0;
   text-align: center
}

#intro p::after {
   content: '';
   border-bottom: 4px solid #99C221;
   display: block;
   width: 25%;
   margin: 1rem auto 0
}

#featured-courses {
   padding: 2rem 0 0
}

#featured-courses .package {
   position: relative;
   overflow: hidden;
   background-color: #000000;
   padding: 1rem;
   display: block;
   margin-bottom: 20px;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease
}

#featured-courses .package h2 {
   color: #fefefe;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}

#featured-courses .package h3 {
   color: #B5B5B5;
   text-transform: uppercase
}

#featured-courses .package h4 {
   color: #fefefe;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}

#featured-courses .package p {
   color: #fefefe;
   padding-bottom: 2rem
}

#featured-courses .package .price {
   color: #DC3232;
   line-height: 1;
   margin-bottom: 1rem
}

#featured-courses .package .price strong {
   font-size: 250%;
   margin-right: 10px
}

#featured-courses .package .price span {
   color: #fefefe;
   text-decoration: line-through;
   position: relative;
}

#featured-courses .package .button {
   font-weight: 700;
   display: block
}

#featured-courses .package1 h2,
#featured-courses .package1 h4 {
   color: #99C221
}

#featured-courses .package1:hover {
   background-color: #0a0a0a
}

#featured-courses .package2 h2,
#featured-courses .package2 h4 {
   color: #BA5965;
   width: 90%
}

#featured-courses .package2:hover {
   background-color: #0a0a0a
}

#featured-courses .package4 h2,
#featured-courses .package4 h4 {
   color: #99C221
}

#featured-courses .package4:hover {
   background-color: #0a0a0a
}

#featured-courses .corner-ribbon {
   width: 200px;
   background: #B12704;
   position: absolute;
   top: 25px;
   right: -50px;
   left: auto;
   text-align: center;
   line-height: 50px;
   color: #fefefe;
   font-weight: 700;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg)
}

#courselist {
   padding: 2rem 0
}

@media (min-width:64em) {
   #courselist {
      padding: 2rem 0 0rem !important;
   }
}

#courselist h2 {
   text-align: center;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   margin: 0 1rem 2rem
}

#courselist .course {
   display: block;
   background-color: #f2f2f2;
   margin-bottom: 2rem;
   position: relative;
   overflow: hidden;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease
}

#courselist .course:hover {
   background-color: #fefefe
}

#courselist .course:hover h3 {
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   color: #222
}

#courselist .course img {
   margin-bottom: 1rem
}

#courselist .course h3 {
   color: #99C221;
   padding: 0 1rem
}

#courselist .course p {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   color: #666666;
   padding: 0 1rem
}

#courselist .course .price {
   line-height: 1.4;
   display: block;
   padding-left: 1rem;
   margin-bottom: 1rem
}

#courselist .course .price strong {
   font-size: 180%;
   color: #C22121
}

#courselist .course .price span {
   color: #666666;
   text-decoration: line-through;
   position: relative;
}

#courselist .course .button {
   font-weight: 700;
   margin-right: 1rem;
   display: block
}

#singlecourse-billboard {
   background-color: #222;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #singlecourse-billboard {
      padding: 2.5rem 0
   }
}

#singlecourse-billboard h1 {
   color: #fefefe;
   font-size: 3.125rem;
   line-height: 1
}

#singlecourse-billboard h1::after {
   content: '';
   border-bottom: 4px solid #99C221;
   display: block;
   width: 25%;
   margin: 1rem auto
}

#singlecourse-billboard p {
   color: #fefefe
}

#course-content {
   padding: 2rem 0
}

@media (min-width:64em) {
   #course-content {
      padding: 4rem 0
   }
}

#course-content h2 {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-size: 2.125rem
}

#course-content h3 {
   color: #427B09;
   text-transform: uppercase
}

#course-content .owl-carousel {
   margin: 1rem 0
}

#course-content .sidebar {
   margin-top: 2rem;
   padding-top: 2rem;
   border-top: 1px solid #f2f2f2
}

@media (min-width:64em) {
   #course-content .sidebar {
      margin-top: 0;
      padding-top: 0;
      border-top: 0
   }
}

#course-content .sidebar .price {
   line-height: 1;
   margin-bottom: 1rem
}

#course-content .sidebar .price strong {
   font-size: 250%
}

#course-content .sidebar .price span {
   color: #737373;
   text-decoration: line-through;
   position: relative;
   margin-left: 10px;
   top: -8px
}

#course-content .sidebar img {
   width: 100px;
   height: 100px;
   margin: 1rem 0
}

@media (min-width:64em) {
   #course-content .sidebar img {
      float: right;
      padding: 0 0 .5rem .5rem
   }
}

#course-content .sidebar .button {
   font-weight: 700
}

#course-content .sidebar ul {
   margin: 0
}

#course-content .sidebar ul li {
   list-style: none
}

#news-billboard {
   background-color: #222;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #news-billboard {
      padding: 2.5rem 0
   }
}

#news-billboard h1 {
   color: #fefefe;
   font-size: 3.125rem;
   line-height: 1
}

#news-content {
   padding: 2rem 0
}

@media (min-width:64em) {
   #news-content {
      padding: 4rem 0
   }
}

#news-content h2 {
   color: #427B09;
}

#news-content h6 {
   color: #737373;
   text-transform: uppercase;
   margin-top: 0;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   border-bottom: 1px solid #f2f2f2;
   padding-bottom: 1rem;
   margin-bottom: 1rem
}

#news-content img {
   margin-bottom: 1rem;
   border-bottom: 4px solid #99C221
}

#news-content .sidebar {
   margin-top: 2rem;
   padding-top: 2rem;
   border-top: 1px solid #f2f2f2
}

@media (min-width:64em) {
   #news-content .sidebar {
      margin-top: 0;
      padding-top: 0;
      border-top: 0
   }
}

#news-content .sidebar form .button {
   font-weight: 700
}

#faqs-billboard {
   background-color: #222;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #faqs-billboard {
      padding: 2.5rem 0
   }
}

#faqs-billboard h1 {
   color: #fefefe;
   font-size: 3.125rem;
   line-height: 1
}

#faq-content {
   padding: 2rem 0
}

@media (min-width:64em) {
   #faq-content {
      padding: 4rem 0
   }
}

#faq-content .accordion-title {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   color: #427B09;
   font-size: 1.125rem;
   padding-right: 40px
}

#faq-content .lead {
   text-align: center
}

#resources-billboard {
   background-color: #222;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #resources-billboard {
      padding: 2.5rem 0
   }
}

#resources-billboard h1 {
   color: #fefefe;
   font-size: 3.125rem;
   line-height: 1
}

#resources-content {
   padding: 2rem 0
}

@media (min-width:64em) {
   #resources-content {
      padding: 4rem 0
   }
}

#resources-content h5 {
   color: #99C221;
   text-transform: uppercase;
   margin-bottom: 1rem
}

#resources-content img {
   margin-bottom: 1rem
}

#resources-content .button {
   font-weight: 700
}

#about-billboard {
   background-color: #222;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #about-billboard {
      padding: 2.5rem 0
   }
}

#about-billboard h1 {
   color: #fefefe;
   font-size: 3.125rem;
   line-height: 1
}

#about-billboard h1::after {
   content: '';
   border-bottom: 4px solid #99C221;
   display: block;
   width: 25%;
   margin: 1rem auto
}

#about-billboard p {
   color: #fefefe
}

#about-content {
   padding: 2rem 0
}

@media (min-width:64em) {
   #about-content {
      padding: 4rem 0
   }
}

#about-content h2 {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-size: 2.125rem
}

#about-content h3 {
   color: #99C221;
   text-transform: uppercase
}

#about-content .sidebar {
   margin-top: 2rem;
   padding-top: 2rem;
   border-top: 1px solid #f2f2f2
}

@media (min-width:64em) {
   #about-content .sidebar {
      margin-top: 0;
      padding-top: 0;
      border-top: 0
   }
}

#about-content .sidebar .price {
   line-height: 1;
   margin-bottom: 1rem
}

#about-content .sidebar .price strong {
   font-size: 250%
}

#about-content .sidebar .price span {
   color: #737373;
   text-decoration: line-through;
   position: relative;
   margin-left: 10px;
   top: -8px
}

#about-content .sidebar img {
   width: 100px;
   height: 100px;
   margin: 1rem 0
}

@media (min-width:64em) {
   #about-content .sidebar img {
      float: right;
      padding: 0 0 .5rem .5rem
   }
}

#about-content .sidebar .button {
   font-weight: 700
}

#about-content .sidebar ul {
   margin: 0
}

#about-content .sidebar ul li {
   list-style: none
}

#contact-billboard {
   background-color: #222;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #contact-billboard {
      padding: 4rem 0
   }
}

#contact-billboard h1 {
   color: #fefefe;
   font-size: 3.125rem;
   line-height: 1
}

#contact-content {
   padding: 2rem 0
}

@media (min-width:64em) {
   #contact-content {
      padding: 4rem 0
   }
}

#contact-content form span {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   color: #427B09;
   font-weight: 700;
   font-size: 1rem
}

#contact-content form .group {
   display: block
}

@media (min-width:40em) {
   #contact-content form .group {
      display: inline-block
   }
}

#contact-content form .button {
   font-weight: 700
}

#contact-content .sidebar {
   margin-top: 2rem;
   padding-top: 2rem;
   border-top: 1px solid #f2f2f2
}

@media (min-width:64em) {
   #contact-content .sidebar {
      margin-top: 0;
      padding-top: 0;
      border-top: 0
   }
}

#contact-content .sidebar dl dt {
   margin-top: 1rem
}

#contact-content .sidebar #Map {
   border-top: 4px solid #99C221;
   height: 300px
}

#study-billboard {
   background-position: center center;
   text-align: center;
   position: relative;
   background-color: #99C221;
   padding: 2rem 0
}

#study-billboard h1 {
   color: #fefefe;
   font-size: 1.875rem;
   line-height: 1;
   text-transform: uppercase;
   margin-bottom: 0
}

#study-content {
   padding: 2rem 0
}

#study-content .tabs a {
   font-weight: 700;
   text-transform: uppercase;
   font-size: .875rem
}

#study-content .tabs .is-active a {
   color: #fefefe
}

#study-content .tabs-content h2 {
   margin-top: 1rem
}

#study-content .tabs-content h2 span {
   color: #737373;
   text-transform: uppercase;
   font-size: 1.125rem
}

#study-content h6 {
   color: #737373;
   text-transform: uppercase
}

#study-content .button {
   font-weight: 700;
   margin-bottom: 0
}

#study-content .text {
   color: #5E8ABD
}

#study-content .text:hover {
   color: #222
}

#study-content .video {
   color: #BA5965
}

#study-content .video:hover {
   color: #222
}

#study-content .slide {
   color: #D49227
}

#study-content .slide:hover {
   color: #222
}

#study-content ul.course-list {
   list-style: none;
   margin: 0
}

#study-content ul.course-list li {
   border-top: 1px solid #f2f2f2;
   padding: 1rem 0
}

#study-content ul.course-list li .course-content {
   font-weight: 700;
   margin-bottom: 0;
   font-size: 1.25rem;
   line-height: 1
}

#study-content ul.course-list li .course-content span {
   display: block;
   color: #737373;
   text-transform: uppercase;
   font-size: .875rem;
   line-height: 1.5;
   margin-bottom: 1rem
}

#study-content .course-sections {
   padding: 1rem 0
}

#study-content .course-sections .fa {
   margin-bottom: 1rem
}

#study-content .accordion-title {
   color: #99C221;
   text-transform: uppercase;
   font-weight: 700;
   font-size: .875rem
}

#study-content form sup {
   color: #BA5965
}

#study-content form .button {
   font-weight: 700
}

#study-content .sidebar {
   margin-top: 2rem;
   padding-top: 2rem;
   border-top: 1px solid #f2f2f2
}

@media (min-width:64em) {
   #study-content .sidebar {
      margin-top: 0;
      padding-top: 0;
      border-top: 0
   }
}

#study-content .sidebar ol li {
   margin-bottom: 1rem
}

#study-content .sidebar .button {
   font-weight: 700
}

#study-content .sidebar .courselog {
   border-top: 4px solid #5E8ABD;
   padding: 1rem;
   background-color: #f2f2f2;
   margin-bottom: 1rem
}

#study-content .sidebar .courselog h3 {
   color: #5E8ABD
}

#study-content .sidebar .courselog hr {
   border-color: #dadada
}

#study-content .sidebar .label {
   display: block;
   margin-bottom: 1rem
}

#quiz-content {
   padding: 2rem 0
}

#quiz-content h3 {
   color: #737373;
   text-transform: uppercase
}

#quiz-content h2 {
   color: #99C221
}

#quiz-content form fieldset {
   margin-top: 1rem
}

#quiz-content form fieldset legend {
   font-weight: 700
}

#quiz-content form .button {
   margin-top: 1rem;
   font-weight: 700
}

#quiz-content .correct {
   color: #99C221;
   font-weight: 700
}

#quiz-content .correct i {
   position: relative;
   top: 5px
}

#quiz-content .incorrect {
   color: #BA5965;
   font-weight: 700
}

#quiz-content .incorrect i {
   position: relative;
   top: 5px
}

#cert-billboard {
   background-position: center center;
   text-align: center;
   position: relative;
   background-color: #99C221;
   padding: 2rem 0
}

#cert-billboard h1 {
   color: #fefefe;
   font-size: 1.875rem;
   line-height: 1;
   text-transform: uppercase;
   margin-bottom: 0
}

#cert-content {
   padding: 2rem 0
}

#cert-content .lined {
   margin-top: 3rem;
   border-top: 1px solid #737373
}

#cart-billboard {
   background-color: #222;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   position: relative;
   padding: 2rem 0
}

@media (min-width:64em) {
   #cart-billboard {
      padding: 2rem 0
   }
}

#cart-billboard h1 {
   color: #fefefe;
   font-size: 3.125rem;
   line-height: 1
}

#cart-content {
   padding: 2rem 0
}

#cart-content h2 {
   margin-top: 2rem
}

#cart-content h4 {
   text-transform: uppercase;
   color: #99C221;
   font-size: 1rem;
   margin: 0
}

#cart-content h5.title {
   margin-top: 1rem
}

#cart-content h6 {
   color: #737373;
   text-transform: uppercase
}

#cart-content h6.hours {
   margin-top: 1rem
}

#cart-content .button {
   font-weight: 700
}

#cart-content .return {
   display: inline-block;
   padding: 1rem 0
}

.reveal {
   border-top: 4px solid #99C221 !important
}

.reveal .button {
   font-weight: 700;
   margin-right: 1rem
}

.reveal .forgot {
   color: #737373;
   position: relative;
   top: -4px;
   font-style: italic
}

.reveal .forgot:hover {
   color: #99C221
}

.reveal.reveal-alert {
   border-top: 4px solid #BA5965 !important
}

.reveal.reveal-alert .close-button {
   color: #BA5965 !important
}

.reveal.reveal-alert .close-button:hover {
   color: #222
}

.reveal.reveal-alert h3 {
   color: #BA5965
}

.reveal.reveal-log {
   border-top: 4px solid #5E8ABD !important
}

.reveal.reveal-log .close-button {
   color: #5E8ABD !important
}

.reveal.reveal-log .close-button:hover {
   color: #222
}

.reveal.reveal-log h3 {
   color: #5E8ABD
}

.reveal .flex-video {
   margin-bottom: 0
}

#footer {
   background-color: #222;
   color: #fefefe
}

#footer .logo {
   padding: 4rem 0 2rem;
   text-align: center;
   max-width: 80%;
   height: auto;
   margin: 0 auto
}

#footer h3 {
   color: #fefefe;
   text-transform: uppercase;
   padding-top: 2rem
}

#footer h3 em {
   color: #99C221;
   font-style: normal
}

#footer p {
   color: #fefefe
}

#footer a {
   color: #fefefe
}

#footer a:hover {
   color: #99C221
}

#footer ul {
   margin: 0
}

#footer ul li {
   list-style: none;
   margin: 0 0 .5rem
}

#footer #copyright {
   background-color: #0a0a0a;
   margin-top: 4rem;
   padding: 2rem 0;
   font-size: 80%;
   color: #A8A8A8
}

#footer #copyright a {
   color: #A8A8A8
}

#footer #copyright a:hover {
   color: #eeeeee
}

@media print {
   .large-1 {
      width: 8.33333%
   }

   .large-2 {
      width: 16.66667%
   }

   .large-3 {
      width: 25%
   }

   .large-4 {
      width: 33.33333%
   }

   .large-5 {
      width: 41.66667%
   }

   .large-6 {
      width: 50%
   }

   .large-7 {
      width: 58.33333%
   }

   .large-8 {
      width: 66.66667%
   }

   .large-9 {
      width: 75%
   }

   .large-10 {
      width: 83.33333%
   }

   .large-11 {
      width: 91.66667%
   }

   .large-12 {
      width: 100%
   }

   a[href]:after {
      display: none !important
   }

   .title-bar,
   #header,
   #footer,
   #cert-billboard {
      display: none !important
   }

   #cert-content p,
   #cert-content table {
      font-size: 10pt !important;
      margin: 0 !important
   }

   #cert-content td {
      padding: 2px 5px !important
   }

   #cert-content .button {
      display: none !important
   }

   #cert-content .lined {
      margin-top: 20px !important
   }
}

html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
   display: block
}

audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline
}

audio:not([controls]) {
   display: none;
   height: 0
}

[hidden],
template {
   display: none
}

a {
   background-color: transparent
}

a:active,
a:hover {
   outline: 0
}

abbr[title] {
   border-bottom: 1px dotted
}

b,
strong {
   font-weight: 700
}

dfn {
   font-style: italic
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

mark {
   background: #ff0;
   color: #000
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sup {
   top: -.5em
}

sub {
   bottom: -.25em
}

img {
   border: 0
}

svg:not(:root) {
   overflow: hidden
}

figure {
   margin: 1em 40px
}

hr {
   box-sizing: content-box;
   height: 0
}

pre {
   overflow: auto
}

code,
kbd,
pre,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0
}

button {
   overflow: visible
}

button,
select {
   text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer
}

button[disabled],
html input[disabled] {
   cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0
}

input {
   line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
   box-sizing: border-box;
   padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   height: auto
}

input[type="search"] {
   -webkit-appearance: textfield;
   box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none
}

fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: .35em .625em .75em
}

legend {
   border: 0;
   padding: 0
}

textarea {
   overflow: auto
}

optgroup {
   font-weight: 700
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

td,
th {
   padding: 0
}

.foundation-mq {
   font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
   font-size: 100%;
   box-sizing: border-box
}

*,
*:before,
*:after {
   box-sizing: inherit
}

body {
   padding: 0;
   margin: 0;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-weight: 400;
   line-height: 1.5;
   color: #222;
   background: #fefefe;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

img {
   max-width: 100%;
   -ms-interpolation-mode: bicubic;
   display: inline-block;
   vertical-align: middle
}

textarea {
   height: auto;
   min-height: 50px;
   border-radius: 4px
}

select {
   width: 100%;
   border-radius: 4px
}

@media screen and (max-width:1024px) {
   #header .super-bar .top-bar-right ul li.nav-link a {
      padding: 0 .5rem;
   }
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
   max-width: none !important
}

button {
   -webkit-appearance: none;
   -moz-appearance: none;
   background: transparent;
   padding: 0;
   border: 0;
   border-radius: 4px;
   line-height: 1
}

.row {
   max-width: 100rem;
   margin-left: auto;
   margin-right: auto
}

.row::before,
.row::after {
   content: ' ';
   display: table
}

.row::after {
   clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
   padding-left: 0;
   padding-right: 0
}

.row .row {
   margin-left: -.625rem;
   margin-right: -.625rem
}

@media screen and (min-width:40em) {
   .row .row {
      margin-left: -.9375rem;
      margin-right: -.9375rem
   }
}

.row .row.collapse {
   margin-left: 0;
   margin-right: 0
}

.row.expanded {
   max-width: none
}

.column,
.columns {
   padding-left: .625rem;
   padding-right: .625rem;
   width: 100%;
   float: left
}

@media screen and (min-width:40em) {

   .column,
   .columns {
      padding-left: .9375rem;
      padding-right: .9375rem
   }
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
   float: right
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
   float: left
}

.column.row.row,
.row.row.columns {
   float: none
}

.row .column.row.row,
.row .row.row.columns {
   padding-left: 0;
   padding-right: 0;
   margin-left: 0;
   margin-right: 0
}

.small-1 {
   width: 8.3333333333%
}

.small-push-1 {
   position: relative;
   left: 8.3333333333%
}

.small-pull-1 {
   position: relative;
   left: -8.3333333333%
}

.small-offset-0 {
   margin-left: 0%
}

.small-2 {
   width: 16.6666666667%
}

.small-push-2 {
   position: relative;
   left: 16.6666666667%
}

.small-pull-2 {
   position: relative;
   left: -16.6666666667%
}

.small-offset-1 {
   margin-left: 8.3333333333%
}

.small-3 {
   width: 25%
}

.small-push-3 {
   position: relative;
   left: 25%
}

.small-pull-3 {
   position: relative;
   left: -25%
}

.small-offset-2 {
   margin-left: 16.6666666667%
}

.small-4 {
   width: 33.3333333333%
}

.small-push-4 {
   position: relative;
   left: 33.3333333333%
}

.small-pull-4 {
   position: relative;
   left: -33.3333333333%
}

.small-offset-3 {
   margin-left: 25%
}

.small-5 {
   width: 41.6666666667%
}

.small-push-5 {
   position: relative;
   left: 41.6666666667%
}

.small-pull-5 {
   position: relative;
   left: -41.6666666667%
}

.small-offset-4 {
   margin-left: 33.3333333333%
}

.small-6 {
   width: 50%
}

.small-push-6 {
   position: relative;
   left: 50%
}

.small-pull-6 {
   position: relative;
   left: -50%
}

.small-offset-5 {
   margin-left: 41.6666666667%
}

.small-7 {
   width: 58.3333333333%
}

.small-push-7 {
   position: relative;
   left: 58.3333333333%
}

.small-pull-7 {
   position: relative;
   left: -58.3333333333%
}

.small-offset-6 {
   margin-left: 50%
}

.small-8 {
   width: 66.6666666667%
}

.small-push-8 {
   position: relative;
   left: 66.6666666667%
}

.small-pull-8 {
   position: relative;
   left: -66.6666666667%
}

.small-offset-7 {
   margin-left: 58.3333333333%
}

.small-9 {
   width: 75%
}

.small-push-9 {
   position: relative;
   left: 75%
}

.small-pull-9 {
   position: relative;
   left: -75%
}

.small-offset-8 {
   margin-left: 66.6666666667%
}

.small-10 {
   width: 83.3333333333%
}

.small-push-10 {
   position: relative;
   left: 83.3333333333%
}

.small-pull-10 {
   position: relative;
   left: -83.3333333333%
}

.small-offset-9 {
   margin-left: 75%
}

.small-11 {
   width: 91.6666666667%
}

.small-push-11 {
   position: relative;
   left: 91.6666666667%
}

.small-pull-11 {
   position: relative;
   left: -91.6666666667%
}

.small-offset-10 {
   margin-left: 83.3333333333%
}

.small-12 {
   width: 100%
}

.small-offset-11 {
   margin-left: 91.6666666667%
}

.small-up-1>.column,
.small-up-1>.columns {
   width: 100%;
   float: left
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
   clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
   float: left
}

.small-up-2>.column,
.small-up-2>.columns {
   width: 50%;
   float: left
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-2>.column:nth-of-type(2n+1),
.small-up-2>.columns:nth-of-type(2n+1) {
   clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
   float: left
}

.small-up-3>.column,
.small-up-3>.columns {
   width: 33.3333333333%;
   float: left
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
   clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
   float: left
}

.small-up-4>.column,
.small-up-4>.columns {
   width: 25%;
   float: left
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
   clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
   float: left
}

.small-up-5>.column,
.small-up-5>.columns {
   width: 20%;
   float: left
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
   clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
   float: left
}

.small-up-6>.column,
.small-up-6>.columns {
   width: 16.6666666667%;
   float: left
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
   clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
   float: left
}

.small-up-7>.column,
.small-up-7>.columns {
   width: 14.2857142857%;
   float: left
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
   clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
   float: left
}

.small-up-8>.column,
.small-up-8>.columns {
   width: 12.5%;
   float: left
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
   clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
   clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
   float: left
}

.small-collapse>.column,
.small-collapse>.columns {
   padding-left: 0;
   padding-right: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
   padding-left: .625rem;
   padding-right: .625rem
}

.small-centered {
   float: none;
   margin-left: auto;
   margin-right: auto
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
   position: static;
   margin-left: 0;
   margin-right: 0
}

@media screen and (min-width:40em) {
   .medium-1 {
      width: 8.3333333333%
   }

   .medium-push-1 {
      position: relative;
      left: 8.3333333333%
   }

   .medium-pull-1 {
      position: relative;
      left: -8.3333333333%
   }

   .medium-offset-0 {
      margin-left: 0%
   }

   .medium-2 {
      width: 16.6666666667%
   }

   .medium-push-2 {
      position: relative;
      left: 16.6666666667%
   }

   .medium-pull-2 {
      position: relative;
      left: -16.6666666667%
   }

   .medium-offset-1 {
      margin-left: 8.3333333333%
   }

   .medium-3 {
      width: 25%
   }

   .medium-push-3 {
      position: relative;
      left: 25%
   }

   .medium-pull-3 {
      position: relative;
      left: -25%
   }

   .medium-offset-2 {
      margin-left: 16.6666666667%
   }

   .medium-4 {
      width: 33.3333333333%
   }

   .medium-push-4 {
      position: relative;
      left: 33.3333333333%
   }

   .medium-pull-4 {
      position: relative;
      left: -33.3333333333%
   }

   .medium-offset-3 {
      margin-left: 25%
   }

   .medium-5 {
      width: 41.6666666667%
   }

   .medium-push-5 {
      position: relative;
      left: 41.6666666667%
   }

   .medium-pull-5 {
      position: relative;
      left: -41.6666666667%
   }

   .medium-offset-4 {
      margin-left: 33.3333333333%
   }

   .medium-6 {
      width: 50%
   }

   .medium-push-6 {
      position: relative;
      left: 50%
   }

   .medium-pull-6 {
      position: relative;
      left: -50%
   }

   .medium-offset-5 {
      margin-left: 41.6666666667%
   }

   .medium-7 {
      width: 58.3333333333%
   }

   .medium-push-7 {
      position: relative;
      left: 58.3333333333%
   }

   .medium-pull-7 {
      position: relative;
      left: -58.3333333333%
   }

   .medium-offset-6 {
      margin-left: 50%
   }

   .medium-8 {
      width: 66.6666666667%
   }

   .medium-push-8 {
      position: relative;
      left: 66.6666666667%
   }

   .medium-pull-8 {
      position: relative;
      left: -66.6666666667%
   }

   .medium-offset-7 {
      margin-left: 58.3333333333%
   }

   .medium-9 {
      width: 75%
   }

   .medium-push-9 {
      position: relative;
      left: 75%
   }

   .medium-pull-9 {
      position: relative;
      left: -75%
   }

   .medium-offset-8 {
      margin-left: 66.6666666667%
   }

   .medium-10 {
      width: 83.3333333333%
   }

   .medium-push-10 {
      position: relative;
      left: 83.3333333333%
   }

   .medium-pull-10 {
      position: relative;
      left: -83.3333333333%
   }

   .medium-offset-9 {
      margin-left: 75%
   }

   .medium-11 {
      width: 91.6666666667%
   }

   .medium-push-11 {
      position: relative;
      left: 91.6666666667%
   }

   .medium-pull-11 {
      position: relative;
      left: -91.6666666667%
   }

   .medium-offset-10 {
      margin-left: 83.3333333333%
   }

   .medium-12 {
      width: 100%
   }

   .medium-offset-11 {
      margin-left: 91.6666666667%
   }

   .medium-up-1>.column,
   .medium-up-1>.columns {
      width: 100%;
      float: left
   }

   .medium-up-1>.column:nth-of-type(1n),
   .medium-up-1>.columns:nth-of-type(1n) {
      clear: none
   }

   .medium-up-1>.column:nth-of-type(1n+1),
   .medium-up-1>.columns:nth-of-type(1n+1) {
      clear: both
   }

   .medium-up-1>.column:last-child,
   .medium-up-1>.columns:last-child {
      float: left
   }

   .medium-up-2>.column,
   .medium-up-2>.columns {
      width: 50%;
      float: left
   }

   .medium-up-2>.column:nth-of-type(1n),
   .medium-up-2>.columns:nth-of-type(1n) {
      clear: none
   }

   .medium-up-2>.column:nth-of-type(2n+1),
   .medium-up-2>.columns:nth-of-type(2n+1) {
      clear: both
   }

   .medium-up-2>.column:last-child,
   .medium-up-2>.columns:last-child {
      float: left
   }

   .medium-up-3>.column,
   .medium-up-3>.columns {
      width: 33.3333333333%;
      float: left
   }

   .medium-up-3>.column:nth-of-type(1n),
   .medium-up-3>.columns:nth-of-type(1n) {
      clear: none
   }

   .medium-up-3>.column:nth-of-type(3n+1),
   .medium-up-3>.columns:nth-of-type(3n+1) {
      clear: both
   }

   .medium-up-3>.column:last-child,
   .medium-up-3>.columns:last-child {
      float: left
   }

   .medium-up-4>.column,
   .medium-up-4>.columns {
      width: 25%;
      float: left
   }

   .medium-up-4>.column:nth-of-type(1n),
   .medium-up-4>.columns:nth-of-type(1n) {
      clear: none
   }

   .medium-up-4>.column:nth-of-type(4n+1),
   .medium-up-4>.columns:nth-of-type(4n+1) {
      clear: both
   }

   .medium-up-4>.column:last-child,
   .medium-up-4>.columns:last-child {
      float: left
   }

   .medium-up-5>.column,
   .medium-up-5>.columns {
      width: 20%;
      float: left
   }

   .medium-up-5>.column:nth-of-type(1n),
   .medium-up-5>.columns:nth-of-type(1n) {
      clear: none
   }

   .medium-up-5>.column:nth-of-type(5n+1),
   .medium-up-5>.columns:nth-of-type(5n+1) {
      clear: both
   }

   .medium-up-5>.column:last-child,
   .medium-up-5>.columns:last-child {
      float: left
   }

   .medium-up-6>.column,
   .medium-up-6>.columns {
      width: 16.6666666667%;
      float: left
   }

   .medium-up-6>.column:nth-of-type(1n),
   .medium-up-6>.columns:nth-of-type(1n) {
      clear: none
   }

   .medium-up-6>.column:nth-of-type(6n+1),
   .medium-up-6>.columns:nth-of-type(6n+1) {
      clear: both
   }

   .medium-up-6>.column:last-child,
   .medium-up-6>.columns:last-child {
      float: left
   }

   .medium-up-7>.column,
   .medium-up-7>.columns {
      width: 14.2857142857%;
      float: left
   }

   .medium-up-7>.column:nth-of-type(1n),
   .medium-up-7>.columns:nth-of-type(1n) {
      clear: none
   }

   .medium-up-7>.column:nth-of-type(7n+1),
   .medium-up-7>.columns:nth-of-type(7n+1) {
      clear: both
   }

   .medium-up-7>.column:last-child,
   .medium-up-7>.columns:last-child {
      float: left
   }

   .medium-up-8>.column,
   .medium-up-8>.columns {
      width: 12.5%;
      float: left
   }

   .medium-up-8>.column:nth-of-type(1n),
   .medium-up-8>.columns:nth-of-type(1n) {
      clear: none
   }

   .medium-up-8>.column:nth-of-type(8n+1),
   .medium-up-8>.columns:nth-of-type(8n+1) {
      clear: both
   }

   .medium-up-8>.column:last-child,
   .medium-up-8>.columns:last-child {
      float: left
   }

   .medium-collapse>.column,
   .medium-collapse>.columns {
      padding-left: 0;
      padding-right: 0
   }

   .medium-uncollapse>.column,
   .medium-uncollapse>.columns {
      padding-left: .9375rem;
      padding-right: .9375rem
   }

   .medium-centered {
      float: none;
      margin-left: auto;
      margin-right: auto
   }

   .medium-uncentered,
   .medium-push-0,
   .medium-pull-0 {
      position: static;
      margin-left: 0;
      margin-right: 0
   }
}

@media screen and (min-width:64em) {
   .large-1 {
      width: 8.3333333333%
   }

   .large-push-1 {
      position: relative;
      left: 8.3333333333%
   }

   .large-pull-1 {
      position: relative;
      left: -8.3333333333%
   }

   .large-offset-0 {
      margin-left: 0%
   }

   .large-2 {
      width: 16.6666666667%
   }

   .large-push-2 {
      position: relative;
      left: 16.6666666667%
   }

   .large-pull-2 {
      position: relative;
      left: -16.6666666667%
   }

   .large-offset-1 {
      margin-left: 8.3333333333%
   }

   .large-3 {
      width: 25%
   }

   .large-push-3 {
      position: relative;
      left: 25%
   }

   .large-pull-3 {
      position: relative;
      left: -25%
   }

   .large-offset-2 {
      margin-left: 16.6666666667%
   }

   .large-4 {
      width: 33.3333333333%
   }

   .large-push-4 {
      position: relative;
      left: 33.3333333333%
   }

   .large-pull-4 {
      position: relative;
      left: -33.3333333333%
   }

   .large-offset-3 {
      margin-left: 25%
   }

   .large-5 {
      width: 41.6666666667%
   }

   .large-push-5 {
      position: relative;
      left: 41.6666666667%
   }

   .large-pull-5 {
      position: relative;
      left: -41.6666666667%
   }

   .large-offset-4 {
      margin-left: 33.3333333333%
   }

   .large-6 {
      width: 50%
   }

   .large-push-6 {
      position: relative;
      left: 50%
   }

   .large-pull-6 {
      position: relative;
      left: -50%
   }

   .large-offset-5 {
      margin-left: 41.6666666667%
   }

   .large-7 {
      width: 58.3333333333%
   }

   .large-push-7 {
      position: relative;
      left: 58.3333333333%
   }

   .large-pull-7 {
      position: relative;
      left: -58.3333333333%
   }

   .large-offset-6 {
      margin-left: 50%
   }

   .large-8 {
      width: 66.6666666667%
   }

   .large-push-8 {
      position: relative;
      left: 66.6666666667%
   }

   .large-pull-8 {
      position: relative;
      left: -66.6666666667%
   }

   .large-offset-7 {
      margin-left: 58.3333333333%
   }

   .large-9 {
      width: 75%
   }

   .large-push-9 {
      position: relative;
      left: 75%
   }

   .large-pull-9 {
      position: relative;
      left: -75%
   }

   .large-offset-8 {
      margin-left: 66.6666666667%
   }

   .large-10 {
      width: 83.3333333333%
   }

   .large-push-10 {
      position: relative;
      left: 83.3333333333%
   }

   .large-pull-10 {
      position: relative;
      left: -83.3333333333%
   }

   .large-offset-9 {
      margin-left: 75%
   }

   .large-11 {
      width: 91.6666666667%
   }

   .large-push-11 {
      position: relative;
      left: 91.6666666667%
   }

   .large-pull-11 {
      position: relative;
      left: -91.6666666667%
   }

   .large-offset-10 {
      margin-left: 83.3333333333%
   }

   .large-12 {
      width: 100%
   }

   .large-offset-11 {
      margin-left: 91.6666666667%
   }

   .large-up-1>.column,
   .large-up-1>.columns {
      width: 100%;
      float: left
   }

   .large-up-1>.column:nth-of-type(1n),
   .large-up-1>.columns:nth-of-type(1n) {
      clear: none
   }

   .large-up-1>.column:nth-of-type(1n+1),
   .large-up-1>.columns:nth-of-type(1n+1) {
      clear: both
   }

   .large-up-1>.column:last-child,
   .large-up-1>.columns:last-child {
      float: left
   }

   .large-up-2>.column,
   .large-up-2>.columns {
      width: 50%;
      float: left
   }

   .large-up-2>.column:nth-of-type(1n),
   .large-up-2>.columns:nth-of-type(1n) {
      clear: none
   }

   .large-up-2>.column:nth-of-type(2n+1),
   .large-up-2>.columns:nth-of-type(2n+1) {
      clear: both
   }

   .large-up-2>.column:last-child,
   .large-up-2>.columns:last-child {
      float: left
   }

   .large-up-3>.column,
   .large-up-3>.columns {
      width: 33.3333333333%;
      float: left
   }

   .large-up-3>.column:nth-of-type(1n),
   .large-up-3>.columns:nth-of-type(1n) {
      clear: none
   }

   .large-up-3>.column:nth-of-type(3n+1),
   .large-up-3>.columns:nth-of-type(3n+1) {
      clear: both
   }

   .large-up-3>.column:last-child,
   .large-up-3>.columns:last-child {
      float: left
   }

   .large-up-4>.column,
   .large-up-4>.columns {
      width: 25%;
      float: left
   }

   .large-up-4>.column:nth-of-type(1n),
   .large-up-4>.columns:nth-of-type(1n) {
      clear: none
   }

   .large-up-4>.column:nth-of-type(4n+1),
   .large-up-4>.columns:nth-of-type(4n+1) {
      clear: both
   }

   .large-up-4>.column:last-child,
   .large-up-4>.columns:last-child {
      float: left
   }

   .large-up-5>.column,
   .large-up-5>.columns {
      width: 20%;
      float: left
   }

   .large-up-5>.column:nth-of-type(1n),
   .large-up-5>.columns:nth-of-type(1n) {
      clear: none
   }

   .large-up-5>.column:nth-of-type(5n+1),
   .large-up-5>.columns:nth-of-type(5n+1) {
      clear: both
   }

   .large-up-5>.column:last-child,
   .large-up-5>.columns:last-child {
      float: left
   }

   .large-up-6>.column,
   .large-up-6>.columns {
      width: 16.6666666667%;
      float: left
   }

   .large-up-6>.column:nth-of-type(1n),
   .large-up-6>.columns:nth-of-type(1n) {
      clear: none
   }

   .large-up-6>.column:nth-of-type(6n+1),
   .large-up-6>.columns:nth-of-type(6n+1) {
      clear: both
   }

   .large-up-6>.column:last-child,
   .large-up-6>.columns:last-child {
      float: left
   }

   .large-up-7>.column,
   .large-up-7>.columns {
      width: 14.2857142857%;
      float: left
   }

   .large-up-7>.column:nth-of-type(1n),
   .large-up-7>.columns:nth-of-type(1n) {
      clear: none
   }

   .large-up-7>.column:nth-of-type(7n+1),
   .large-up-7>.columns:nth-of-type(7n+1) {
      clear: both
   }

   .large-up-7>.column:last-child,
   .large-up-7>.columns:last-child {
      float: left
   }

   .large-up-8>.column,
   .large-up-8>.columns {
      width: 12.5%;
      float: left
   }

   .large-up-8>.column:nth-of-type(1n),
   .large-up-8>.columns:nth-of-type(1n) {
      clear: none
   }

   .large-up-8>.column:nth-of-type(8n+1),
   .large-up-8>.columns:nth-of-type(8n+1) {
      clear: both
   }

   .large-up-8>.column:last-child,
   .large-up-8>.columns:last-child {
      float: left
   }

   .large-collapse>.column,
   .large-collapse>.columns {
      padding-left: 0;
      padding-right: 0
   }

   .large-uncollapse>.column,
   .large-uncollapse>.columns {
      padding-left: .9375rem;
      padding-right: .9375rem
   }

   .large-centered {
      float: none;
      margin-left: auto;
      margin-right: auto
   }

   .large-uncentered,
   .large-push-0,
   .large-pull-0 {
      position: static;
      margin-left: 0;
      margin-right: 0
   }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
   margin: 0;
   padding: 0
}

p {
   font-size: inherit;
   line-height: 1.4;
   margin-bottom: 1rem;
   text-rendering: optimizeLegibility
}

em,
i {
   font-style: italic;
   line-height: inherit
}

strong,
b {
   font-weight: 700;
   line-height: inherit
}

small {
   font-size: 80%;
   line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-weight: 700;
   font-style: normal;
   color: inherit;
   text-rendering: optimizeLegibility;
   margin-top: 0;
   margin-bottom: .5rem;
   line-height: 1.3
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
   color: #737373;
   line-height: 0
}

h1 {
   font-size: 2.5rem
}

h2 {
   font-size: 1.25rem
}

h3 {
   font-size: 1.1875rem
}

h4 {
   font-size: 1.125rem
}

h5 {
   font-size: 1.0625rem
}

h6 {
   font-size: 1rem
}

@media screen and (min-width:40em) {
   h1 {
      font-size: 3rem
   }

   h2 {
      font-size: 1.5rem
   }

   h3 {
      font-size: 1.125rem
   }

   h4 {
      font-size: 1.5625rem
   }

   h5 {
      font-size: 1.25rem
   }

   h6 {
      font-size: 1rem
   }
}

@media screen and (min-width:64em) {
   h1 {
      font-size: 5rem
   }

   h2 {
      font-size: 1.75rem
   }

   h3 {
      font-size: 1.3rem
   }

   h4 {
      font-size: 1.15rem
   }

   h5 {
      font-size: 1.1rem
   }

   h6 {
      font-size: 1rem
   }
}

@media screen and (min-width:64em) {
   .callout h1 {
      font-size: 3rem
   }

   .callout h2 {
      font-size: 1.75rem
   }

   .callout h3 {
      font-size: 1.25rem
   }

   .callout h4 {
      font-size: 1rem
   }

   .callout h5 {
      font-size: .75rem
   }

   .callout h6 {
      font-size: 0, 5rem
   }
}

a {
   color: #427B09;
   text-decoration: none;
   line-height: inherit;
   cursor: pointer
}

a:hover,
a:focus {
   color: #335f08;
}

a img {
   border: 0
}

hr {
   max-width: 100rem;
   height: 0;
   border-right: 0;
   border-top: 0;
   border-bottom: 1px solid #f2f2f2;
   border-left: 0;
   margin: 1.25rem auto;
   clear: both
}

ul,
ol,
dl {
   line-height: 1.4;
   margin-bottom: 1rem;
   list-style-position: outside
}

li {
   font-size: inherit
}

ul {
   list-style-type: disc;
   margin-left: 1.25rem
}

ol {
   margin-left: 1.25rem
}

ul ul,
ol ul,
ul ol,
ol ol {
   margin-left: 1.25rem;
   margin-bottom: 0
}

dl {
   margin-bottom: 1rem
}

dl dt {
   margin-bottom: 0rem;
   font-weight: 700
}

blockquote {
   margin: 0 0 1rem;
   padding: .5625rem 1.25rem 1.1875rem;
   border-left: 0
}

blockquote,
blockquote p {
   line-height: 1.4;
   color: #222
}

cite {
   display: block;
   font-size: 1rem;
   color: #427B09;
}

cite:before {
   content: '\2014 \0020'
}

abbr {
   color: #222;
   cursor: help;
   border-bottom: 1px dotted #0a0a0a
}

code {
   font-family: Consolas, "Liberation Mono", Courier, monospace;
   font-weight: 400;
   color: #0a0a0a;
   background-color: #f2f2f2;
   border: 1px solid #737373;
   padding: .125rem .3125rem .0625rem
}

kbd {
   padding: .125rem .25rem 0;
   margin: 0;
   background-color: #f2f2f2;
   color: #0a0a0a;
   font-family: Consolas, "Liberation Mono", Courier, monospace
}

.subheader {
   margin-top: .2rem;
   margin-bottom: .5rem;
   font-weight: 400;
   line-height: 1.4;
   color: #222
}

.lead {
   font-size: 125%;
   line-height: 1.6
}

.stat {
   font-size: 2.5rem;
   line-height: 1
}

p+.stat {
   margin-top: -1rem
}

.no-bullet {
   margin-left: 0;
   list-style: none
}

.text-left {
   text-align: left
}

.text-right {
   text-align: right
}

.text-center {
   text-align: center
}

.text-justify {
   text-align: justify
}

@media screen and (min-width:40em) {
   .medium-text-left {
      text-align: left
   }

   .medium-text-right {
      text-align: right
   }

   .medium-text-center {
      text-align: center
   }

   .medium-text-justify {
      text-align: justify
   }
}

@media screen and (min-width:64em) {
   .large-text-left {
      text-align: left
   }

   .large-text-right {
      text-align: right
   }

   .large-text-center {
      text-align: center
   }

   .large-text-justify {
      text-align: justify
   }
}

.show-for-print {
   display: none !important
}

@media print {
   * {
      background: transparent !important;
      color: black !important;
      box-shadow: none !important;
      text-shadow: none !important
   }

   .show-for-print {
      display: block !important
   }

   .hide-for-print {
      display: none !important
   }

   table.show-for-print {
      display: table !important
   }

   thead.show-for-print {
      display: table-header-group !important
   }

   tbody.show-for-print {
      display: table-row-group !important
   }

   tr.show-for-print {
      display: table-row !important
   }

   td.show-for-print {
      display: table-cell !important
   }

   th.show-for-print {
      display: table-cell !important
   }

   a,
   a:visited {
      text-decoration: underline
   }

   a[href]:after {
      content: " (" attr(href) ")"
   }

   .ir a:after,
   a[href^='javascript:']:after,
   a[href^='#']:after {
      content: ''
   }

   abbr[title]:after {
      content: " (" attr(title) ")"
   }

   pre,
   blockquote {
      border: 1px solid #999;
      page-break-inside: avoid
   }

   thead {
      display: table-header-group
   }

   tr,
   img {
      page-break-inside: avoid
   }

   img {
      max-width: 100% !important
   }

   @page {
      margin: .5cm
   }

   p,
   h2,
   h3 {
      orphans: 3;
      widows: 3
   }

   h2,
   h3 {
      page-break-after: avoid
   }
}

.button {
   display: inline-block;
   text-align: center;
   line-height: 1;
   cursor: pointer;
   -webkit-appearance: none;
   transition: background-color 0.25s ease-out, color 0.25s ease-out;
   vertical-align: middle;
   border: 1px solid transparent;
   border-radius: 4px;
   padding: .85em 1em;
   margin: 0 0 0 0;
   font-size: .9rem;
   background-color: #427B09;
   color: #fff
}

[data-whatinput='mouse'] .button {
   outline: 0
}

.button:hover,
.button:focus {
   background-color: #335f08;
   color: #fff
}

.button.tiny {
   font-size: .6rem
}

.button.small {
   font-size: .75rem
}

.button.large {
   font-size: 1.25rem
}

.button.expanded {
   display: block;
   width: 100%;
   margin-left: 0;
   margin-right: 0
}

.button.primary {
   background-color: #99C221;
   color: #fff
}

.button.primary:hover,
.button.primary:focus {
   background-color: #7a9b1a;
   color: #fff
}

.button.secondary {
   background-color: #4879B1;
   color: #fff
}

.button.secondary:hover,
.button.secondary:focus {
   background-color: #2f5886;
   color: #fff
}

.button.success {
   background-color: #99C221;
   color: #fff
}

.button.success:hover,
.button.success:focus {
   background-color: #7a9b1a;
   color: #fff
}

.button.alert {
   background-color: #BA5965;
   color: #fff
}

.button.alert:hover,
.button.alert:focus {
   background-color: #9b414c;
   color: #fff
}

.button.warning {
   background-color: #D49227;
   color: #fff
}

.button.warning:hover,
.button.warning:focus {
   background-color: #aa751f;
   color: #fff
}

.button.hollow {
   border: 1px solid #99C221;
   color: #99C221
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus {
   background-color: transparent
}

.button.hollow:hover,
.button.hollow:focus {
   border-color: #4d6111;
   color: #4d6111
}

.button.hollow.primary {
   border: 1px solid #99C221;
   color: #99C221
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
   border-color: #4d6111;
   color: #4d6111
}

.button.hollow.secondary {
   border: 1px solid #5E8ABD;
   color: #5E8ABD
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
   border-color: #294564;
   color: #294564
}

.button.hollow.success {
   border: 1px solid #99C221;
   color: #99C221
}

.button.hollow.success:hover,
.button.hollow.success:focus {
   border-color: #4d6111;
   color: #4d6111
}

.button.hollow.alert {
   border: 1px solid #BA5965;
   color: #BA5965
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
   border-color: #61282f;
   color: #61282f
}

.button.hollow.warning {
   border: 1px solid #D49227;
   color: #D49227
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
   border-color: #6a4914;
   color: #6a4914
}

.button.disabled,
.button[disabled] {
   opacity: .25;
   cursor: not-allowed;
   pointer-events: none
}

.button.dropdown::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset .4em;
   border-color: #fefefe transparent transparent;
   border-top-style: solid;
   position: relative;
   top: .4em;
   float: right;
   margin-left: 1em;
   display: inline-block
}

.button.arrow-only::after {
   margin-left: 0;
   float: none;
   top: .2em
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
   display: block;
   box-sizing: border-box;
   width: 100%;
   height: 2.4375rem;
   padding: .5rem;
   border: 1px solid #ccc;
   margin: 0 0 1rem;
   font-family: inherit;
   font-size: 1rem;
   color: #0a0a0a;
   background-color: #f2f2f2;
   box-shadow: none;
   border-radius: 4px;
   transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
   -webkit-appearance: none;
   -moz-appearance: none
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
   border: 1px solid #99C221;
   background-color: #fefefe;
   outline: none;
   box-shadow: none;
   transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

textarea {
   max-width: 100%
}

textarea[rows] {
   height: auto
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
   background-color: #f2f2f2;
   cursor: default
}

[type='submit'],
[type='button'] {
   border-radius: 4px;
   -webkit-appearance: none;
   -moz-appearance: none
}

input[type='search'] {
   box-sizing: border-box
}

[type='file'],
[type='checkbox'],
[type='radio'] {
   margin: 0 0 1rem
}

[type='checkbox']+label,
[type='radio']+label {
   display: inline-block;
   margin-left: .5rem;
   margin-right: 1rem;
   margin-bottom: 0;
   vertical-align: baseline
}

label>[type='checkbox'],
label>[type='label'] {
   margin-right: .5rem
}

[type='file'] {
   width: 100%
}

label {
   display: block;
   margin: 0;
   font-size: .875rem;
   font-weight: 400;
   line-height: 1.8;
   color: #0a0a0a
}

label.middle {
   margin: 0 0 1rem;
   padding: .5625rem 0
}

.help-text {
   margin-top: -.5rem;
   font-size: .8125rem;
   font-style: italic;
   color: #333
}

.input-group {
   display: table;
   width: 100%;
   margin-bottom: 1rem
}

.input-group>:first-child {
   border-radius: 4px 0 0 4px
}

.input-group>:last-child>* {
   border-radius: 0 4px 4px 0
}

.input-group-label,
.input-group-field,
.input-group-button {
   display: table-cell;
   margin: 0;
   vertical-align: middle
}

.input-group-label {
   text-align: center;
   width: 1%;
   height: 100%;
   padding: 0 1rem;
   background: #99C221;
   color: #fefefe;
   border: 1px solid #99C221
}

.input-group-label:first-child {
   border-right: 0
}

.input-group-label:last-child {
   border-left: 0
}

.input-group-field {
   border-radius: 0;
   height: 2.5rem
}

.input-group-button {
   height: 100%;
   padding-top: 0;
   padding-bottom: 0;
   text-align: center;
   width: 1%
}

.input-group-button a,
.input-group-button input,
.input-group-button button {
   margin: 0
}

fieldset {
   border: 0;
   padding: 0;
   margin: 0
}

legend {
   margin-bottom: .5rem
}

.fieldset {
   border: 1px solid #737373;
   padding: 1.25rem;
   margin: 1.125rem 0
}

.fieldset legend {
   background: #fefefe;
   padding: 0 .1875rem;
   margin: 0;
   margin-left: -.1875rem
}

select {
   height: 2.4375rem;
   padding: .5rem;
   border: 1px solid #f2f2f2;
   margin: 0 0 1rem;
   font-size: 1rem;
   font-family: inherit;
   line-height: normal;
   color: #0a0a0a;
   background-color: #fefefe;
   border-radius: 4px;
   -webkit-appearance: none;
   -moz-appearance: none;
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2851, 51, 51%29"></polygon></svg>');
   background-size: 9px 6px;
   background-position: right .5rem center;
   background-repeat: no-repeat
}

@media screen and (min-width:0\0) {
   select {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
   }
}

select:disabled {
   background-color: #f2f2f2;
   cursor: default
}

select::-ms-expand {
   display: none
}

select[multiple] {
   height: auto
}

.is-invalid-input:not(:focus) {
   background-color: rgba(186, 89, 101, .1);
   border-color: #BA5965
}

.is-invalid-label {
   color: #BA5965
}

.form-error {
   display: none;
   margin-top: -.5rem;
   margin-bottom: 1rem;
   font-size: .75rem;
   font-weight: 700;
   color: #BA5965
}

.form-error.is-visible {
   display: block
}

.hide {
   display: none !important
}

.invisible {
   visibility: hidden
}

@media screen and (min-width:0em) and (max-width:39.9375em) {
   .hide-for-small-only {
      display: none !important
   }
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
   .show-for-small-only {
      display: none !important
   }
}

@media screen and (min-width:40em) {
   .hide-for-medium {
      display: none !important
   }
}

@media screen and (max-width:39.9375em) {
   .show-for-medium {
      display: none !important
   }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
   .hide-for-medium-only {
      display: none !important
   }
}

@media screen and (max-width:39.9375em),
screen and (min-width:64em) {
   .show-for-medium-only {
      display: none !important
   }
}

@media screen and (min-width:64em) {
   .hide-for-large {
      display: none !important
   }
}

@media screen and (max-width:63.9375em) {
   .show-for-large {
      display: none !important
   }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
   .hide-for-large-only {
      display: none !important
   }
}

@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
   .show-for-large-only {
      display: none !important
   }
}

.show-for-sr,
.show-on-focus {
   position: absolute !important;
   width: 1px;
   height: 1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
   position: static !important;
   height: auto;
   width: auto;
   overflow: visible;
   clip: auto
}

.show-for-landscape,
.hide-for-portrait {
   display: block !important
}

@media screen and (orientation:landscape) {

   .show-for-landscape,
   .hide-for-portrait {
      display: block !important
   }
}

@media screen and (orientation:portrait) {

   .show-for-landscape,
   .hide-for-portrait {
      display: none !important
   }
}

.hide-for-landscape,
.show-for-portrait {
   display: none !important
}

@media screen and (orientation:landscape) {

   .hide-for-landscape,
   .show-for-portrait {
      display: none !important
   }
}

@media screen and (orientation:portrait) {

   .hide-for-landscape,
   .show-for-portrait {
      display: block !important
   }
}

.float-left {
   float: left !important
}

.float-right {
   float: right !important
}

.float-center {
   display: block;
   margin-left: auto;
   margin-right: auto
}

.clearfix::before,
.clearfix::after {
   content: ' ';
   display: table
}

.clearfix::after {
   clear: both
}

.accordion {
   list-style-type: none;
   background: #fefefe;
   border: 1px solid #f2f2f2;
   border-radius: 4px;
   margin-left: 0
}

.accordion-title {
   display: block;
   padding: 1.25rem 1rem;
   line-height: 1;
   font-size: .75rem;
   color: #99C221;
   position: relative;
   border-bottom: 1px solid #f2f2f2
}

.accordion-title:hover,
.accordion-title:focus {
   background-color: #f2f2f2
}

:last-child>.accordion-title {
   border-bottom-width: 0
}

.accordion-title::before {
   content: '+';
   position: absolute;
   right: 1rem;
   top: 50%;
   margin-top: -.5rem
}

.is-active>.accordion-title::before {
   content: '–'
}

.accordion-content {
   padding: 1rem;
   display: none;
   border-bottom: 1px solid #f2f2f2;
   background-color: #fefefe
}

.is-accordion-submenu-parent>a {
   position: relative
}

.is-accordion-submenu-parent>a::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset 6px;
   border-color: #99C221 transparent transparent;
   border-top-style: solid;
   position: absolute;
   top: 50%;
   margin-top: -4px;
   right: 1rem
}

.is-accordion-submenu-parent[aria-expanded='true']>a::after {
   transform-origin: 50% 50%;
   transform: scaleY(-1)
}

.badge {
   display: inline-block;
   padding: .3em;
   min-width: 2.1em;
   font-size: .6rem;
   text-align: center;
   border-radius: 50%;
   background: #99C221;
   color: #fefefe
}

.badge.secondary {
   background: #5E8ABD;
   color: #fefefe
}

.badge.success {
   background: #99C221;
   color: #fefefe
}

.badge.alert {
   background: #BA5965;
   color: #fefefe
}

.badge.warning {
   background: #D49227;
   color: #fefefe
}

.breadcrumbs {
   list-style: none;
   margin: 0 0 1rem 0
}

.breadcrumbs::before,
.breadcrumbs::after {
   content: ' ';
   display: table
}

.breadcrumbs::after {
   clear: both
}

.breadcrumbs li {
   float: left;
   color: #0a0a0a;
   font-size: .6875rem;
   cursor: default;
   text-transform: uppercase
}

.breadcrumbs li:not(:last-child)::after {
   color: #737373;
   content: "/";
   margin: 0 .75rem;
   position: relative;
   top: 1px;
   opacity: 1
}

.breadcrumbs a {
   color: #99C221
}

.breadcrumbs a:hover {
   text-decoration: underline
}

.breadcrumbs .disabled {
   color: #737373
}

.button-group {
   margin-bottom: 1rem;
   font-size: .9rem
}

.button-group::before,
.button-group::after {
   content: ' ';
   display: table
}

.button-group::after {
   clear: both
}

.button-group .button {
   float: left;
   margin: 0;
   font-size: inherit
}

.button-group .button:not(:last-child) {
   border-right: 1px solid #fefefe
}

.button-group.tiny {
   font-size: .6rem
}

.button-group.small {
   font-size: .75rem
}

.button-group.large {
   font-size: 1.25rem
}

.button-group.expanded {
   display: table;
   table-layout: fixed;
   width: 100%
}

.button-group.expanded::before,
.button-group.expanded::after {
   display: none
}

.button-group.expanded .button {
   display: table-cell;
   float: none
}

.button-group.primary .button {
   background-color: #99C221;
   color: #fff
}

.button-group.primary .button:hover,
.button-group.primary .button:focus {
   background-color: #7a9b1a;
   color: #fff
}

.button-group.secondary .button {
   background-color: #5E8ABD;
   color: #fff
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
   background-color: #426ea1;
   color: #fff
}

.button-group.success .button {
   background-color: #99C221;
   color: #fff
}

.button-group.success .button:hover,
.button-group.success .button:focus {
   background-color: #7a9b1a;
   color: #fff
}

.button-group.alert .button {
   background-color: #BA5965;
   color: #fff
}

.button-group.alert .button:hover,
.button-group.alert .button:focus {
   background-color: #9b414c;
   color: #fff
}

.button-group.warning .button {
   background-color: #D49227;
   color: #fff
}

.button-group.warning .button:hover,
.button-group.warning .button:focus {
   background-color: #aa751f;
   color: #fff
}

.button-group.stacked .button,
.button-group.stacked-for-small .button {
   width: 100%
}

.button-group.stacked .button:not(:last-child),
.button-group.stacked-for-small .button:not(:last-child) {
   border-right: 1px solid
}

@media screen and (min-width:40em) {
   .button-group.stacked-for-small .button {
      width: auto
   }

   .button-group.stacked-for-small .button:not(:last-child) {
      border-right: 1px solid #fefefe
   }
}

.callout {
   margin: 0 0 1rem 0;
   padding: 1rem;
   border: 1px solid #f2f2f2;
   border-radius: 4px;
   position: relative;
   color: #222;
   background-color: white
}

.callout>:first-child {
   margin-top: 0
}

.callout>:last-child {
   margin-bottom: 0
}

.callout.primary {
   background-color: #f1f9db
}

.callout.secondary {
   background-color: #e7edf5
}

.callout.success {
   background-color: #f1f9db
}

.callout.alert {
   background-color: #f5e6e8
}

.callout.warning {
   background-color: #f9efde
}

.callout.small {
   padding-top: .5rem;
   padding-right: .5rem;
   padding-bottom: .5rem;
   padding-left: .5rem
}

.callout.large {
   padding-top: 3rem;
   padding-right: 3rem;
   padding-bottom: 3rem;
   padding-left: 3rem
}

.close-button {
   position: absolute;
   color: #99C221;
   right: .5rem;
   top: .25rem;
   font-size: 2em;
   line-height: 1;
   cursor: pointer
}

[data-whatinput='mouse'] .close-button {
   outline: 0
}

.close-button:hover,
.close-button:focus {
   color: #0a0a0a
}

.is-drilldown {
   position: relative;
   overflow: hidden
}

.is-drilldown-submenu {
   position: absolute;
   top: 0;
   left: 100%;
   z-index: -1;
   height: 100%;
   width: 100%;
   background: #fefefe;
   transition: transform 0.15s linear
}

.is-drilldown-submenu.is-active {
   z-index: 1;
   display: block;
   transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
   transform: translateX(100%)
}

.is-drilldown-submenu-parent>a {
   position: relative
}

.is-drilldown-submenu-parent>a::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset 6px;
   border-color: transparent transparent transparent #99C221;
   border-left-style: solid;
   position: absolute;
   top: 50%;
   margin-top: -6px;
   right: 1rem
}

.js-drilldown-back::before {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset 6px;
   border-color: transparent #99C221 transparent transparent;
   border-right-style: solid;
   float: left;
   margin-right: .75rem;
   margin-left: .6rem;
   margin-top: 14px
}

.dropdown-pane {
   background-color: #fefefe;
   border: 1px solid #737373;
   display: block;
   padding: 1rem;
   position: absolute;
   visibility: hidden;
   width: 300px;
   z-index: 10;
   border-radius: 4px
}

.dropdown-pane.is-open {
   visibility: visible
}

.dropdown-pane.tiny {
   width: 100px
}

.dropdown-pane.small {
   width: 200px
}

.dropdown-pane.large {
   width: 400px
}

[data-whatinput='mouse'] .dropdown.menu a {
   outline: 0
}

.dropdown.menu .is-dropdown-submenu-parent {
   position: relative
}

.dropdown.menu .is-dropdown-submenu-parent a::after {
   float: right;
   margin-top: 3px;
   margin-left: 10px
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
   padding-right: 1.5rem;
   position: relative
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow>a::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset 5px;
   border-color: #99C221 transparent transparent;
   border-top-style: solid;
   position: absolute;
   top: .825rem;
   right: 5px
}

.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow>a::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset 5px;
   border-color: transparent #99C221 transparent transparent;
   border-right-style: solid;
   float: left;
   margin-left: 0;
   margin-right: 10px
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset 5px;
   border-color: transparent transparent transparent #99C221;
   border-left-style: solid
}

.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu {
   right: 0;
   left: auto
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu {
   left: 0;
   right: auto
}

.dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu {
   top: 100%
}

.no-js .dropdown.menu ul {
   display: none
}

.dropdown.menu .submenu {
   display: none;
   position: absolute;
   top: 0;
   left: 100%;
   min-width: 200px;
   z-index: 1;
   background: #fefefe;
   border: 1px solid #737373;
   margin-top: -1px
}

.dropdown.menu .submenu>li {
   width: 100%
}

.dropdown.menu .submenu.first-sub {
   top: 100%;
   left: 0;
   right: auto
}

.dropdown.menu .submenu:not(.js-dropdown-nohover)>.is-dropdown-submenu-parent:hover>.dropdown.menu .submenu,
.dropdown.menu .submenu.js-dropdown-active {
   display: block
}

.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
   left: auto;
   right: 100%
}

.dropdown.menu.align-right .submenu.first-sub {
   top: 100%;
   left: auto;
   right: 0
}

.is-dropdown-menu.vertical {
   width: 100px
}

.is-dropdown-menu.vertical.align-right {
   float: right
}

.is-dropdown-menu.vertical>li .submenu {
   top: 0;
   left: 100%
}

.flex-video {
   position: relative;
   height: 0;
   padding-bottom: 75%;
   margin-bottom: 1rem;
   overflow: hidden
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.flex-video.widescreen {
   padding-bottom: 56.25%
}

.flex-video.vimeo {
   padding-top: 0
}

.label {
   display: inline-block;
   padding: 1rem;
   font-size: 1rem;
   line-height: 1;
   white-space: wrap;
   cursor: default;
   border-radius: 4px;
   background: #99C221;
   color: #fefefe
}

.label.secondary {
   background: #5E8ABD;
   color: #fefefe;
   width: 100%
}

.label.success {
   background: #99C221;
   color: #fefefe;
   width: 100%
}

.label.alert {
   background: #BA5965;
   color: #fefefe;
   width: 100%
}

.label.warning {
   background: #D49227;
   color: #fefefe
}

.media-object {
   margin-bottom: 1rem;
   display: block
}

.media-object img {
   max-width: none
}

@media screen and (min-width:0em) and (max-width:39.9375em) {
   .media-object.stack-for-small .media-object-section {
      display: block;
      padding: 0;
      padding-bottom: 1rem
   }

   .media-object.stack-for-small .media-object-section img {
      width: 100%
   }
}

.media-object-section {
   display: table-cell;
   vertical-align: top
}

.media-object-section:first-child {
   padding-right: 1rem
}

.media-object-section:last-child:not(.media-object-section:first-child) {
   padding-left: 1rem
}

.media-object-section.middle {
   vertical-align: middle
}

.media-object-section.bottom {
   vertical-align: bottom
}

.menu {
   margin: 0;
   list-style-type: none
}

.menu>li {
   display: table-cell;
   vertical-align: middle
}

[data-whatinput='mouse'] .menu>li {
   outline: 0
}

.menu>li:not(.menu-text)>a {
   display: block;
   padding: .7rem 1rem;
   line-height: 1
}

.menu input,
.menu a,
.menu button {
   margin-bottom: 0
}

.menu>li>a>img,
.menu>li>a>i {
   vertical-align: middle
}

.menu>li>a>span {
   vertical-align: middle
}

.menu>li>a>img,
.menu>li>a>i {
   display: inline-block;
   margin-right: .25rem
}

.menu>li {
   display: table-cell
}

.menu.vertical>li {
   display: block
}

@media screen and (min-width:40em) {
   .menu.medium-horizontal>li {
      display: table-cell
   }

   .menu.medium-vertical>li {
      display: block
   }
}

@media screen and (min-width:64em) {
   .menu.large-horizontal>li {
      display: table-cell
   }

   .menu.large-vertical>li {
      display: block
   }
}

.menu.simple a {
   padding: 0;
   margin-right: 1rem
}

.menu.align-right>li {
   float: right
}

.menu.expanded {
   display: table;
   table-layout: fixed;
   width: 100%
}

.menu.expanded>li:first-child:last-child {
   width: 100%
}

.menu.icon-top>li>a {
   text-align: center
}

.menu.icon-top>li>a>img,
.menu.icon-top>li>a>i {
   display: block;
   margin: 0 auto .25rem
}

.menu.nested {
   margin-left: 1rem
}

.menu-text {
   font-weight: 700;
   color: inherit;
   line-height: 1;
   padding-top: 0;
   padding-bottom: 0;
   padding: .7rem 1rem
}

.no-js [data-responsive-menu] ul {
   display: none
}

html,
body {
   height: 100%
}

.off-canvas-wrapper {
   width: 100%;
   overflow-x: hidden;
   position: relative;
   backface-visibility: hidden;
   -webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
   position: relative;
   width: 100%;
   transition: transform 0.5s ease
}

.off-canvas-wrapper-inner::before,
.off-canvas-wrapper-inner::after {
   content: ' ';
   display: table
}

.off-canvas-wrapper-inner::after {
   clear: both
}

.off-canvas-content,
.off-canvas-content {
   min-height: 100%;
   background: #fefefe;
   transition: transform 0.5s ease;
   backface-visibility: hidden;
   z-index: 1;
   box-shadow: 0 0 10px rgba(10, 10, 10, .5)
}

.js-off-canvas-exit {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(254, 254, 254, .25);
   cursor: pointer;
   transition: background 0.5s ease
}

.is-off-canvas-open .js-off-canvas-exit {
   display: block
}

.off-canvas {
   position: absolute;
   background: #f2f2f2;
   z-index: -1;
   max-height: 100%;
   overflow-y: auto;
   transform: translateX(0)
}

[data-whatinput='mouse'] .off-canvas {
   outline: 0
}

.off-canvas.position-left {
   left: -250px;
   top: 0;
   width: 250px
}

.is-open-left {
   transform: translateX(250px)
}

.off-canvas.position-right {
   right: -250px;
   top: 0;
   width: 250px
}

.is-open-right {
   transform: translateX(-250px)
}

@media screen and (min-width:40em) {
   .position-left.reveal-for-medium {
      left: 0;
      z-index: auto;
      position: fixed
   }

   .position-left.reveal-for-medium~.off-canvas-content {
      margin-left: 250px
   }

   .position-right.reveal-for-medium {
      right: 0;
      z-index: auto;
      position: fixed
   }

   .position-right.reveal-for-medium~.off-canvas-content {
      margin-right: 250px
   }
}

@media screen and (min-width:64em) {
   .position-left.reveal-for-large {
      left: 0;
      z-index: auto;
      position: fixed
   }

   .position-left.reveal-for-large~.off-canvas-content {
      margin-left: 250px
   }

   .position-right.reveal-for-large {
      right: 0;
      z-index: auto;
      position: fixed
   }

   .position-right.reveal-for-large~.off-canvas-content {
      margin-right: 250px
   }
}

.orbit {
   position: relative
}

.orbit-container {
   position: relative;
   margin: 0;
   overflow: hidden;
   list-style: none
}

.orbit-slide {
   width: 100%;
   max-height: 100%
}

.orbit-slide.no-motionui.is-active {
   top: 0;
   left: 0
}

.orbit-figure {
   margin: 0
}

.orbit-image {
   margin: 0;
   width: 100%;
   max-width: 100%
}

.orbit-caption {
   position: absolute;
   bottom: 0;
   width: 100%;
   padding: 1rem;
   margin-bottom: 0;
   color: #fefefe;
   background-color: rgba(10, 10, 10, .5)
}

.orbit-previous,
.orbit-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
   padding: 1rem;
   color: #fefefe
}

[data-whatinput='mouse'] .orbit-previous,
[data-whatinput='mouse'] .orbit-next {
   outline: 0
}

.orbit-previous:hover,
.orbit-next:hover,
.orbit-previous:active,
.orbit-next:active,
.orbit-previous:focus,
.orbit-next:focus {
   background-color: rgba(10, 10, 10, .5)
}

.orbit-previous {
   left: 0
}

.orbit-next {
   left: auto;
   right: 0
}

.orbit-bullets {
   position: relative;
   margin-top: .8rem;
   margin-bottom: .8rem;
   text-align: center
}

[data-whatinput='mouse'] .orbit-bullets {
   outline: 0
}

.orbit-bullets button {
   width: 1.2rem;
   height: 1.2rem;
   margin: .1rem;
   background-color: #737373;
   border-radius: 50%
}

.orbit-bullets button:hover {
   background-color: #222
}

.orbit-bullets button.is-active {
   background-color: #222
}

.pagination {
   margin-left: 0;
   margin-bottom: 1rem
}

.pagination::before,
.pagination::after {
   content: ' ';
   display: table
}

.pagination::after {
   clear: both
}

.pagination li {
   font-size: .875rem;
   margin-right: .0625rem;
   display: none;
   border-radius: 4px
}

.pagination li:last-child,
.pagination li:first-child {
   display: inline-block
}

@media screen and (min-width:40em) {
   .pagination li {
      display: inline-block
   }
}

.pagination a,
.pagination button {
   color: #0a0a0a;
   display: block;
   padding: .1875rem .625rem;
   border-radius: 4px
}

.pagination a:hover,
.pagination button:hover {
   background: #f2f2f2
}

.pagination .current {
   padding: .1875rem .625rem;
   background: #99C221;
   color: #fefefe;
   cursor: default
}

.pagination .disabled {
   padding: .1875rem .625rem;
   color: #737373;
   cursor: default
}

.pagination .disabled:hover {
   background: transparent
}

.pagination .ellipsis::after {
   content: '…';
   padding: .1875rem .625rem;
   color: #0a0a0a
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
   content: '«';
   display: inline-block;
   margin-right: .5rem
}

.pagination-next a::after,
.pagination-next.disabled::after {
   content: '»';
   display: inline-block;
   margin-left: .5rem
}

.progress {
   background-color: #f2f2f2;
   height: 1rem;
   margin-bottom: 1rem;
   border-radius: 4px
}

.progress.primary .progress-meter {
   background-color: #99C221
}

.progress.secondary .progress-meter {
   background-color: #5E8ABD
}

.progress.success .progress-meter {
   background-color: #99C221
}

.progress.alert .progress-meter {
   background-color: #BA5965
}

.progress.warning .progress-meter {
   background-color: #D49227
}

.progress-meter {
   position: relative;
   display: block;
   width: 0%;
   height: 100%;
   background-color: #99C221;
   border-radius: 4px
}

.progress-meter .progress-meter-text {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   margin: 0;
   font-size: .75rem;
   font-weight: 700;
   color: #fefefe;
   white-space: nowrap
}

.slider {
   position: relative;
   height: .5rem;
   margin-top: 1.25rem;
   margin-bottom: 2.25rem;
   background-color: #f2f2f2;
   cursor: pointer;
   user-select: none;
   touch-action: none
}

.slider-fill {
   position: absolute;
   top: 0;
   left: 0;
   display: inline-block;
   max-width: 100%;
   height: .5rem;
   background-color: #737373;
   transition: all 0.2s ease-in-out
}

.slider-fill.is-dragging {
   transition: all 0s linear
}

.slider-handle {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   position: absolute;
   left: 0;
   z-index: 1;
   display: inline-block;
   width: 1.4rem;
   height: 1.4rem;
   background-color: #99C221;
   transition: all 0.2s ease-in-out;
   touch-action: manipulation;
   border-radius: 4px
}

[data-whatinput='mouse'] .slider-handle {
   outline: 0
}

.slider-handle:hover {
   background-color: #82a51c
}

.slider-handle.is-dragging {
   transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
   opacity: .25;
   cursor: not-allowed
}

.slider.vertical {
   display: inline-block;
   width: .5rem;
   height: 12.5rem;
   margin: 0 1.25rem;
   transform: scale(1, -1)
}

.slider.vertical .slider-fill {
   top: 0;
   width: .5rem;
   max-height: 100%
}

.slider.vertical .slider-handle {
   position: absolute;
   top: 0;
   left: 50%;
   width: 1.4rem;
   height: 1.4rem;
   transform: translateX(-50%)
}

.sticky-container {
   position: relative
}

.sticky {
   position: absolute;
   z-index: 0;
   transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
   position: fixed;
   z-index: 5
}

.sticky.is-stuck.is-at-top {
   top: 0
}

.sticky.is-stuck.is-at-bottom {
   bottom: 0
}

.sticky.is-anchored {
   position: absolute;
   left: auto;
   right: auto
}

.sticky.is-anchored.is-at-bottom {
   bottom: 0
}

body.is-reveal-open {
   overflow: hidden
}

.reveal-overlay {
   display: none;
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1005;
   background-color: rgba(10, 10, 10, .45);
   overflow-y: scroll
}

.reveal {
   display: none;
   z-index: 1006;
   padding: 2rem;
   border: none;
   margin: 100px auto 0;
   background-color: #fefefe;
   border-radius: none;
   position: absolute;
   overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
   outline: 0
}

@media screen and (min-width:40em) {
   .reveal {
      min-height: 0
   }
}

.reveal .column,
.reveal .columns,
.reveal .columns {
   min-width: 0
}

.reveal>:last-child {
   margin-bottom: 0
}

@media screen and (min-width:40em) {
   .reveal {
      width: 600px;
      max-width: 100rem
   }
}

.reveal.collapse {
   padding: 0
}

@media screen and (min-width:40em) {
   .reveal .reveal {
      left: auto;
      right: auto;
      margin: 0 auto
   }
}

@media screen and (min-width:40em) {
   .reveal.tiny {
      width: 30%;
      max-width: 100rem
   }
}

@media screen and (min-width:40em) {
   .reveal.small {
      width: 50%;
      max-width: 100rem
   }
}

@media screen and (min-width:40em) {
   .reveal.large {
      width: 90%;
      max-width: 100rem
   }
}

.reveal.full {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   height: 100vh;
   min-height: 100vh;
   max-width: none;
   margin-left: 0;
   border: 0
}

.switch {
   margin-bottom: 1rem;
   outline: 0;
   position: relative;
   user-select: none;
   color: #fefefe;
   font-weight: 700;
   font-size: .875rem
}

.switch-input {
   opacity: 0;
   position: absolute
}

.switch-paddle {
   background: #737373;
   cursor: pointer;
   display: block;
   position: relative;
   width: 4rem;
   height: 2rem;
   transition: all 0.25s ease-out;
   border-radius: 4px;
   color: inherit;
   font-weight: inherit
}

input+.switch-paddle {
   margin: 0
}

.switch-paddle::after {
   background: #fefefe;
   content: '';
   display: block;
   position: absolute;
   height: 1.5rem;
   left: .25rem;
   top: .25rem;
   width: 1.5rem;
   transition: all 0.25s ease-out;
   transform: translate3d(0, 0, 0);
   border-radius: 4px
}

input:checked~.switch-paddle {
   background: #99C221
}

input:checked~.switch-paddle::after {
   left: 2.25rem
}

[data-whatinput='mouse'] input:focus~.switch-paddle {
   outline: 0
}

.switch-active,
.switch-inactive {
   position: absolute;
   top: 50%;
   transform: translateY(-50%)
}

.switch-active {
   left: 8%;
   display: none
}

input:checked+label>.switch-active {
   display: block
}

.switch-inactive {
   right: 15%
}

input:checked+label>.switch-inactive {
   display: none
}

.switch.tiny .switch-paddle {
   width: 3rem;
   height: 1.5rem;
   font-size: .625rem
}

.switch.tiny .switch-paddle::after {
   width: 1rem;
   height: 1rem
}

.switch.tiny input:checked~.switch-paddle:after {
   left: 1.75rem
}

.switch.small .switch-paddle {
   width: 3.5rem;
   height: 1.75rem;
   font-size: .75rem
}

.switch.small .switch-paddle::after {
   width: 1.25rem;
   height: 1.25rem
}

.switch.small input:checked~.switch-paddle:after {
   left: 2rem
}

.switch.large .switch-paddle {
   width: 5rem;
   height: 2.5rem;
   font-size: 1rem
}

.switch.large .switch-paddle::after {
   width: 2rem;
   height: 2rem
}

.switch.large input:checked~.switch-paddle:after {
   left: 2.75rem
}

table {
   margin-bottom: 1rem;
   border-radius: 4px
}

thead,
tbody,
tfoot {
   border: 1px solid #f1f1f1;
   background-color: #fefefe
}

caption {
   font-weight: 700;
   padding: .5rem .625rem .625rem
}

thead,
tfoot {
   background: #f8f8f8;
   color: #222
}

thead tr,
tfoot tr {
   background: transparent
}

thead th,
thead td,
tfoot th,
tfoot td {
   padding: .5rem .625rem .625rem;
   font-weight: 700;
   text-align: left
}

tbody tr:nth-child(even) {
   background-color: #fefefe
}

tbody th,
tbody td {
   padding: .5rem .625rem .625rem
}

@media screen and (max-width:63.9375em) {
   table.stack thead {
      display: none
   }

   table.stack tfoot {
      display: none
   }

   table.stack tr,
   table.stack th,
   table.stack td {
      display: block
   }

   table.stack td {
      border-top: 0
   }
}

table.scroll {
   display: block;
   width: 100%;
   overflow-x: auto
}

table.hover tr:hover {
   background-color: #f9f9f9
}

table.hover tr:nth-of-type(even):hover {
   background-color: #ececec
}

.tabs {
   margin: 0;
   list-style-type: none;
   background: #fefefe;
   border: 1px solid #fefefe
}

.tabs::before,
.tabs::after {
   content: ' ';
   display: table
}

.tabs::after {
   clear: both
}

.tabs.vertical>li {
   width: auto;
   float: none;
   display: block
}

.tabs.simple>li>a {
   padding: 0
}

.tabs.simple>li>a:hover {
   background: transparent
}

.tabs.primary {
   background: #99C221
}

.tabs.primary>li>a {
   color: #fefefe
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
   background: #91b81f
}

.tabs-title {
   float: left
}

.tabs-title>a {
   display: block;
   padding: 1.25rem 1.5rem;
   line-height: 1;
   font-size: 12px;
   color: #222
}

.tabs-title>a:hover {
   background: #fefefe
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected='true'] {
   background: #99C221
}

.tabs-content {
   background: #fefefe;
   transition: all 0.5s ease;
   border: 1px solid #fefefe;
   border-top: 0
}

.tabs-content.vertical {
   border: 1px solid #fefefe;
   border-left: 0
}

.tabs-panel {
   display: none;
   padding: 1rem
}

.tabs-panel.is-active {
   display: block
}

.thumbnail {
   border: solid 4px #fefefe;
   box-shadow: 0 0 0 1px rgba(10, 10, 10, .2);
   display: inline-block;
   line-height: 0;
   max-width: 100%;
   transition: box-shadow 200ms ease-out;
   border-radius: 4px;
   margin-bottom: 1rem
}

.thumbnail:hover,
.thumbnail:focus {
   box-shadow: 0 0 6px 1px rgba(153, 194, 33, .5)
}

.title-bar {
   background: #fefefe;
   color: #222;
   padding: 0
}

.title-bar::before,
.title-bar::after {
   content: ' ';
   display: table
}

.title-bar::after {
   clear: both
}

.title-bar .menu-icon {
   margin-left: .25rem;
   margin-right: 0
}

.title-bar-left {
   float: left
}

.title-bar-right {
   float: right;
   text-align: right
}

.title-bar-title {
   font-weight: 700;
   vertical-align: middle;
   display: inline-block
}

.menu-icon {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   cursor: pointer;
   width: 20px;
   height: 16px
}

.menu-icon::after {
   content: '';
   position: absolute;
   display: block;
   width: 100%;
   height: 2px;
   background: #99C221;
   top: 0;
   left: 0;
   box-shadow: 0 7px 0 #99C221, 0 14px 0 #99C221
}

.menu-icon:hover::after {
   background: #222;
   box-shadow: 0 7px 0 #222222, 0 14px 0 #222
}

.has-tip {
   border-bottom: dotted 1px #222;
   font-weight: 700;
   position: relative;
   display: inline-block;
   cursor: help
}

.tooltip {
   background-color: #0a0a0a;
   color: #fefefe;
   font-size: 80%;
   padding: .75rem;
   position: absolute;
   z-index: 10;
   top: calc(100% + 0.6495rem);
   max-width: 10rem !important;
   border-radius: 4px
}

.tooltip::before {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset .75rem;
   border-color: transparent transparent #0a0a0a;
   border-bottom-style: solid;
   bottom: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%)
}

.tooltip.top::before {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset .75rem;
   border-color: #0a0a0a transparent transparent;
   border-top-style: solid;
   top: 100%;
   bottom: auto
}

.tooltip.left::before {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset .75rem;
   border-color: transparent transparent transparent #0a0a0a;
   border-left-style: solid;
   bottom: auto;
   left: 100%;
   top: 50%;
   transform: translateY(-50%)
}

.tooltip.right::before {
   content: '';
   display: block;
   width: 0;
   height: 0;
   border: inset .75rem;
   border-color: transparent #0a0a0a transparent transparent;
   border-right-style: solid;
   bottom: auto;
   left: auto;
   right: 100%;
   top: 50%;
   transform: translateY(-50%)
}

.top-bar {
   padding: 0
}

.top-bar::before,
.top-bar::after {
   content: ' ';
   display: table
}

.top-bar::after {
   clear: both
}

.top-bar,
.top-bar ul {
   background-color: #fefefe
}

.top-bar a {
   color: #222
}

.top-bar input {
   width: 200px;
   margin-right: 1rem
}

.top-bar input.button {
   width: auto
}

@media screen and (max-width:39.9375em) {
   .stacked-for-small .top-bar-right {
      width: 100%
   }

   .stacked-for-small .top-bar-left {
      width: 100%
   }
}

@media screen and (max-width:63.9375em) {
   .stacked-for-medium .top-bar-right {
      width: 100%
   }

   .stacked-for-medium .top-bar-left {
      width: 100%
   }
}

@media screen and (max-width:74.9375em) {
   .stacked-for-large .top-bar-right {
      width: 100%
   }

   .stacked-for-large .top-bar-left {
      width: 100%
   }
}

@media screen and (min-width:0em) and (max-width:39.9375em) {
   .top-bar-right {
      width: 100%
   }

   .top-bar-left {
      width: 100%
   }
}

.top-bar-left {
   float: left
}

.top-bar-right {
   float: right
}

.slide-in-down.mui-enter {
   transform: translateY(-100%);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
   transform: translateY(0)
}

.slide-in-left.mui-enter {
   transform: translateX(-100%);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
   transform: translateX(0)
}

.slide-in-up.mui-enter {
   transform: translateY(100%);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
   transform: translateY(0)
}

.slide-in-right.mui-enter {
   transform: translateX(100%);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
   transform: translateX(0)
}

.slide-out-down.mui-leave {
   transform: translateY(0);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
   transform: translateY(100%)
}

.slide-out-right.mui-leave {
   transform: translateX(0);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
   transform: translateX(100%)
}

.slide-out-up.mui-leave {
   transform: translateY(0);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
   transform: translateY(-100%)
}

.slide-out-left.mui-leave {
   transform: translateX(0);
   transition-property: transform, opacity;
   backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
   transform: translateX(-100%)
}

.fade-in.mui-enter {
   opacity: 0;
   transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
   opacity: 1
}

.fade-out.mui-leave {
   opacity: 1;
   transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
   opacity: 0
}

.hinge-in-from-top.mui-enter {
   transform: perspective(2000px) rotateX(-90deg);
   transform-origin: top;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-right.mui-enter {
   transform: perspective(2000px) rotateY(-90deg);
   transform-origin: right;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-bottom.mui-enter {
   transform: perspective(2000px) rotateX(90deg);
   transform-origin: bottom;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-left.mui-enter {
   transform: perspective(2000px) rotateY(90deg);
   transform-origin: left;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
   transform: perspective(2000px) rotateX(-90deg);
   transform-origin: center;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
   transform: perspective(2000px) rotateY(-90deg);
   transform-origin: center;
   transition-property: transform, opacity;
   opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
   transform: perspective(2000px) rotate(0deg);
   opacity: 1
}

.hinge-out-from-top.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: top;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateX(-90deg);
   opacity: 0
}

.hinge-out-from-right.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: right;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateY(-90deg);
   opacity: 0
}

.hinge-out-from-bottom.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: bottom;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateX(90deg);
   opacity: 0
}

.hinge-out-from-left.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: left;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateY(90deg);
   opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: center;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateX(-90deg);
   opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
   transform: perspective(2000px) rotate(0deg);
   transform-origin: center;
   transition-property: transform, opacity;
   opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
   transform: perspective(2000px) rotateY(-90deg);
   opacity: 0
}

.scale-in-up.mui-enter {
   transform: scale(.5);
   transition-property: transform, opacity;
   opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
   transform: scale(1);
   opacity: 1
}

.scale-in-down.mui-enter {
   transform: scale(1.5);
   transition-property: transform, opacity;
   opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
   transform: scale(1);
   opacity: 1
}

.scale-out-up.mui-leave {
   transform: scale(1);
   transition-property: transform, opacity;
   opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
   transform: scale(1.5);
   opacity: 0
}

.scale-out-down.mui-leave {
   transform: scale(1);
   transition-property: transform, opacity;
   opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
   transform: scale(.5);
   opacity: 0
}

.spin-in.mui-enter {
   transform: rotate(-0.75turn);
   transition-property: transform, opacity;
   opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
   transform: rotate(0);
   opacity: 1
}

.spin-out.mui-leave {
   transform: rotate(0);
   transition-property: transform, opacity;
   opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
   transform: rotate(0.75turn);
   opacity: 0
}

.spin-in-ccw.mui-enter {
   transform: rotate(0.75turn);
   transition-property: transform, opacity;
   opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
   transform: rotate(0);
   opacity: 1
}

.spin-out-ccw.mui-leave {
   transform: rotate(0);
   transition-property: transform, opacity;
   opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
   transform: rotate(-0.75turn);
   opacity: 0
}

.slow {
   transition-duration: 750ms !important
}

.fast {
   transition-duration: 250ms !important
}

.linear {
   transition-timing-function: linear !important
}

.ease {
   transition-timing-function: ease !important
}

.ease-in {
   transition-timing-function: ease-in !important
}

.ease-out {
   transition-timing-function: ease-out !important
}

.ease-in-out {
   transition-timing-function: ease-in-out !important
}

.bounce-in {
   transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
   transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
   transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
   transition-delay: 300ms !important
}

.long-delay {
   transition-delay: 700ms !important
}

.shake {
   animation-name: shake-7
}

@keyframes shake-7 {

   0%,
   10%,
   20%,
   30%,
   40%,
   50%,
   60%,
   70%,
   80%,
   90% {
      transform: translateX(7%)
   }

   5%,
   15%,
   25%,
   35%,
   45%,
   55%,
   65%,
   75%,
   85%,
   95% {
      transform: translateX(-7%)
   }
}

.spin-cw {
   animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
   0% {
      transform: rotate(-1turn)
   }

   100% {
      transform: rotate(0)
   }
}

.spin-ccw {
   animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
   0% {
      transform: rotate(0)
   }

   100% {
      transform: rotate(1turn)
   }
}

.wiggle {
   animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {

   40%,
   50%,
   60% {
      transform: rotate(7deg)
   }

   35%,
   45%,
   55%,
   65% {
      transform: rotate(-7deg)
   }

   0%,
   30%,
   70%,
   100% {
      transform: rotate(0)
   }
}

.infinite {
   animation-iteration-count: infinite
}

.slow {
   animation-duration: 750ms !important
}

.fast {
   animation-duration: 250ms !important
}

.linear {
   animation-timing-function: linear !important
}

.ease {
   animation-timing-function: ease !important
}

.ease-in {
   animation-timing-function: ease-in !important
}

.ease-out {
   animation-timing-function: ease-out !important
}

.ease-in-out {
   animation-timing-function: ease-in-out !important
}

.bounce-in {
   animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
   animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
   animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
   animation-delay: 300ms !important
}

.long-delay {
   animation-delay: 700ms !important
}

@keyframes pulse_animation {
   0% {
      transform: scale(1)
   }

   30% {
      transform: scale(1)
   }

   40% {
      transform: scale(1.08)
   }

   50% {
      transform: scale(1)
   }

   60% {
      transform: scale(1)
   }

   70% {
      transform: scale(1.05)
   }

   80% {
      transform: scale(1)
   }

   100% {
      transform: scale(1)
   }
}

.pulse {
   animation-name: pulse_animation;
   animation-duration: 5000ms;
   transform-origin: 70% 70%;
   animation-iteration-count: infinite;
   animation-timing-function: linear
}

.course-sale-wrap {
   width: 200px;
   background: #B12704;
   position: absolute;
   top: 25px;
   right: -50px;
   left: auto;
   text-align: center;
   line-height: 50px;
   color: #fefefe;
   font-weight: 700;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg)
}

#home-billboard-custom {
   background-image: none;
   width: 100%;
   text-align: center;
   position: relative;
   padding: 0
}

#home-billboard-custom h1 em {
   text-transform: uppercase;
   font-weight: 400;
   font-style: normal;
   font-size: 63%;
   display: block;
   margin-bottom: 1rem
}

#home-billboard-custom h1 {
   color: #000;
   text-align: left;
   line-height: 1;
   margin-bottom: 1rem
}

.billboard-column1 {
   background-image: url(../img/green_screen-08.svg);
   background-position: 75% 10%;
   background-size: cover;
   background-repeat: no-repeat;
   padding: 2.4rem 0rem 3rem 0rem;
   padding-left: 10%;
   text-align: left
}

.billboard-column2 {
   background-image: url(../img/hero-section-08.svg);
   background-position: center center;
   background-size: contain;
   background-repeat: no-repeat;
   padding: 14rem 0rem 1.8rem 0rem
}

@media only screen and (max-width:768px) {
   .billboard-column2 {
      background-size: contain !important;
      padding: 4rem 0rem 2rem 0rem !important;
      max-height: 7rem;
      margin-top: .1rem
   }

   #home-callouts .column {
      padding: 0rem 1.2rem 1rem 1.2rem
   }

   .column {
      margin-top: .6rem !Important
   }

   #home-billboard-custom h1 {
      color: #fff
   }

   #home-billboard-custom h1 {
      text-align: center !Important
   }

   .billboard-column1 {
      background-image: none;
      max-height: 22rem;
      background-color: #8DC743;
      background-repeat: no-repeat;
      padding: 1rem 0rem .2rem 0rem;
      text-align: center
   }

   .color-white {
      color: #fff
   }

   .button-black {
      margin: 0 0 .2rem 0 !important;
      margin-bottom: 0.6rem !important
   }

   #home-billboard-custom h1 {
      margin-bottom: 0.1rem !important
   }

   #home-billboard-custom p {
      margin-bottom: .1rem
   }

   .image-wrap {
      padding: .2rem 0rem .2rem 0rem !important;
      width: 28% !important
   }
}

.cat-content {
   float: left
}

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

.button-black {
   display: inline-block;
   text-align: center;
   line-height: 1;
   cursor: pointer;
   -webkit-appearance: none;
   transition: background-color 0.25s ease-out, color 0.25s ease-out;
   vertical-align: middle;
   border: 1px solid transparent;
   border-radius: 4px;
   padding: .95em 1.8em;
   margin: 0 0 2rem 0;
   font-size: 1.1rem;
   background-color: #000;
   color: #fff;
   margin-top: 1rem
}

.top-bar {
   box-shadow: 0 1px 4px rgba(0, 0, 0, .17);
   border-bottom-color: #c1c1c1
}

.title-bar {
   box-shadow: 0 1px 4px rgba(0, 0, 0, .17);
   border-bottom-color: #c1c1c1
}

.cat-head-container {
   text-align: center;
   color: #ffffff !important;
   padding: .2rem
}

.cat-head-container-continuing-education h5 {
   color: #E19D22
}

.cat-head-container-first-renewal h5 {
   color: #426EA1
}

.cat-head-container-get-a-license h5 {
   color: #9B414C;
   padding: .2rem
}

.cat-head-container-managing-broker h5 {
   color: #427B09;
}

.cat-head-container h5 {
   font-weight: normal !Important;
   text-transform: uppercase;
   font-size: 1.125rem !important
}

.cat-head-container h4 {
   font-size: 1.2625rem !important;
   text-transform: uppercase
}

.cat-head-container h4 em {
   font-size: 1.5625rem;
   font-style: normal;
   color: #000
}

#home-callouts .continuing-education,
.first-renewal,
.managing-broker,
.get-a-license {
   -webkit-box-shadow: -1px 5px 13px -4px rgba(204, 198, 204, 1);
   -moz-box-shadow: -1px 13px 17px -4px rgba(204, 198, 204, 1);
   box-shadow: -1px 5px 13px -4px rgba(204, 198, 204, 1)
}

#home-callouts .continuing-education {
   border-top: 4px solid #D49227
}

#home-callouts .first-renewal {
   border-top: 4px solid #5E8ABD
}

#home-callouts .managing-broker {
   border-top: 4px solid #427B09
}

#home-callouts .get-a-license {
   border-top: 4px solid #BA5965
}

.image-wrap {
   padding: .5rem 0rem 1rem 0rem;
   width: 40%;
   margin: 0 auto
}

.closing {
   float: left
}

@media (min-width:64em) {
   #home-callouts a.content {
      margin: -3rem 0 5.7rem
   }
}

.closing {
   float: left;
   text-align: center
}

#home-callouts a.content {
   background-color: #fff
}

.notes {
   border-left: 5px solid green;
   color: #99c23c;
   padding-left: 10px;
   margin-left: 2.5rem;
   margin-right: 3rem;
   font-style: italic;
}

.is-active>.accordion-title::before {
   content: '-' !important;
}

.m0,
.margin-0 {
   margin: 0
}

.m5,
.margin-5 {
   margin: 5px
}

.m10,
.margin-10 {
   margin: 10px
}

.m15,
.margin-15 {
   margin: 15px
}

.m20,
.margin-20 {
   margin: 20px
}

.m25,
.margin-25 {
   margin: 25px
}

.m30,
.margin-30 {
   margin: 30px
}

.m35,
.margin-35 {
   margin: 35px
}

.m40,
.margin-40 {
   margin: 40px
}

.m45,
.margin-45 {
   margin: 45px
}

.m50,
.margin-50 {
   margin: 50px
}

.m100,
.margin-100 {
   margin: 100px
}

.m150,
.margin-150 {
   margin: 150px
}

.m200,
.margin-200 {
   margin: 200px
}

.m250,
.margin-250 {
   margin: 250px
}

.p0,
.padding-0 {
   padding: 0
}

.p5,
.padding-5 {
   padding: 5px
}

.p10,
.padding-10 {
   padding: 10px
}

.p15,
.padding-15 {
   padding: 15px
}

.p20,
.padding-20 {
   padding: 20px
}

.p25,
.padding-25 {
   padding: 25px
}

.p30,
.padding-30 {
   padding: 30px
}

.p35,
.padding-35 {
   padding: 35px
}

.p40,
.padding-40 {
   padding: 40px
}

.p45,
.padding-45 {
   padding: 45px
}

.p50,
.padding-50 {
   padding: 50px
}

.p100,
.padding-100 {
   padding: 100px
}

.p150,
.padding-150 {
   padding: 150px
}

.p200,
.padding-200 {
   padding: 200px
}

.p250,
.padding-250 {
   padding: 250px
}

.mt0,
.margin-top-0 {
   margin-top: 0
}

.mt5,
.margin-top-5 {
   margin-top: 5px
}

.mt10,
.margin-top-10 {
   margin-top: 10px
}

.mt20,
.margin-top-20 {
   margin-top: 20px
}

.mt30,
.margin-top-30 {
   margin-top: 30px
}

.mt40,
.margin-top-40 {
   margin-top: 40px
}

.mt50,
.margin-top-50 {
   margin-top: 50px
}

.mt100,
.margin-top-100 {
   margin-top: 100px
}

.mt150,
.margin-top-150 {
   margin-top: 150px
}

.mt200,
.margin-top-200 {
   margin-top: 200px
}

.mt250,
.margin-top-250 {
   margin-top: 250px
}

.mb0,
.margin-bottom-0 {
   margin-bottom: 0
}

.mb5,
.margin-bottom-5 {
   margin-bottom: 5px
}

.mb10,
.margin-bottom-10 {
   margin-bottom: 10px
}

.mb20,
.margin-bottom-20 {
   margin-bottom: 20px
}

.mb30,
.margin-bottom-30 {
   margin-bottom: 30px
}

.mb40,
.margin-bottom-40 {
   margin-bottom: 40px
}

.mb50,
.margin-bottom-50 {
   margin-bottom: 50px
}

.mb100,
.margin-bottom-100 {
   margin-bottom: 100px
}

.mb150,
.margin-bottom-150 {
   margin-bottom: 150px
}

.mb200,
.margin-bottom-200 {
   margin-bottom: 200px
}

.mb250,
.margin-bottom-250 {
   margin-bottom: 250px
}

.ml0,
.margin-left-0 {
   margin-left: 0
}

.ml5,
.margin-left-5 {
   margin-left: 5px
}

.ml10,
.margin-left-10 {
   margin-left: 10px
}

.ml20,
.margin-left-20 {
   margin-left: 20px
}

.ml30,
.margin-left-30 {
   margin-left: 30px
}

.ml40,
.margin-left-40 {
   margin-left: 40px
}

.ml50,
.margin-left-50 {
   margin-left: 50px
}

.ml100,
.margin-left-100 {
   margin-left: 100px
}

.ml150,
.margin-left-150 {
   margin-left: 150px
}

.ml200,
.margin-left-200 {
   margin-left: 200px
}

.ml250,
.margin-left-250 {
   margin-left: 250px
}

.mr0,
.margin-right-0 {
   margin-right: 0
}

.mr5,
.margin-right-5 {
   margin-right: 5px
}

.mr10,
.margin-right-10 {
   margin-right: 10px
}

.mr20,
.margin-right-20 {
   margin-right: 20px
}

.mr30,
.margin-right-30 {
   margin-right: 30px
}

.mr40,
.margin-right-40 {
   margin-right: 40px
}

.mr50,
.margin-right-50 {
   margin-right: 50px
}

.mr100,
.margin-right-100 {
   margin-right: 100px
}

.mr150,
.margin-right-150 {
   margin-right: 150px
}

.mr200,
.margin-right-200 {
   margin-right: 200px
}

.mr250,
.margin-right-250 {
   margin-right: 250px
}

.pt0,
.padding-top-0 {
   padding-top: 0
}

.pt5,
.padding-top-5 {
   padding-top: 5px
}

.pt10,
.padding-top-10 {
   padding-top: 10px
}

.pt20,
.padding-top-20 {
   padding-top: 20px
}

.pt30,
.padding-top-30 {
   padding-top: 30px
}

.pt40,
.padding-top-40 {
   padding-top: 40px
}

.pt50,
.padding-top-50 {
   padding-top: 50px
}

.pt100,
.padding-top-100 {
   padding-top: 100px
}

.pt150,
.padding-top-150 {
   padding-top: 150px
}

.pt200,
.padding-top-200 {
   padding-top: 200px
}

.pt250,
.padding-top-250 {
   padding-top: 250px
}

.pb0,
.padding-bottom-0 {
   padding-bottom: 0
}

.pb5,
.padding-bottom-5 {
   padding-bottom: 5px
}

.pb10,
.padding-bottom-10 {
   padding-bottom: 10px
}

.pb20,
.padding-bottom-20 {
   padding-bottom: 20px
}

.pb30,
.padding-bottom-30 {
   padding-bottom: 30px
}

.pb40,
.padding-bottom-40 {
   padding-bottom: 40px
}

.pb50,
.padding-bottom-50 {
   padding-bottom: 50px
}

.pb100,
.padding-bottom-100 {
   padding-bottom: 100px
}

.pb150,
.padding-bottom-150 {
   padding-bottom: 150px
}

.pb200,
.padding-bottom-200 {
   padding-bottom: 200px
}

.pb250,
.padding-bottom-250 {
   padding-bottom: 250px
}

.pr0,
.padding-right-0 {
   padding-right: 0
}

.pr5,
.padding-right-5 {
   padding-right: 5px
}

.pr10,
.padding-right-10 {
   padding-right: 10px
}

.pr20,
.padding-right-20 {
   padding-right: 20px
}

.pr30,
.padding-right-30 {
   padding-right: 30px
}

.pr40,
.padding-right-40 {
   padding-right: 40px
}

.pr50,
.padding-right-50 {
   padding-right: 50px
}

.pr100,
.padding-right-100 {
   padding-right: 100px
}

.pr150,
.padding-right-150 {
   padding-right: 150px
}

.pr200,
.padding-right-200 {
   padding-right: 200px
}

.pr250,
.padding-right-250 {
   padding-right: 250px
}

.pl0,
.padding-left-0 {
   padding-left: 0
}

.pl5,
.padding-left-5 {
   padding-left: 5px
}

.pl10,
.padding-left-10 {
   padding-left: 10px
}

.pl20,
.padding-left-20 {
   padding-left: 20px
}

.pl30,
.padding-left-30 {
   padding-left: 30px
}

.pl40,
.padding-left-40 {
   padding-left: 40px
}

.pl50,
.padding-left-50 {
   padding-left: 50px
}

.pl100,
.padding-left-100 {
   padding-left: 100px
}

.pl150,
.padding-left-150 {
   padding-left: 150px
}

.pl200,
.padding-left-200 {
   padding-left: 200px
}

.pl250,
.padding-left-250 {
   padding-left: 250px
}

.font-weight-bold {
   font-size: 21px;
   font-weight: 700
}

/* ===== app-v34 additions — 2026-05-28 ===== */
/* (1) No serifs: the 12 serif (Bttr) declarations above were swapped to the sans-serif
   stack and that font @import removed. (2) Shrink the category billboard requirements
   line on mobile so the billboard isn't content-bound and tall on phones. */
@media (max-width: 900px) {
   #intro1 .lead {
      font-size: 1rem;
      line-height: 1.4;
   }
}