.d0bluebox {background-color: #044a8f; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:400px; display:block;}

.d0lightbluebox {background-color: #044a8f; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:200px; display:block;}

.d0mintbox {background-color: #d1e8e0; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:330px; display:block;}

.d0mintboxbig {background-color: #d1e8e0; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:440px; display:block;}

.d0whiteboxorangeline {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; border-left: 15px solid #ff7d2c; display:block;}

.d0whiteboxblueline {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; border-left: 15px solid #007f80; display:block;}

.d0whiteboxlightblueline {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; border-left: 15px solid #00b5b7; display:block;}

.d0whiteboxnavyline {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; border-left: 15px solid #005a5a; display:block;}

@media only screen and (min-width: 800px) {
  .d0splitgreenright {
    background: linear-gradient(
      270deg,
      rgba(4, 74, 143, 1) 0%,       /* new deep blue */
      rgba(4, 74, 143, 1) 60%,      /* solid color to 50% */
      rgba(255, 255, 255, 0) 60%,   /* fade starts */
      rgba(255, 255, 255, 0.5) 100% /* ends partially transparent */
    );
  }
}

@media only screen and (min-width: 800px) {.d0splitlightleft{background: linear-gradient(90deg,rgba(0, 181, 183, 1) 0%, rgba(0, 181, 183, 1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);}}

@media only screen and (max-width: 799px) {.d0splitlightright{background: #00B5B7}}

@media only screen and (max-width: 799px) {.d0splitlightleft{background: #00B5B7}}


@media only screen and (min-width: 800px) {.d0splitgreenleft{background: linear-gradient(90deg,rgba(0, 127, 128, 1) 0%, rgba(0, 127, 128, 1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);}}

@media only screen and (max-width: 799px) {.d0splitgreenright{background: #044a8f}}

@media only screen and (max-width: 799px) {.d0splitgreenleft{background: #007F80}}

.d0faqbox {background-color: #ffffff; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; box-shadow: 5px 5px 15px #ddd; display:block;}

.d0h3fontsize {font-family: Lato, sans-serif; font-size: 24px; line-height: 24px;}

.btn-lg {padding: 10px 28px 10px 18px;}

.btn-compliment {clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}

.btn-default {clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}

.btn-statement {clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}

@media only screen and (min-width: 800px) {
  .d0bgarrow {
    clip-path: polygon(
      0% 0%,   /* top-left */
      60% 0%,  /* top-right (before the slant starts) */
      75% 100%, /* bottom-right */
      0% 100%  /* bottom-left */
    );
    background: rgba(0, 148, 96, 0.65);
  }
}

@media only screen and (max-width: 799px) {.d0bgarrow {background: rgba(0,90,90,0.65);}}

.sf-menu li ul li a:hover {color: #fff;}

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

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

#r8_content h1 {font-size: 15px !important; line-height: 15px !important;}

.ub-light {background-color: #f5f5f5;}

@media only screen and (max-width: 799px) {.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 0px; padding-right: 0px;}} 

#r8_content .ui-state-default {border: 1px solid #d1e8e0; background: #d1e8e0; padding: 0 0 !important;}

.well {box-shadow: none;}

.r8_form {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
}

.jh-solid-box {background-color: rgba(209, 232, 224, 0.4); margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:400px; display:block;}