#r8_content h1 {font-family: 'Playfair Display'; serif; font-weight:500;}
#r8_content h3 {font-family: 'Playfair Display', serif; font-weight:500;}
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&display=swap');
#r8_content p {
  font-family: "Karla", sans-serif;
}

#r8_content .parallax03 {background-image: url(/shared/images/content/bus_58001/Homepage_Hero-1920.jpg); 
background-attachment: fixed; 
background-position-x: right; 
background-position-y: top;}
.parallax-dark{background-color: rgba(85,85,85,0.8); margin-top:-15px; color:#FFF;}

#r8_content .parallax02 {background-image: url(/shared/images/content/bus_58001/Homepage_-_Who_we_work_with_1750.jpg?nocache=315); 
background-attachment: fixed; 
background-position-x: right; 
background-position-y: top;}
.parallax-dark{background-color: rgba(85,85,85,0.8); margin-top:-15px; color:#FFF;}

@media only screen and (min-width: 800px) {
  .d0splitbackground {
    position: relative;
  }

  .d0splitbackground::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
      to left,
      rgba(228, 232, 234, 0) 0%,
      rgba(228, 232, 234, 0) 50%,
      rgba(228, 232, 234, 1) 50%,
      rgba(228, 232, 234, 1) 100%
    );
    pointer-events: none;
  }
}


.jh-border-and-box1 {background-color:#E8EAE6;
padding:30px; min-height:250px;
    border-top: 5px solid #27B8D1; 
  border-bottom: 1px solid #C9D0D3; 
  border-left: 1px solid #C9D0D3; 
  border-right: 1px solid #C9D0D3;  margin: 10px ;
margin-top: 1em ; display:block;
min-height: 370px;}

.jh-border-and-box2 {background-color:#E3E7E9;
padding:30px; min-height:250px; display:block;
border-top: 5px solid #20262A; 
  border-bottom: 1px solid #C9D0D3; 
  border-left: 1px solid #C9D0D3; 
  border-right: 1px solid #C9D0D3;  margin: 10px ;
-moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
      -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;}
  .jh-hover-box:hover { background-color:#E8EAE6;}
}

.jh-solid-box1 {background-color:#E3E7E9;
padding:20px; min-height:0px; display:block;}

.jh-solid-box2 {background-color:#E3E7E9; border: #C9D0D3 solid 1px;
padding:20px; min-height:230px; display:block; }

.jh-solid-box20 {background-color:#E3E7E9; border: #C9D0D3 solid 1px;
padding:20px;  display:block; min-height: 675px;}

.jh-solid-box21 {background-color:#E3E7E9;
border-top: 5px solid #27B8D1; 
  border-bottom: 1px solid #C9D0D3; 
  border-left: 1px solid #C9D0D3; 
  border-right: 1px solid #C9D0D3;
padding:20px; min-height:0px; display:block;
}

.jh-solid-box3 {background-color:#E8EAE6; border: #C9D0D3 solid 1px;
padding:10px; min-height:0px; display:block; margin-bottom: 15px;}

.jh-solid-box4 {background-color:#20262A;
padding:10px; min-height:0px; display:block;}

.jh-solid-box3 p,
.jh-solid-box3 h3,
.jh-solid-box4 p,
.jh-solid-box4 h3 {
    margin: 0 0 6px;
    line-height: 1.3;
}

.jh-solid-box3 p:last-child,
.jh-solid-box3 h3:last-child,
.jh-solid-box4 p:last-child,
.jh-solid-box4 h3:last-child {
    margin-bottom: 0;
}

.jh-solid-box5 {background-color:#E8EAE6; border: #C9D0D3 solid 1px;
padding:20px; min-height:430px; display:block;}

.jh-solid-box6 {background-color:#E8EAE6; border: #C9D0D3 solid 1px;
padding:20px; min-height:150px; display:block;}

.jh-hover-box {
    display: block;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 1px 15px; 
    text-decoration: none !important;
    transition: all 0.25s ease;
min-height: 0px;
 margin-bottom: 10px; 
}
  .jh-hover-box:hover {background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);}


@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}} @media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}} .d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px;}