.d0karla {font-family: "Karla", sans-serif; letter-spacing: 2px;}
#r8_content h1 {font-family: "Karla", sans-serif; letter-spacing: 2px;}
#r8_content h2 {font-family: "Karla", sans-serif; letter-spacing: 2px;}
#r8_content h3 {font-family: "Karla", sans-serif; letter-spacing: 2px;}

@media only screen and (min-width: 800px) {.d0desktoptextsize {font-family: "Karla", sans-serif; letter-spacing: 2px; font-size: 36px !important;}}
@media only screen and (max-width: 799px) {.d0mobiletextsize {font-family: "Karla", sans-serif; letter-spacing: 2px; font-size: 28px !important;}}

.d0servicebox {background-color: rgba(0, 0, 0,0); border-top: 1px solid #ffffff; margin-top: 1em; margin-bottom: 1em; padding:5px; min-height:0px; display:block; -moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
      -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;}
.d0servicebox:hover {background-color: rgba(0, 0, 0,0.4); border-top: 1px solid #ffffff; margin-top: 1em; margin-bottom: 1em; padding:5px; min-height:0px; display:block;}


.d0registerbox {cursor: pointer; background-color: rgba(0, 0, 0,0); border-top: 1px solid #ffffff; margin-top: 1em; margin-bottom: 1em; padding:5px; min-height:400px; display: flex; align-items: center; flex-direction: column; justify-content: center;
 -moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
      -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;}
.d0registerbox:hover {cursor: pointer; background-color: rgba(0, 0, 0,0.4); border-top: 1px solid #ffffff; margin-top: 1em; margin-bottom: 1em; padding:5px; min-height:400px; display: flex; align-items: center; flex-direction: column; justify-content: center;}

#r8_menu a[href*="register"] {border: 1px solid #FCBF10; padding:10px 20px; border-radius:60px; color:#fff; letter-spacing: 1px; margin-left: 100px;}
#r8_menu a[href*="register"]:hover {color:#FCBF10;}

#r8_menu a[href*="https://clearstrategy.paydirect.io"] {border: 1px solid #FCBF10; padding:10px 20px; border-radius:60px; color:#fff; letter-spacing: 1px;}
#r8_menu a[href*="log-in"]:hover {color:#FCBF10;}

    #header div.menu_container {
        background-color: rgba(0, 0, 0,0); border-bottom: none; box-shadow: none;
    }

.r8_form {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    border: 0px solid rgba(0, 0, 0, .0001);
    border-radius: 4px;
    padding: 0px;
    display: table;}

/*CHANGE MOBILE MENU BACKGROUND AND TEXT*/

@media (max-width: 991px)
{
.mm-ismenu, .mm-ismenu.mm-ligh
{background-color: #1a1a1a; color: #ffffff;}
}

/*CHANGE DIVIDERS BETWEEN MOBILE MENU ITEMS*/

@media (max-width: 991px) {
    .mm-menu.mm-light .mm-list>li:after, .mm-menu .mm-list>li:after, .mm-menu.mm-light .mm-header, .mm-menu.mm-light .mm-header {
        border-color: #1a1a1a;
 }

#header a.mobile-menu-right {display: none;}

.btn-statement {
    color: #1a1a1a;
    background-color: #fcbf10;}

@media (max-width : 767px) 
{
#body h1, 
#body h2, 
#body h3,
#body p
{text-align: center;}
}

#r8_splash .ub-dark{border-top: none;border-bottom: none;background: none;transform: translate(0px, -1px);}


@media only screen and (min-width: 800px) {#r8_navbar .navbar {height: 100px;top: 0px;margin-bottom: 0px;position: relative;}}

@media only screen and (max-width: 799px) {#r8_navbar .navbar {display: none;}}

.r8_copyright .copyrow {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}