@media only screen and (max-width: 799px) {.btn {display: block !important; white-space: normal !important;}}

/*BASIC CSS*/
.d0whitebox {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; border-radius: 30px; display:block;}
.d0whiteboxthin {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding: 5px 20px; min-height:210px; border-radius: 30px; display:flex; flex-direction: column; align-items: center; justify-content: center; transition: transform .5s;}
.d0blackbox {background-color: #121212; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; border-radius: 30px; display:block;}
.d0navybox {background-color: #07023a; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; border-radius: 30px; display:block;}

.d0whiteboxthin:hover {transform: scale(1.03);}

@media only screen and (min-width: 800px) {
#r8_content h1 {font-size: 5em;}
.d0largerheaderfont {font-size: 3em !important;}
.d0smallerheaderfont {font-size: 1.2em !important; margin-bottom: -20px !important;}
}

@media only screen and (max-width: 799px) {
#r8_content h1 {font-size: 2.5em;}
.d0largerheaderfont {font-size: 1.5em !important;}
.d0smallerheaderfont {font-size: 1em !important; margin-bottom: -20px !important;}
}

.ub-grad-dark-c1 {background: linear-gradient(to bottom, #121212, #07023a);}
.ub-grad-c1-dark {background: linear-gradient(to top, #121212, #07023a);}

.d0topbannershift {margin-top: -1px;}
.d0topbannerdeepshift {margin-top: -3px;}

#r8_content img {border-radius: 30px;}

#r8_content h3 {font-family: "Gabarito", sans-serif;}

#r8_menu a[href*="_r8customform_2641"] {
  background-color : #CC5500; 
  padding: 6px 18px 6px 18px; border-radius:50px; color:#FFF; 
}

/*SIDE COVERS*/

@media only screen and (min-width: 800px) {
.d0navycoverright {background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(7, 2, 58, 1) 50%, rgba(7, 2, 58, 1) 100%);}
.d0navycoverleft {background: linear-gradient(270deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(7, 2, 58, 1) 50%, rgba(7, 2, 58, 1) 100%);}
.d0blackcoverright {background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(18, 18, 18, 1) 50%, rgba(18, 18, 18, 1) 100%);}
.d0blackcoverleft {background: linear-gradient(270deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(18, 18, 18, 1) 50%, rgba(18, 18, 18, 1) 100%);}
}

@media only screen and (max-width: 799px) {
.d0navycoverright {background: rgb(7, 2, 58);}
.d0navycoverleft {background: rgb(7, 2, 58);}
.d0blackcoverright {background: rgb(18, 18, 18);}
.d0blackcoverleft {background: rgb(18, 18, 18);}
}

/*FIVE COLUMN*/
@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;}

/*SCROLL CARDS*/
.d0scrollingwrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.d0scrollcard {
  display: inline-block;
  padding: 0 5px;
  vertical-align: top;
}

/*SCROLLING BANNER*/
.d0scrolling-text-container { overflow: hidden; width: 100%; background-color: transparent; position: relative; }
 .d0scrolling-text-inner { display: flex; width: max-content; animation: scroll-left 40s linear infinite; white-space: nowrap; font-size: 16px; font-weight: 600; padding: 8px 0; } 
.d0scrolling-text { display: flex; } .d0scrolling-text-item { padding: 0 30px; }
@media (max-width: 600px) { .d0scrolling-text-inner { font-size: 14px; padding: 6px 0; } .d0scrolling-text-item { padding: 0 20px; } } 
@keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/*COUNTER*/
.d0counters {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; text-align: center; margin: 2rem 0; } 
.d0counter { flex: 1 1 25%; padding: 1rem; box-sizing: border-box; } 
.d0count { display: block; font-family: Nunito, sans-serif; font-size: 1.5em; font-weight: 700; color: #fff; margin-bottom: 0.5rem; }
.d0counter p { margin: 0; font-family: Nunito, sans-serif; font-size: 1.1em; color: #fff; } 
@media only screen and (max-width: 799px) { .d0counter { flex: 1 1 100%; } }

#header div.menu_container {
        background-color: #121212;
        border-bottom: none;
        box-shadow: none;
    }

#header a.mobile-menu {
        background-color: #CC5500;
        color: #FFF;
        border-color: #CC5500;
    }

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

@media (max-width: 991px) {
    .mm-ismenu, .mm-ismenu.mm-light {
        background-color: #07023a;
        color: #fff;
    }}

/*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: #07023a;
 }}

/*CHANGE MOBILE DROPDOWN ARROW COLOUR*/

@media (max-width: 991px) {
    .mm-menu .mm-list>li>a.mm-subopen:after, .mm-menu .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-list>li>a.mm-subopen:after, .mm-menu.mm-light .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-header a:before {
        border-color: #ffffff;
}}

.sf-menu>li ul {width: 203px;}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body h4,
#body p
{text-align: left !important;}
}

#r8_content li:before {color: #CC5500;}

#deep a[href="our-thinking"] {display: none !important;}