/*
Theme Name: 20 Essex Street
Theme URI: https://www.20essexst.com/
Description: 20 Essex Street Theme
Version: 1.0
Author: Legalbrands
Author URI: http://www.legalbrands.co.uk/
Tags: rwd, new, blue, branding
*/


/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

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

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

li {
    list-style: none
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
    -webkit-appearance: none!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
}

.no-js #fullpage {
    display: none!important;
}

.no-js #jspage {
    display: block!important;
}

.no-js .nojs-head {
    display: block!important;
}

.no-js .js-head {
    display: none!important;
}

.js .js-head {
    display: block!important;
}

.js .nojs-head {
    display: none!important;
    z-index: -2;
    position: absolute;
}

.js #jspage {
    display: none!important;
}

.js #fullpage {
    display: block;
}

#mobilepage {
    display: none;
}


/* 
==========================================================================
GLOBAL & WP SPECIFIC STYLES
==========================================================================
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
}

input,
textarea,
select {
    -webkit-border-radius: 0;
    border-radius: 0;
}

img,
audio,
video,
canvas {
    max-width: 100%;
}

html {
    min-height: 100%;
    margin-bottom: 1px;
    overflow: -moz-scrollbars-vertical!important;
}

::selection {
    background: #50A684;
    color: #fff;
}

::-moz-selection {
    background: #50A684;
    color: #fff;
}

::-webkit-selection {
    background: #50A684;
    color: #fff;
}

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    clear: both;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

img.alignright {
    float: right;
    margin: 0 0 2em 1em;
}

img.alignleft {
    float: left;
    margin: 0 2em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    margin: 0 0 2em 1em;
}

.alignleft {
    float: left;
    margin: 0 0 2em 1em;
}

img.wp-smiley {
    float: none;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

p {
    margin: 0 0 20px 0;
}

a {
    color: #50A684;
    text-decoration: none;
}

a:hover {
    color: #002854;
    text-decoration: none;
}


/* 
==========================================================================
H & LINKS
==========================================================================
*/

h1 {
    font: 30px 'Muli', Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    color: #002854;
}

h2 {
    font: 26px 'Muli', Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    color: #002854;
}

h3 {
    font: 22px 'Muli', Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    color: #002854;
}

h4 {
    font: 20px 'Muli', Helvetica, Arial, sans-serif;
    margin: 0 0 30px 0;
    padding: 0;
    color: #002854;
    font-weight: 500;
}

h5 {
    font: 18px 'Muli', Helvetica, Arial, sans-serif;
    margin: 0 0 30px 0;
    padding: 0;
    color: #002854;
}

h6 {
    font: 16px 'Muli', Helvetica, Arial, sans-serif;
    margin: 0 0 30px 0;
    padding: 0;
    color: #50A684;
}


/* 
==========================================================================
GENERAL
==========================================================================
*/

body {
    background: #fff;
    color: #002854;
    font: 14px/1.8 'Muli', Helvetica, Arial, sans-serif;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

.container {
    max-width: 1440px;
    width: 100%;
    margin: 80px auto;
}

.inner {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 50px;
}

header {
    padding: 20px 0 0 0;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 99999;
    left: 0;
    right: 0;
}

.logo {
    text-align: center;
    margin: 0 auto;
    display: none;
}

.slogo {
    display: block;
    text-align: center;
    margin: -10px auto 10px auto;
    padding: 5px 0;
}

.logo img {
    width: 64px;
    height: 84px;
}

.slogo img {
    width: 150px;
    height: auto;
}

.fp-viewing-0-0 .logo,
.fp-viewing-0-1 .logo,
.fp-viewing-0-2 .logo,
.fp-viewing-0-3 .logo,
.fp-viewing-0-4 .logo,
.fp-viewing-0-5 .logo,
.fp-viewing-0-6 .logo,
.fp-viewing-0-7 .logo,
.fp-viewing-0-8 .logo,
.fp-viewing-0-9 .logo,
.fp-viewing-0-10 .logo,
.fp-viewing-0-11 .logo,
.fp-viewing-0-12 .logo,
.fp-viewing-0-13 .logo,
.fp-viewing-0-14 .logo,
.fp-viewing-0-15 .logo,
.fp-viewing-0-16 .logo,
.fp-viewing-0-17 .logo,
.fp-viewing-0-18 .logo {
    display: block;
}

.fp-viewing-0-0 .slogo,
.fp-viewing-0-1 .slogo,
.fp-viewing-0-2 .slogo,
.fp-viewing-0-3 .slogo,
.fp-viewing-0-4 .slogo,
.fp-viewing-0-5 .slogo,
.fp-viewing-0-6 .slogo,
.fp-viewing-0-7 .slogo,
.fp-viewing-0-8 .slogo,
.fp-viewing-0-9 .slogo,
.fp-viewing-0-10 .slogo,
.fp-viewing-0-11 .slogo,
.fp-viewing-0-12 .slogo,
.fp-viewing-0-13 .slogo,
.fp-viewing-0-14 .slogo,
.fp-viewing-0-15 .slogo,
.fp-viewing-0-16 .slogo,
.fp-viewing-0-17 .slogo,
.fp-viewing-0-18 .slogo {
    display: none;
}

#headerfix,
#headerfix .logo,
#headerfix .slogo {
    transition: all 0.4s ease;
}

#headerfix .logo {
    display: block;
}

#headerfix .slogo {
    display: none;
}

.sticky .logo {
    display: none!important;
}

.sticky .slogo {
    display: block!important;
}

nav {
    background: #002854;
    padding: 0;
    margin: 10px auto 0 auto;
    position: relative;
    z-index: 9999999;
}

.nav-left li:first-of-type:after {
    content: "|";
    color: #50A684;
    padding: 0 0 0 10px;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 10px 20px 10px 0;
}

nav li {
    display: inline-block;
    padding: 0 10px 0 0;
}

nav a {
    color: #fff;
    transition: all 0.3s ease-in;
}

nav a:hover {
    color: #50A684;
    transition: all 0.3s ease-in-out;
}

.nav-left {
    float: right;
    margin: 3px 0 0 0;
}

.nav-left li {
    cursor: pointer;
    color: #fff;
    transition: all 0.3s ease-in;
}

.nav-left li:hover {
    cursor: pointer;
    color: #50A684;
    transition: all 0.3s ease-in-out;
}

.nav-right {
    float: right;
}

.burger {
    background: #555293;
    color: #fff;
    padding: 10px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    margin: 0;
    border-left: 2px solid #fff;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.call {
    background: #50A684;
    color: #fff;
    padding: 10px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    border-left: 2px solid #fff;
    margin: 0 -4px 0 0;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

header .search {
    background: #407DC8;
    color: #fff;
    padding: 10px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    border-left: 2px solid #fff;
    margin: 0 -4px 0 0;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.icon-divs {
    position: relative;
}

.arb-div h1,
.bar-div h1 {
    color: #fff;
}

.arb-div,
.bar-div {
    text-align: center;
    background: #002854;
    position: absolute;
    padding: 80px;
    border-top: 2px solid #fff;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.search-div {
    background: #407DC8;
    position: absolute;
    padding: 80px;
    border-top: 2px solid #fff;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.call-div {
    background: #50A684;
    position: absolute;
    padding: 80px;
    color: #fff;
    border-top: 2px solid #fff;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.call-div h1 {
    color: #fff;
}

.call-div .cont-col {
    color: #fff;
}

.call-div .currents {
    display: block;
}

.call-div .tabss .currents {
    display: inline-block;
}

.call-div a,
.call-div h3,
.call-div .accordian-container {
    color: #fff;
}

.call-div .find {
    margin: 0px 0 20px 0;
    color: #fff;
}

.accordian-section ul {
    margin: 0 0 0 20px;
}

.accordian-section li {
    list-style-type: disc;
    margin: 0 0 5px 0;
}

.accordian-section ol li {
    list-style-type: decimal;
    margin: 0 0 5px 0;
}

.news-section ul {
    margin: 0 0 0 20px;
}

.news-section li {
    list-style-type: disc;
    margin: 0 0 5px 0;
}

.news-section ol li {
    list-style-type: decimal;
    margin: 0 0 5px 0;
}

.burger-div {
    background: #555293;
    position: absolute;
    padding: 80px;
    border-top: 2px solid #fff;
    top: 0;
    width: 100%;
    z-index: 99999;
}

header .search:hover,
.call:hover,
.burger:hover {
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}

.quote::before {
    content: '"';
    color: #50A684;
    font-size: 60px;
    position: absolute;
    top: -70px;
    left: -7px;
}

.quote {
    position: absolute;
    left: 7%;
    bottom: 7%;
    color: #fff;
    font-size: 21px;
    width: 30%;
}

.q-auth {
    font-style: normal;
    text-transform: uppercase;
    font-size: 15px;
}

.home-box {
    background: rgba(0, 40, 84, 0.7);
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35%;
    z-index: 999999999;
}

.home-box:hover {
    background: rgba(0, 40, 84, 1);
}

.hb-inner {
    padding: 30px;
    color: #fff;
}

.hb-inner h2 {
    font-size: 20px;
    color: #fff;
}

.hb-inner .hb-date {
    font-size: 18px;
    background: none!important;
}

.hb-read {
    text-transform: uppercase;
    transition: all 0.3s ease-in;
    color: #fff;
    display: block;
    margin: 0 20px 5px 0;
}

.hb-read:hover {
    transition: all 0.3s ease-in-out;
    color: #407DC8;
}

.hb-post .hb-read {
    display: inline-block;
}

.hb-post a {
    color: #fff;
}

.hb-post a:hover {
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}

.hb-read::after {
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    padding: 0 0 0 10px;
}

.page-title {
    position: absolute;
    top: 150px;
    left: 100px;
}

.page-title h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
}

.toggled {
    background: rgba(0, 40, 84, 1);
    height: 100%;
    padding: 100px 0 0 0;
    transition: all 0.3s ease-in-out;
    z-index: 999999999;
}

.clickable {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.toggled .clickable {
    top: 15%;
    transform: rotate(180deg);
}

.hide {
    z-index: -1!important;
}

.expanded-links {
    display: none;
}

.toggled .first-links {
    display: block;
}

.toggled .expanded-links {
    display: block;
}

.toggled .first-links {
    display: none;
}

.fp-tableCell {
    position: relative;
}

.fp-slidesNav .fp-sr-only {
    display: none;
}

.fp-slidesNav.fp-bottom {
    bottom: 20px!important;
    left: 50px !important;
    width: 50%;
}

.fp-slidesNav .active span {
    background: #50A684 !important;
}

#fp-nav {
    top: 50%!important;
}

.home-slide-content {
    position: absolute;
    top: 220px;
    left: 100px;
    width: 30%;
    color: #fff;
}

.map {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}

.map iframe {
    width: 100%;
    height: 530px;
    display: block;
}

.map-container img,
.map-containers img {
    width: 100%;
    height: 600px;
}

footer {
    position: relative;
    background: #002854;
    height: 40%;
    width: 100%;
    padding: 50px 0;
}

.map-containers {
    position: relative;
    height: 400px;
}

.tab-content {
    display: none;
}

.tabs {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #002854;
    padding: 0 10px;
}

.current {
    display: block;
}

.tab-link {
    display: inline-block;
    padding: 10px;
    color: #fff;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.current,
.tab-link:hover {
    color: #50A684;
    transition: all 0.3s ease-in-out;
}

.tab-link:first-of-type::after {
    content: "";
    border-right: 1px solid #50A684;
    padding: 0 0 0 20px;
}

.tab-link::after {
    content: "";
}

.criteria {
    position: relative;
    display: block;
}

.page-template-tenancy .side-accordian {
    margin: 50px 0 0 0;
}

.crit {
    position: absolute;
    top: -50px;
    left: 0;
    background: #407DC8;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.crit:hover {
    background: #50A684;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.page-template-default .crit {
    top: -80px;
}

.crit-div {
    background: #407DC8;
    position: absolute;
    padding: 80px;
    display: none;
    border-top: 2px solid #fff;
    top: 0;
    width: 100%;
    z-index: 99999;
    color: #fff;
}

.crit-div .crit {
    position: absolute;
    top: 0px;
    right: 0;
    background: #002854;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    left: auto;
    transition: all 0.3s ease-in-out;
}

.crit-div .crit:hover {
    background: #50A684;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.r-title {
    color: #fff;
}

.ri-sub {
    margin: 20px 0;
}

.ri-title {
    color: #fff;
    font-size: 40px;
    font-weight: 900;
    border-bottom: 2px solid #fff;
    padding: 0 0px 20px 0;
}

.r-intro {
    margin: 0 0 50px 0;
}

.rgrid-item {
    padding: 0 50px 0 0;
}

.ri-content ul {
    margin: 0 0 0 10px;
}

.ri-content li {
    list-style-type: disc;
}

.ri-content ol li{
 list-style-type: decimal;
}

   
/* 
==========================================================================
PAGES
==========================================================================
*/

.page-hero {
    width: 100%;
    height: 650px;
    margin: 0;
}

.small-page-hero {
    width: 100%;
    height: 400px;
    margin: 0;
}

.inner-title {
    margin: 80px 0 0 0;
    position: absolute;
    color: #002854;
    font-size: 40px;
    font-weight: 900;
}

.main-column {
    width: 55%;
    margin: 0 20% 0 0;
    float: left;
}

.side-column {
    width: 25%;
    float: right;
    position: relative;
}

.side-column ul {
    list-style-type: none;
}

.side-column li {
    border-bottom: 1px solid #DADFDF;
    padding: 10px 5px;
}

.main-column ul {
    margin: 10px;
}

.main-column li {
    list-style-type: disc;
    margin: 0 0 5px 0;
}

.focused {
    background: #F5F3F3;
    font-weight: 700;
}

.side-column a {
    color: #002854;
    font-size: 13px;
    transition: all 0.3s ease-in;
    cursor: pointer;
}

.side-column a:hover {
    color: #002854;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}

.lblue {
    background: #407DC8;
    padding: 75px 0;
    color: #fff;
}

.three-col {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 28.5%;
    margin: 0 2%;
}

.three-col h5 {
    font-size: 18px;
    color: #fff;
    margin: 0 0 20px 0;
}

.three-col h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #fff;
}

.three-col a {
    text-transform: uppercase;
    color: #fff;
    margin: 0 20px 0 0;
    font-size: 12px;
    transition: all 0.3s ease-in;
}

.three-col a:hover {
    text-transform: uppercase;
    color: #002854;
    transition: all 0.3s ease-in-out;
}

.owl-carousel {
    font-size: 21px;
}

.qauth {
    font-size: 12px;
}

.owl-carousel .clickable {
    position: relative!important;
    right: auto!important;
    top: auto!important;
    bottom: auto!important;
    left: auto!important;
}

.side-quote {
    position: relative;
    font-size: 21px;
    margin: 50px 0 0 0;
    padding: 50px 0 0 0;
}

.side-quote-auth {
    font-size: 12px;
}

.side-quote:before {
    font: 60px 'Muli', Helvetica, Arial, sans-serif;
    content: '"';
    position: absolute;
    left: 0;
    top: 0;
    color: #50A684;
}

.feature-set {
    margin: 75px 0 0 0;
    font-size: 11px;
}

.feature-set h1 {
    font-size: 42px;
    font-weight: 900;
    margin: 0 0 10px 0;
}

.three-car::before {
    content: "" !important;
}

.three-car .item {
    position: relative;
    padding: 50px 50px 0 0;
}

.three-car .item::before {
    font: 60px 'Muli', Helvetica, Arial, sans-serif;
    content: '"';
    position: absolute;
    left: 0;
    top: 0;
    color: #50A684;
}

.qgrey {
    background: #F5F3F3;
    padding: 50px 0;
    font-weight: 500;
}

.three-car .clickable {
    cursor: pointer;
    right: auto!important;
    z-index: 9999999!important;
    left: auto!important;
    text-align: center!important;
    margin: 20px auto 0 auto!important;
}


/* 
==========================================================================
PEOPLE
==========================================================================
*/

.bio {
    background: #FBFAFA;
}

.bio-left {
    float: left;
    padding: 50px 0 0 0;
    width: 40%;
}

.bio-left h1 {
    font-size: 36px;
    margin: 0 0 10px 0;
}

.bio-meta {
    color: #407DC8;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.bio-meta span:nth-of-type(2):before {
    content: " | ";
    color: #002854;
    padding: 0 10px;
}

.bio-right {
    float: right;
}

.bio-right img {
    position: relative;
    display: block;
    margin: 0;
}

.bio-links {
    width: 46%;
    margin: 0px 3% 0 0;
    display: inline-block;
}

.bio-links a {
    display: block;
    width: 100%;
    position: relative;
    color: #002854;
    margin: 0 0 5px 0;
}

.bio-links i {
    position: absolute;
    right: 10px;
    top: -2px;
    color: #407DC8;
}

.bio-links a:hover,
.bio-links a:hover i {
    color: #50A684;
}

.people {
    background: #F5F3F3;
    padding: 50px 0;
}

.people-left {
    float: left;
    padding: 0;
}

.people-left h1 {
    font-size: 36px;
    margin: 0 0 10px 0;
}

.people-right {
    position: relative;
    float: right;
    width: 200px;
    min-height: 180px;
}

.people-right .crit {
    position: absolute;
    top: -50px;
}

.people-right ul {
    list-style-type: none;
}

.people-right li {
    border-bottom: 1px solid #DADFDF;
    padding: 10px 5px;
    cursor: pointer;
}

.people-right li:hover {
    background: #F5F3F3;
    font-weight: 700;
}

.people-right a {
    color: #002854;
    font-size: 13px;
    transition: all 0.3s ease-in;
}

.bio-right a:hover {
    color: #002854;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}

.filter {
    margin: 30px auto 100px auto;
    width: 100%;
}

.filter h6 {
    display: block;
    margin: 0 0 10px 0.5%;
}

.filter-grid {
    display: block;
}

.filter-grid li {
    display: inline-block;
    flex-wrap: wrap;
    width: 19%;
    margin: 0 0.5%;
}

.filter-grid select,
.filter-select {
    display: inline-block;
    padding: 5px;
    border: 1px solid #002854;
    width: 100%;
}

.search-filter-reset {
    background: #50A684;
    color: #fff;
    width: 100%;
    display: block;
    padding: 2px;
    text-align: center;
}

.search-filter-reset:hover {
    background: #002854;
    color: #fff;
}

.sf-input-text,
.filter-search {
    padding: 5px;
    border: 2px solid #fff;
    position: relative;
    width: 100%;
}

.sf-field-search label {
    position: relative;
}

.sf-field-search label:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    content: "\f002";
    position: absolute;
    right: 10px;
    top: -1px;
    color: #002854;
    z-index: 99;
}

.grid {
    display: grid;
    grid-gap: 1rem;
    grid-column-end: auto;
    grid-template-columns: repeat(4, 1fr);
}

.pmgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-items: stretch;
    align-items: left;
    margin: 0 0 50px 0;
}

.category-publications .grid {
    display: block;
    grid-gap: none;
    grid-column-end: auto;
    grid-template-columns: none;
}

.grid-item {
    padding: 1rem 0.5rem;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    position: relative;
}

.grid-item img {
    height: auto;
    width: 100%;
    margin: 0 0 20px 0;
}

.grid .grid-item:hover img {
    opacity: 0.5;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.grid a {
    color: #002854;
}

.three-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
}

.ins-img {
    position: relative;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 20px;
}

.ins-img span {
    display: block;
    padding: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid-item:hover .ins-img::after {
    content: "";
    background: rgba(0, 40, 84, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99;
    top: 0;
    left: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.grid-item:hover .ins-img:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    content: "\f061";
    position: absolute;
    right: 25px;
    top: 25px;
    color: #fff;
    z-index: 99999;
}

.ins-img img {
    height: auto;
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
}

.three-grid a {
    color: #002854;
}

.insight-name {
    margin: 10px 0 0 0;
}

.load-more {
    border: 2px solid #CCD2D2;
    padding: 10px 20px;
    color: #002854;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin: 50px auto 0 auto;
    text-align: center;
    width: 240px;
}

.load-more:hover {
    border: 2px solid #002854;
    background: #002854;
    color: #fff;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.signup {
    background: #407DC8;
    width: 418px;
    position: absolute;
    left: 60px;
    top: -80px;
    padding: 10px;
    color: #fff;
    text-align: center;
}

.signup:hover {
    background: #002854;
    color: #fff;
    text-align: center;
}

.sign-inp {
    color: #fff;
    font: 14px/1.8 'Muli', Helvetica, Arial, sans-serif;
    background: #407DC8;
    border: 0;
    padding: 10px;
    width: 79%;
}

.sign-go {
    color: #fff;
    font: 14px/1.8 'Muli', Helvetica, Arial, sans-serif;
    background: #407DC8;
    border: 0;
    padding: 10px;
    border-left: 2px solid #fff;
    cursor: pointer;
    width: 20%;
    text-align: center;
}

.sign-go:hover {
    color: #fff;
    font: 14px/1.8 'Muli', Helvetica, Arial, sans-serif;
    background: #002854;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.pub-table {
    display: block;
    color: #002854;
    border-top: 1px solid #CCD2D2;
    border-bottom: 1px solid #CCD2D2;
    margin: -1px 0 0 0;
}

.pub-table:hover {
    display: block;
    color: #002854;
    background: #F5F3F3;
}

.pt-title {
    padding: 15px 0;
    margin: 0 1% 0 0;
    vertical-align: top;
    display: inline-block;
    width: 39%;
}

.pt-name {
    padding: 15px 0;
    margin: 0 1% 0 0;
    vertical-align: top;
    display: inline-block;
    width: 19%;
}

.pt-type {
    padding: 15px 0;
    margin: 0 1% 0 0;
    vertical-align: top;
    display: inline-block;
    width: 19%;
}

.pt-date {
    padding: 15px 0;
    margin: 0 0 0 0;
    vertical-align: top;
    display: inline-block;
    width: 18%;
}

.dkpdf-button-container {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    float: none!important;
}

.simplefavorite-button {
    background: none;
    border: 0;
    position: relative;
    color: #002854;
    font-size: 15px;
    font-family: muli;
    cursor: pointer;
    margin: 0;
    padding: 0 0 0 5px;
    width: 100%;
    text-align: left;
}

.simplefavorite-button:hover::after,
.simplefavorite-button:hover {
    color: #50A684;
}

.simplefavorite-button::after {
    content: "\f067";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    padding: 0 0 0 10px;
    position: absolute;
    right: 12px;
}

.bio-links .active::after {
    content: "\f068";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    padding: 0 0 0 10px;
    position: absolute;
    right: 12px;
}


/* 
==========================================================================
ACCORDIAN
==========================================================================
*/

.fa,
.fab,
.fal,
.far,
.fas {
    line-height: 2!important;
}

.accordian-section {
    margin: 50px auto;
}

.accordian-container {
    width: 100%;
}

.accordian {
    position: relative;
    cursor: pointer;
    border-top: 1px solid #CCD2D2;
    border-bottom: 1px solid #CCD2D2;
    padding: 15px 10px;
    margin: -1px 0 0 0;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease-in;
}

.single-people .main-column .accordian-container:first-of-type .accordian {
    background: #f5f5f5;
}

.accordian:hover {
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
}

.accordian:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    position: absolute;
    right: 10px;
    top: 18px;
}

.accordian-container li {
    list-style: disc;
    margin: 0 0 10px 0;
}

.accordian-container ol li {
 list-style-type: decimal;
    margin: 0 0 10px 0;
}


.accordian-container ul {
    margin: 0 0 0px 20px;
}

.content {
    padding: 20px 0;
}

.less::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
}

.grey {
    background: #F5F3F3;
    padding: 75px 0;
    font-weight: 500;
}

.grey p {
    margin: 0;
}

.grey-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 22%;
    margin: 0 3% 2% 0;
}

.gcall {
    font-weight: 300;
}

.gcv {
    color: #407DC8;
    text-decoration: underline;
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 0;
}

.breadcrumbs {
    background: #F5F3F3;
    color: #002854;
    padding: 10px 0;
    font-size: 12px;
}

.breadcrumbs p {
    margin: 0;
}

.spacer {
    height: 172px;
}

.children,
.sub-level {
    display: none;
    font-weight: 400;
    background: #FBFAFA;
    margin: 10px -5px -10px -5px;
}

.showme {
    display: block;
}

.side-column a,
.sub-level a {
    width: 100%;
    display: block;
}

.page_item_has_children a,
.parent a {
    width: auto;
    display: inline-block;
}

.showme a {
    width: 100%;
    display: block;
    padding: 0 0 0 25px;
}

.children li::after,
.sub-level li::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    right: 10px;
    top: 10px;
    position: absolute;
}

.side-accordian li {
    position: relative;
    border-bottom: 1px solid #DADFDF;
}

.children li,
.sub-level li {
    border-top: 1px solid #DADFDF;
    border-bottom: 0;
}

.page_item_has_children::after,
.parent::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    right: 10px;
    top: 10px;
    position: absolute;
}

.focused::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
}

.double-row {
    margin: 0 0 50px 0;
}

.gbreads {
    background: #fff;
}


/* 
==========================================================================
TIMELINE
==========================================================================
*/

.timeline {
    box-sizing: border-box;
    position: relative;
    margin: 75px auto;
}

.timeline .circle {
    background: #407DC8;
    border: 0.5rem solid #50A684;
    border-radius: 100%;
    height: 2.25rem;
    margin: auto;
    width: 2.25rem;
    vertical-align: middle;
}

.timeline ul {
    margin: 0;
    padding: 0;
}

.timeline li {
    list-style-type: none;
    margin: 0;
}

.timeline em {
    font-weight: 700;
    display: block;
    font-size: 14px;
}

.timeline li {
    border: 0 solid #aaa;
    padding: 2rem;
    width: calc(50% + 1px);
    font-size: 12px;
    box-sizing: border-box;
    position: relative;
}

.timeline li:after {
    background: #aaa;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 1rem;
    position: absolute;
    right: calc(-.5rem - 1px);
    width: 1rem;
    top: 4rem;
}

.timeline li:nth-child(even):after {
    left: calc(-.5rem - 1px);
}

.timeline li:nth-child(odd) {
    border-right-width: 2px;
    text-align: right;
}

.timeline li:nth-child(even) {
    border-left-width: 2px;
    left: calc(50% - 1px);
}

.tenpage .people-left {
    width: 40%;
}


/* 
==========================================================================
TABS
==========================================================================
*/

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

.wizard ul,
.tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul>li,
.tabcontrol ul>li {
    display: block;
    padding: 0;
}

.wizard>.steps .current-info,
.tabcontrol>.steps .current-info {
    position: absolute;
    left: -999em;
}

.wizard>.content>.title,
.tabcontrol>.content>.title {
    position: absolute;
    left: -999em;
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
}

.wizard>.steps>ul>li {
    width: 10%;
    margin: 0;
    font-weight: 700;
}

.wizard>.steps>ul>li,
.wizard>.actions>ul>li {
    float: left;
}

.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0em;
    padding: 1em 1em;
    text-decoration: none;
    border-top: 1px solid #CCD2D2;
}

.wizard>.steps .disabled a,
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
    background: #fff;
    color: #002854;
    cursor: default;
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background: #F5F3F3;
    border-top: 1px solid #F5F3F3;
    color: #002854;
    cursor: default;
}

.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    color: #002854;
}

.wizard .number {
    display: none;
}

.wizard>.content {
    clear: both;
    display: block;
    margin: 0.5em;
    overflow: hidden;
    position: relative;
    width: auto;
    border-top: 1px solid #CCD2D2;
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

span.wpcf7-list-item {
    display: block!important;
    margin: 10px 0!important;
}

.wpcf7-form-control.wpcf7-file {
    display: block;
    margin: 10px 0;
}

.gform_previous_button,
.wizard>.actions a {
    background: #F5F3F3;
    color: #002854;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

.gform_button,
.gform_next_button,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    background: #002854;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

.gform_button:hover,
.gform_previous_button:hover,
.gform_next_button:hover,
.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background: #eee;
    color: #aaa;
}

.ginput_container_fileupload .medium {
    border: 0;
    width: 50% !important;
    color: #002854;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
    background: #fff;
    display: block;
}

.gform_button {
    display: inline-block;
}

.form-end {
    display: inline-block;
    width: 50%;
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none;
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px;
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.form-col {
    float: left;
    width: 48%;
    margin: 0 4% 0 0;
}

.form-cor {
    display: block;
    width: 48%;
    margin: 25px 0 0 0;
}

.wtext,
.winp {
    width: 50% !important;
    display: inline-block;
    background: #fff;
}

.medium,
.gfield input {
    border: 0;
    width: 100% !important;
    color: #002854;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
    background: #F5F3F3;
    vertical-align: top;
}

.gform_wrapper .gf_step.gf_step_active {
    border-top: 3px solid #50A684;
    padding: 10px 0 0 0;
}

.sing-link {
    color: #002854;
    margin: 75px 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}

.sing-link:hover {
    color: #50A684;
}

.blog-right {
    position: absolute;
    right: 20%;
    top: 80%;
}

.news-col {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.news-car {
    padding: 0!important;
}

.newspage {
    padding: 50px 0 175px 0;
}

.news-car:before {
    content: "";
}

.news-section {
    width: 50%;
    margin: 0 0 0 8%;
    display: inline-block;
    vertical-align: top;
}

.news-container {
    max-width: 1440px;
    width: 100%;
    margin: -130px auto 50px auto;
}

.news-container h3 {
    font: 22px 'Muli', Helvetica, Arial, sans-serif;
    margin: 0 0 150px 0;
    padding: 0;
    color: #002854;
}

.foot-notes {
    margin: 50px 0 0 0;
}

.foot-notes a {
    color: #002854;
    display: block;
}

.foot-notes a:hover {
    color: #50A684;
}

.news-share {
    margin: 20px 0 0 0;
}

.greenbg {
    position: relative;
    background: #50A684;
    padding: 50px 0 100px;
    color: #fff;
}

.gmap-container {
    position: relative;
    height: 700px;
}

.gmap-container .tabs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    background: #50A684;
    padding: 0 10px;
}

.gmap-container .current {
    color: #002854;
}

.gmap-container .tab-link:hover {
    color: #002854;
}

.gmap-container .tab-link:first-of-type::after {
    content: "";
    border-right: 1px solid #fff;
    padding: 0 0 0 20px;
}

.greenbg-left {
    float: left;
    width: 50%;
    margin: 0;
}

.greenbg-left a {
    color: #002854;
    text-decoration: underline;
}

.greenbg-left a:hover {
    color: #fff;
}

.greenbg h1 {
    font-size: 36px;
    margin: 0 0 50px 0;
    color: #fff;
}

.greenbg-right {
    float: right;
    width: 40%;
    margin: 0 0 0 10%;
}

.cont-col {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 0 1%;
}

.cont-col p {
    margin: 0;
}

.cont-col h5 {
    color: #fff;
    text-transform: uppercase;
}

.cont-col a {
    color: #002854;
    text-decoration: underline;
    word-break: break-all;
}

.cont-col a:hover {
    color: #fff;
}

.garrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0 auto;
    text-align: center;
    display: none;
}

.cgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-gap: 1rem;
}

.cgrid {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 25% 25% 25% 25%;
}

.tab-contents {
    display: none;
}

.tabss {
    display: inline-block;
}

.currents,
.tab-links:hover {
    color: #002854;
    transition: all 0.3s ease-in-out;
}

.tab-links {
    cursor: pointer;
    transition: all 0.3s ease-in;
    display: inline-block;
    margin: 0 10px;
}

.tabss .currents {
    text-decoration: underline;
}

.currents {
    display: inline-block;
}

.tab-links:first-of-type::after {
    content: "";
    border-right: 1px solid #002854;
    padding: 0 0 0 20px;
}

.find {
    color: #50A684;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 50px 0;
}


/* 
==========================================================================
PDF STYLES
==========================================================================
*/

.dkpdf-content .fa,
.dkpdf-content .far,
.dkpdf-content .fas {
    font-family: "fontawesome";
}

.pdf-container {
    max-width: 1050px;
    width: 100%;
    margin: 75px auto;
    color: #002855;
}

.pdf-inner {
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 0 10px;
}

.pdf-head {
    width: 100%;
    margin: 0 auto;
    background: #eff1f1;
    padding: 50px 0;
    color: #002855;
}

.pdf-logo {
    width: 80px;
    height: 80px;
    float: right;
    margin: 0 0 100px 0;
    transition: all 0.3s ease-in;
}

.pdf-logo img {
    width: 100%;
}

.pdf-head h1 {
    font-size: 30px;
    color: #002855;
    margin: 0 0 10px 0;
}

.pdf-head h5 {
    color: #407ec9;
    font-size: 15px;
    text-transform: uppercase;
}

.pdf-photo {
    float: right;
    width: 40%;
}

.pdf-col {
    float: left;
    width: 55%;
    margin: 0 5% 0 0;
}

.pdf-photo img {
    width: 100%;
}

.pdf-email {
    margin: 50px 0 10px 0;
    font-size: 18px;
}

.pdf-phone {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.pdf-email i,
.pdf-phone i {
    color: #407ec9;
    font-size: 18px;
    padding: 0 10px 0 0;
}

.pdf-bio {
    margin: 50px 0 0px 0;
    font-size: 14px;
}

.pdf-left {
    float: left;
    width: 65%;
    margin: 0 10% 0 0;
}

.pdf-right h2,
.pdf-left h2 {
    margin: 0 0 50px 0;
    font-size: 24px;
}

.pdf-right {
    float: right;
    width: 25%;
    font-size: 14px;
}

.pdf-right ul {
    margin: 0;
}

.pdf-right li {
    margin: 0 0 5px 0;
}

.pdf-right li:before {
    content: "■";
    color: #407ec9;
    padding: 0 15px 0 0;
    font-size: 16px;
}

.pdf-container h3 {
    font-size: 24px;
    border-bottom: 2px solid #dbe0e0;
    padding: 0 0 10px 0;
}

.pdf-edu {
    font-size: 13px;
    margin: 50px 0 0 0;
}

.pdf-full ul {
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    column-count: 3;
    column-gap: 30px;
}

.pdf-full li {
    font-size: 14px;
    margin: 0 0 10px 0;
}

.pdf-key ul {
    list-style-position: inside;
    text-indent: -1.5em;
    padding-left: 1em;
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
    column-count: 2;
    column-gap: 50px;
}

.pdf-key li:before {
    content: "■";
    color: #407ec9;
    padding: 0 15px 0 0;
    font-size: 16px;
}

.pdf-key li {
    margin: 0 0 20px 0;
}

.pdf-quotes {
    font-size: 13px;
    display: block;
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    column-count: 3;
    column-gap: 30px;
}

.pdf-blue {
    color: #407ec9;
}

.firstquote {
    color: #fff;
    position: absolute;
    z-index: 999999;
    width: 30%;
    left: 50px;
    bottom: 50px;
    display: block;
}

.firstquote .side-quote::before {
    display: none;
}

.firstquote .side-quote {
    position: relative;
    font-size: 21px;
    margin: 10px 0 0 0;
    padding: 0 10px 0 0;
}

.firstquote .owl-carousel::before {
    content: '"';
    color: #50A684;
    font: 60px 'Muli', Helvetica, Arial, sans-serif;
    position: absolute;
    top: -10px;
    left: auto;
}

.firstquote .owl-item {
    padding: 0 10px!important;
}

.portfoliolink {
    float: left;
    padding: 3px 0 0 25px;
    font-size: 20px;
}

.portfoliolink a:hover {
    color: #50A684;
}


/* 
==========================================================================
FOOTER
==========================================================================
*/

.foot-col {
    width: 25%;
    float: left;
    color: #fff;
}

.foot-col p {
    margin: 0;
}

.foot-col h5 {
    color: #fff;
    font: 18px 'Muli', Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: uppercase;
}

.foot-col a:hover {
    color: #fff;
}

.foot-col i {
    background: #0C325D;
    padding: 2px 9px;
    margin: 0 10px 0 0;
    color: #50A684;
    width: 30px;
    height: 30px;
}

.social {
    display: block;
    color: #fff;
    margin: 0 0 10px 0;
    transition: all 0.3s ease-in;
}

.social:hover {
    color: #50A684;
    transition: all 0.3s ease-in-out;
}

.copyright {
    display: block;
    width: 100%;
    clear: both;
    margin: 50px auto;
    color: #fff;
    font-size: 13px;
}

.copyright li {
    list-style: none;
    display: inline-block;
    color: #fff;
    margin: 0 6% 0 0px;
}

.copyright a {
    color: #fff;
    transition: all 0.3s ease-in;
}

.copyright ul {
    float: left;
    width: 50%;
}

.copyright a:hover {
    color: #50A684;
    transition: all 0.3s ease-in-out;
}

.copy {
    float: right;
    width: 50%;
}

.logos {
    margin: 7% 0 0 0;
}

.logos img {
    width: 70px;
    margin: 0 0 0 20px;
}


/* 
==========================================================================
ANIMATION
==========================================================================
*/

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* 
==========================================================================
OWL
==========================================================================
*/

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


/* display none until init */

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: left;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    background: #869791;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #002854!important;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #fff !important;
}

.three-car .owl-controls .owl-page.active span,
.three-car .owl-controls.clickable .owl-page:hover span {
    background: #50A684 !important;
}

.news-car .owl-controls .owl-page.active span,
.three-car .owl-controls.clickable .owl-page:hover span {
    background: #50A684 !important;
}

.news-car .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #50A684 !important;
}

.sideq .owl-controls .owl-page.active span,
.sideq .owl-controls.clickable .owl-page:hover span {
    background: #50A684 !important;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
}


/* preloading images */

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

.owl-carousel {
    font-size: 21px;
    padding: 50px 0 0 0;
}

.owl-carousel:before {
    font: 60px 'Muli', Helvetica, Arial, sans-serif;
    font-weight: 900;
    content: '"';
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}

#breadcrumbs a {
    color: #002854;
}

.pmgrid .accordian {
    padding: 10px 0;
    font-size: 13px;
    margin: 15px 0 0 0;
}

.pmgrid .accordian::after {
    top: 11px;
}


/* 
==========================================================================
NAV
==========================================================================
*/

.menu-item-has-children {
    display: inline-block;
    width: 16%;
    vertical-align: top;
}

.menu-item-has-children a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.menu-item-has-children a:hover {
    color: #50A684;
}

.sub-menu a {
    font-weight: normal;
    text-transform: none;
    margin: 0 0 5px 0;
    padding: 0 10px 0 0;
}

.sub-menu {
    display: block;
    margin: 20px 0 0 0;
}

.sub-menu .sub-menu {
    display: block;
    margin: 0 0 0 15px;
}

.sub-menu li {
    width: 100%;
    margin: 0 0px 5px 0px;
}

.nav .parent::after {
    content: "";
}


/* 
==========================================================================
FIXES
==========================================================================
*/

.wpcf7-submit {
    background: #27ae60 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 1px;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 10px 5px;
    padding: 11px 5px 12px 5px;
    min-width: 100px;
    position: relative;
    position: absolute;
    left: 150px;
    bottom: 16px;
}

.page-template-contact .map iframe {
    width: 100%;
    height: 750px;
    display: block;
}

.li-fix{
	list-style: disc;
	list-style-position: inside;
}

.bar-div .sf-input-text,
.arb-div .sf-input-text {
    padding: 5px;
    border: 2px solid #fff;
    position: relative;
    width: 90%;
    color: #002854;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.bar-div .sf-field-search,
.arb-div .sf-field-search {
    width: 40%;
    display: inline-block;
}

.bar-div .sf-field-taxonomy-custom_cat_expertise,
.arb-div .sf-field-taxonomy-custom_cat_expertise,
.bar-div .sf-field-submit,
.arb-div .sf-field-submit {
    display: inline-block;
    width: 23%;
}

.arb-div .sf-input-select,
.bar-div .sf-input-select {
    width: 100%;
    padding: 4px;
    border: 2px solid #fff;
    position: relative;
    color: #002854;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.bar-div ul,
.arb-div ul {
    width: 70%;
    margin: 0 auto;
}

.bar-div .sf-field-submit input,
.arb-div .sf-field-submit input {
    padding: 8px;
    width: 90%;
    border: 0;
    background: #50A684;
    color: #fff;
    cursor: pointer;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.bar-div .sf-field-submit input:hover,
.arb-div .sf-field-submit input:hover {
    background: #555293;
    color: #fff;
}

#searchform {
    width: 70%;
    margin: 0 auto;
}

#s {
    background: none;
    border: 0;
    padding: 10px;
    color: #fff;
    width: 100%;
    font: 40px 'Muli', Helvetica, Arial, sans-serif;
    border-bottom: 1px dotted #fff;
}

.message {
    display: none;
}

.success {
    display: block;
}

.port-pop {
    display: none;
    font-weight: 700;
    position: fixed;
    right: -170px;
    bottom: 0;
    background: #50A684;
    z-index: 99999;
    padding: 10px 30px;
}

.port-pop a {
    color: #fff;
}

.port-pop:hover {
    background: #407DC8;
}

.port-pop a:hover,
.port-pop:hover a {
    color: #fff;
}

.opened {
    display: block;
    -webkit-animation: slide 0.2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: slide 0.2s forwards;
    animation-delay: 0.5s;
}

@-webkit-keyframes slide {
    100% {
        right: 0;
    }
}

@keyframes slide {
    100% {
        right: 0;
    }
}

.port-set {
    display: block;
    width: 100%;
    margin: -1px 0;
    border-top: 1px solid #CCD2D2;
    border-bottom: 1px solid #CCD2D2;
    padding: 10px 0;
}

.port-link {
    float: right;
    width: 50px;
}

.port-name {
    float: left;
}

.port-add {
    float: right;
    width: 50px;
    margin: -12px -10px 0 0;
}

.port-add .simplefavorite-button {
    font-size: 0;
}

.port-add .simplefavorite-button.active {
    opacity: 1;
}

.port-add .simplefavorite-button::after {
    content: "\f067";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    padding: 0 0 0 10px;
    position: absolute;
    right: 12px;
}

.port-add .simplefavorite-button.active::after {
    content: "\f068";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    padding: 0 0 0 10px;
    position: absolute;
    right: 12px;
}

.ptitle {
    margin: 0px -20px 0 20px;
}

.phead {
    font-weight: 700;
}

.phead .port-add {
    margin: 0 -20px 0 0px;
}

.phead .port-link {
    margin: 0 10px 0 0;
}

.dlbut {
    background: #407DC8;
    font: 13px 'Muli', Helvetica, Arial, sans-serif;
    color: #fff;
    border: 0;
    padding: 10px !important;
    cursor: pointer;
    font-weight: 700;
    float: left;
    margin: 20px 0 0 0;
}

.dlbut:hover {
    font: 13px 'Muli', Helvetica, Arial, sans-serif;
    background: #555293;
    color: #fff;
    font-weight: 700;
}

.page-template-portfolio .simplefavorites-clear {
    font: 13px 'Muli', Helvetica, Arial, sans-serif;
    background: #555293;
    color: #fff;
    border: 0;
    padding: 10px !important;
    cursor: pointer;
    font-weight: 700;
    float: right;
    margin: 20px 0 0 0;
}

.page-template-portfolio .simplefavorites-clear:hover {
    font: 13px 'Muli', Helvetica, Arial, sans-serif;
    background: #50A684;
    color: #fff;
    font-weight: 700;
}

.success {
    display: block;
    width: 100%;
    padding: 10px;
    background: #50A684;
    margin: 20px 0;
}

.success a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}

.apply-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-items: stretch;
    margin: 0 auto;
    align-items: flex-start;
}

.apply-col {
    width: 100%;
}

.rgrey {
    background: #f5f3f3;
    padding: 50px 0;
    color: #002854;
}

.rgreen {
    background: #50a684;
    padding: 50px 0;
    color: #002854;
}

.rlblue {
    background: #407dc8;
    padding: 50px 0;
    color: #ffffff;
}

.rdblue {
    background: #002854;
    padding: 50px 0;
    color: #ffffff;
}

.apply-number {
    font-size: 80px;
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
}

.apply-title {
    display: inline-block;
    margin: 0 0 0 30px;
    font-size: 35px;
    font-weight: 900;
    vertical-align: middle;
}

.apply-subtitle {
    display: block;
    margin: -20px 0 50px 0;
}

.rgrey .apply-number,
.rgrey .apply-title {
    color: #50a684;
}

.rgreen .apply-number,
.rgreen .apply-title {
    color: #002854;
}

.person-contact {
	position: relative;
    font-size: 18px;
}

.emfix {
    position: absolute;
    right: 0px;
    top: -35px;
    font-size: 15px !important;
}

.emfix a {
    font-size: 18px !important;
}

.person-contact a {
    margin: 5px 0 0 0;
    display: block;
    font-size: 14px;
}

.person-call {
    margin: 10px 0 0 0;
}

.latin {
    color: #50A684;
}

.person-name {
    font-weight: 700;
}

.closer {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.closer:hover {
    opacity: 0.7;
    color: #fff;
    cursor: pointer;
}


/* 
==========================================================================
PAGE NAVIGATION
==========================================================================
*/

.paged {
    clear: both;
    margin: 0;
    text-align: left;
}

.wp-pagenavi {
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
    padding: 40px 0;
    margin: 0;
}

.wp-pagenavi a,
.wp-pagenavi a:link {
    padding: 5px;
    margin: 2px 5px;
    text-decoration: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid transparent;
    color: #002854;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

.wp-pagenavi a:visited {
    padding: 5px;
    margin: 2px 5px;
    text-decoration: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid transparent;
    color: #002854;
    font-weight: bold;
}

.wp-pagenavi a:hover {
    border: 0;
    color: #50A684;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: transparent;
    padding: 5px;
    margin: 2px 5px;
    font-weight: bold;
}

.wp-pagenavi a:active {
    padding: 5px;
    margin: 2px 5px;
    text-decoration: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #002854;
    color: #002854;
    font-weight: bold;
}

.wp-pagenavi span.pages {
    padding: 5px;
    margin: 2px 5px;
    color: #002854;
    font-weight: bold;
    border: 0;
}

.wp-pagenavi span.current {
    padding: 5px;
    margin: 2px 5px;
    font-weight: bold;
    border: 0;
    color: #002854;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #002854 !important;
}

.wp-pagenavi span.extend {
    padding: 5px;
    margin: 2px 5px;
    border: 0;
    color: #002854;
    font-weight: bold;
}

.paged .current {
    display: inline-block;
}

.parent-pageid-261 .pplink,
.parent-pageid-301 .pplink {
    display: none;
}

.one-cat-note {
    background: #555293;
    padding: 10px;
    color: #fff;
    display: inline-block;
    margin: 0 0 30px 0;
}

.nonlanding .parent:hover {
    cursor: default;
    color: #fff;
}

.page-share {
    display: none;
}

.news-share {
    cursor: pointer;
}

.page-share a {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 22px;
    transition: all 0.3s ease-in;
}

.page-share a:hover {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.page-share .fa-envelope-square {
    color: #407DC8;
}

.page-share .fa-twitter-square {
    color: #50A684;
}

.page-share .fa-linkedin {
    color: #555293;
}

.stoggled {
    display: block!important;
}

.page-template-contact .map-container {
    padding: 0!important;
    display: block !important;
    vertical-align: top;
    width: 100% !important;
    margin: 0!important;
    position: relative !important;
}

.page-template-contact .map {
    height: 700px;
    position: relative;
    width: 100%;
    top: 0;
}


/* 
==========================================================================
MEDIA QUERIES
==========================================================================
*/

@media screen and (max-width: 1100px) {
    .foot-col {
        width: 50%;
    }
    .connect,
    .logos,
    .addresses {
        display: none;
    }
    .grey-item {
        width: 30%;
        margin: 0 3% 2% 0;
    }
    footer {
        background: #002854;
        height: auto;
        width: 100%;
        padding: 30px 0;
    }
    .copy {
        clear: both;
        float: none;
        width: 100%;
        text-align: center;
        margin: 30px 0 0 0;
    }
    .copyright {
        display: block;
        width: 100%;
        clear: both;
        float: none;
        margin: 0px auto;
        color: #fff;
        text-align: center;
    }
    .copyright ul {
        float: none;
        width: 100%;
    }
    .map-containers {
        position: relative;
        height: 80%;
    }
    .menu-item-has-children {
        width: 48%;
    }
    .sub-menu {
        display: block;
        margin: 10px 0 40px 0;
    }
}

@media screen and (max-width: 920px) {
    #fp-nav {
        top: 40% !important;
    }
    .port-add .active {
        display: inline-block!important;
    }
    .burger-div {
        padding: 0;
    }
    .nav {
        list-style: none;
    }
    .nav ul {
        list-style: none;
        width: 9em;
        min-width: 220px;
        margin: 0;
        padding: 0 0 0 25px;
    }
    .nav li {
        position: relative;
    }
    .nav>li {
        display: inline-block;
    }
    .nav>li>.parent {
        background-size: 12%;
        background-repeat: no-repeat;
        background-position: center right;
    }
    .menu-item-has-children {
        width: 100%;
    }
    .nav .parent::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f053";
        right: 40px;
        top: 12px;
        position: absolute;
        transform: rotate(270deg);
    }
    .nav>li>a {
        display: block;
    }
    .nav li ul {
        position: absolute;
        left: -9999px;
        margin: 0;
    }
    .nav>li.hover>ul {
        left: 0;
    }
    .nav li li.hover ul {
        left: 100%;
        top: 0;
    }
    .nav li li a {
        display: block;
        background: #f3f3f3;
        position: relative;
        z-index: 100;
        border-top: 0;
        color: #4a4f55;
        padding: 10px;
        margin: 0;
        font-size: 14px;
    }
    .nav li li li a {
        background: #50A684;
        z-index: 200;
        border-top: 0;
        color: #fff;
    }
    .nav li li a:hover,
    .nav li li li a:hover {
        background: #407DC8;
        color: #fff;
    }
    .nav a {
        font-size: 14px;
        padding: 10px;
    }
    .nav a:hover {
        font-size: 14px;
        padding: 10px;
    }
    .nav {
        clear: both;
        background: #555293;
        height: auto;
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .nav li a:hover,
    .nav li:hover {
        background: #50A684;
    }
    .nav>li a {
        border-bottom: 1px solid #FFFFFF;
        color: #fff;
    }
    .nav>li a:hover {
        border-bottom: 1px solid #FFFFFF;
        color: #fff;
    }
    .active {
        display: block;
    }
    .nav>li {
        float: none;
        display: block;
    }
    .parent {
        padding: 10px!important;
    }
    .nav>li>.parent {
        background-position: 95% 50%;
    }
    .nav>li>.parent {
        background-image: none;
    }
    .nav li .more {
        background-image: url("../images/arroww.svg");
        background-size: 12%;
        background-repeat: no-repeat;
        background-position: 55% 50%;
        float: right;
        width: 75px;
        padding: 0;
        margin: 10px 10px 2px 0px;
        cursor: pointer;
        z-index: 200;
        position: relative;
    }
    .nav li .more:before {
        content: "";
        background: #fff;
        width: 1px;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2px;
    }
    .nav ul {
        display: block;
        width: 100%;
        padding: 0;
    }
    .nav>li.hover>ul,
    .nav li li.hover ul {
        position: static;
    }
    .nav li li a {
        background: #407DC8;
        color: #fff;
    }
    .nav li li a:hover {
        background: #50A684;
        color: #fff;
    }
    .sub-menu .sub-menu {
        margin: 0;
    }
    .sub-menu li {
        margin: 0;
    }
    nav a {
        margin: 0 !important;
    }
    header {
        position: relative;
    }
    #home-header {
        position: fixed;
    }
    .spacer {
        height: 0;
    }
    .grey-item {
        width: 45%;
        margin: 0 3% 2% 0;
    }
    .timeline li {
        padding: 0 25px;
    }
    .bio-right {
        float: none;
        width: 100%;
        display: block;
    }
    .bio-links {
        width: 46%;
        margin: 20px 3% 30px 0;
        display: inline-block;
    }
    .bio-left {
        float: none;
        width: 100%;
        display: block;
    }
    .bio-right img {
        width: 60%;
        margin: 0 auto;
    }
    .filter-select {
        flex: 1 0 30%;
        margin: 0 1%;
    }
    .input-wrapper {
        margin: 20px 1%;
        display: block;
    }
    .bar-div ul,
    .arb-div ul {
        width: 100%;
        margin: 0 auto;
    }
    .ins-img {
        font-size: 15px;
    }
    .closer {
        display: none;
    }
    .burger-div {
        padding: 0px!important;
    }
}

@media screen and (max-width: 800px) {
    .home-box {
        width: 100%;
    }
    .greenbg-left {
        display: none;
    }
    .page-template-homepage .nav {
        position: relative!important;
    }
    .home-slide-content {
        display: none!important;
    }
    #ajaxsearchlite1 {
        background: none;
        width: 100%!important;
        margin: 0 auto;
    }
    #ajaxsearchlite1 .probox .proinput input,
    div.asl_w .probox .proinput input {
        font-size: 18px !important;
    }
    div.asl_m .probox .promagnifier .innericon svg {
        width: 25px !important;
        height: 25px !important;
    }
    div.asl_m .probox .promagnifier .innericon {
        background-size: 25px 25px !important;
    }
    div.asl_w .probox .promagnifier {
        width: 25px !important;
        height: 25px !important;
    }
    .arb-div .sf-input-select,
    .bar-div .sf-input-select {
        width: 90%;
    }
    .bar-div .sf-field-search,
    .arb-div .sf-field-search,
    .bar-div .sf-field-taxonomy-custom_cat_expertise,
    .arb-div .sf-field-taxonomy-custom_cat_expertise,
    .bar-div .sf-field-submit,
    .arb-div .sf-field-submit {
        width: 100%;
        display: block;
        margin: 0 0 10px 0;
    }
    .inner {
        padding: 0 25px;
    }
    .small-page-hero,
    .page-hero {
        width: 100%;
        height: 250px;
    }
    .container {
        margin: 50px auto;
    }
    .toggled {
        padding: 100px 0 0 0;
    }
    .home-box {
        width: 50%;
    }
    .fp-slidesNav,
    #fp-nav {
        display: none;
    }
    .page-title {
        left: 20px;
    }
    .home-slide-content {
        left: 20px;
        width: 90%;
    }
    .quote {
        left: 20px;
        top: 250px;
        width: 90%;
    }
    .three-col {
        display: block;
        width: 100%;
        margin: 0 0 30px 0;
    }
    .feature-set .three-col h1 {
        color: #fff;
    }
    .feature-set .three-col {
        display: block;
        width: 100%;
        margin: 0 auto 10px auto;
        text-align: center;
        background: #002854;
        padding: 10px;
        color: #fff;
    }
    .filter {
        margin: 30px auto;
        width: 100%;
    }
    .signup {
        background: #407DC8;
        width: 100%;
        position: absolute;
        left: 0;
        top: -95px;
    }
    .wizard>.steps>ul>li {
        width: 100%;
        margin: 0;
        font-weight: 700;
        text-align: center;
    }
    .cgrid {
        grid-template-columns: 50% 50%;
    }
    .greenbg-left {
        float: none;
        width: 100%;
        margin: 0 0 50px 0;
    }
    .greenbg-right {
        float: none;
        width: 100%;
        margin: 0 0;
    }
    .three-grid,
    .grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .crit {
        top: -50px;
    }
    .apply-grid {
        grid-template-columns: 1fr 1fr;
    }
    .wtext,
    .winp {
        width: 100% !important;
        display: block;
    }
    .gform_wrapper .gf_page_steps {
        display: none;
    }
	
	.pmgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
	}
	
}

@media screen and (max-width: 640px) {
	

	
    .crit-div {
        padding: 50px 20px;
    }
    .page-template-contact .map iframe {
        width: 100%;
        height: 400px;
    }
    .gmap-container {
        position: relative;
        height: 400px;
    }
    .news-col {
        width: 100%;
        display: block;
    }
    .news-section {
        width: 100%;
        margin: 30px 0 0 0;
        display: block;
    }
    .news-container h3 {
        margin: 0 0 20px 0;
    }
    .form-col,
    .form-cor {
        float: none;
        width: 100%;
        margin: 0;
    }
    .bio-right img {
        width: 100%;
    }
    .main-column {
        float: none;
        width: 100%;
        margin: 0 0 50px 0;
    }
    .side-column {
        float: none;
        width: 100%;
        margin: 0;
    }
    .bio-left h1 {
        font-size: 26px;
        margin: 0 0 10px 0;
    }
    .pub-table {
        padding: 5px;
    }
    .pt-date,
    .pt-type,
    .pt-name,
    .pt-title {
        padding: 0;
        margin: 0;
        vertical-align: top;
        display: block;
        width: 100%;
        text-align: center;
    }
    .pt-name {
        font-weight: 700;
    }
    .pt-type {
        font-style: italic;
    }
    .pt-date {
        font-size: 12px;
    }
    .search-div,
    .call-div {
        padding: 30px;
    }
    .people-right .crit,
    .crit {
        position: relative;
        top: auto!important;
        left: 0;
        padding: 10px;
        color: #fff;
        cursor: pointer;
        transition: all 0.3s ease-in;
        display: block;
        margin: 0 0 20px 0;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    .portfoliolink {
        display: none;
    }
    .page-template-contact .map {
        height: 400px;
        position: relative;
        width: 100%;
        top: 0;
    }
    .grey-item {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .people-left {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .people-right {
        float: none;
        width: 100%;
        margin: 0;
    }
    .tenpage .people-left {
        float: none;
        width: 100%;
    }
    .filter-grid li {
        display: block;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .people-right {
        min-height: auto;
    }
    .pmgrid {
        grid-template-columns: 1fr;
    }
    .apply-number {
        text-align: center;
        display: block;
        margin: 0;
    }
    .apply-title {
        display: block;
        margin: -20px 0 15px 0;
        font-size: 35px;
        font-weight: 900;
    }
}

@media screen and (max-width: 500px) {
    .firstquote {
        display: none;
    }
    .fp-section .quote {
        display: none;
    }
    .simplefavorite-button {
        padding: 0 0 0 0px;
    }
    .bio-links {
        width: 100%;
        margin: 0;
        display: inline-block;
        padding: 0;
    }
    a.dkpdf-button {
        display: block;
        margin: 0 0 5px -5px;
    }
    .dkpdf-button-container {
        padding: 0 0 20px 0 !important;
    }
    .fa-file-pdf-o::before {
        margin: 0 -5px 0 0;
    }
    .cgrid {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 100%;
    }
    .foot-col {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .nav-left {
        display: none;
    }
    .nav-right {
        float: none;
    }
    .call,
    header .search {
        width: 33%;
    }
    .burger {
        width: 34%;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .home-box {
        width: 100%;
    }
    .sign-inp {
        width: 78%;
    }
    .three-grid {
        display: block;
    }
    .cont-col {
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
        text-align: left;
    }
    .tab-links {
        margin: 0 10px 0 0;
    }
    .three-grid,
    .grid {
        grid-template-columns: 1fr;
    }
    .apply-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 360px) {
    body,
    header,
    footer,
    .container,
    section {
        min-width: 360px;
        width: 100%;
    }
    .inner {
        padding: 0 10px;
    }
}


/* 
==========================================================================
IE/JS/ACCESSIBILITY
==========================================================================
*/

.box,
.boxs,
.boxss {
    display: none;
}

#trigger:checked+.box,
#triggers:checked+.boxs,
#triggerss:checked+.boxss {
    display: block;
}

#trigger:checked+.boxs,
#trigger:checked+.boxss {
    display: none;
}

#triggers:checked+.box,
#triggers:checked+.boxss {
    display: none;
}

#triggerss:checked+.boxs,
#triggerss:checked+.box {
    display: none;
}

#trigger,
#triggers,
#triggerss {
    display: none;
}

.no-js .content {
    display: block!important;
}

.no-js .pmgrid .accordian {
    display: none!important;
}

.no-js .less::after {
    content: ""!important;
}

.no-js .filter {
    display: none!important;
}

.jswelcome {
    text-align: center;
    margin: 50px auto;
}

#searchsubmit {
    font: 16px 'Muli', Helvetica, Arial, sans-serif;
    background: #50A684;
    color: #fff;
    padding: 10px 20px;
    display: block;
    border: 0;
    cursor: pointer;
}

#ajaxsearchliteres1 {
    padding: 0!important;
}


/* IE 10+ */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .grid {
        display: block!important;
        grid-gap: none!important;
        grid-column-end: none!important;
        grid-template-columns: none!important;
    }
    .grid-item {
        padding: 10px!important;
        display: inline-block!important;
        vertical-align: top;
        width: 30%!important;
        margin: 1%!important;
        position: relative!important;
    }
}

.map-container {
    width: 100%;
    margin: 0;
}

.map-container iframe {
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative;
}

.map-container iframe.clicked {
    pointer-events: auto;
}


/* NEW MOBILE */

@media screen and (max-width: 500px) {
    #fullpage {
        display: none!important;
    }
    .fp-tableCell .quote,
    .firstquote,
    #fp-nav {
        display: none!important;
    }
    .home-box {
        width: 100%;
    }
    #home-header {
        position: relative!important;
    }
    .home .arb-div,
    .home .bar-div {
        top: 45px!important;
    }
    .mobfind li {
        display: inline-block;
        padding: 10px;
        text-align: center;
        color: #fff;
        cursor: pointer;
    }
    .mobfind li:hover {
        color: #50A684;
        cursor: pointer;
    }
    .mobfind li:first-of-type:after {
        content: "|";
        color: #50A684;
        padding: 0 0 0 20px;
    }
    .mobfind ul {
        list-style-type: none;
        text-align: center;
    }
    .mobfind {
        width: 100%;
        background: #002854;
    }
    #mobilepage {
        display: block;
    }
    .mobfind {
        display: block!important;
    }
    #home-header .logo {
        display: block!important;
    }
    #home-header .slogo {
        display: none!important;
    }
    .home #mobilepage .tabs {
        position: relative !important;
    }
}


/* =============================================================================
 TABLET
   ========================================================================== */

#mobilepage .owl-pagination {
    display: none;
}

.home .tabs {
    text-align: center;
}

.blue-div {
    text-align: center;
    background: #002854;
    position: relative;
    padding: 80px;
    border-top: 2px solid #fff;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.blue-div .sf-input-text {
    padding: 5px;
    border: 2px solid #fff;
    position: relative;
    width: 90%;
    color: #002854;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.blue-div .sf-field-search {
    width: 100%;
    display: block;
}

.blue-div .sf-field-taxonomy-custom_cat_expertise,
.blue-div .sf-field-submit {
    width: 100%;
    display: block;
    margin: 10px 0;
}

.blue-div .sf-input-select {
    width: 90%;
    padding: 4px;
    border: 2px solid #fff;
    position: relative;
    color: #002854;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.blue-div ul {
    width: 100%;
    margin: 0 auto;
}

.blue-div .sf-field-submit input {
    padding: 8px;
    width: 90%;
    border: 0;
    background: #50A684;
    color: #fff;
    cursor: pointer;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.blue-div .sf-field-submit input:hover {
    background: #555293;
    color: #fff;
}

.blue-div h1 {
    color: #fff;
}

.mob-news-section {
    padding: 50px;
}

.mob-news {
    display: block;
    margin: 0 0 20px 0;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 0 0;
}

.mob-news h2 {
    font: 18px 'Muli', Helvetica, Arial, sans-serif;
}

.mob-news .hb-read {
    color: #002854;
}

#mobilepage .item {
    height: 500px !important;
}

#mobilepage .hb-inner h2 {
    font-size: 16px;
    color: #fff;
}

#mobilepage .hb-inner .hb-date {
    font-size: 13px;
}

#mobilepage .hb-inner {
    padding: 30px;
    color: #fff;
    font-size: 15px;
}

#mobilepage .owl-carousel .clickable {
    position: absolute !important;
    top: 20px!important;
}

#mobilepage .owl-carousel {
    padding: 0;
}

#mobilepage .map-containers {
    position: relative;
    display: block;
    height: 400px;
}

#mobilepage .tabs {
    position: absolute!important;
    background: #002854;
    padding: 0 10px;
    bottom: 0!important;
    right: auto;
    margin: -10px 0 0 0;
}

#mobilepage .owl-pagination {
    display: none;
}

.home .tabs {
    text-align: center;
}

.blue-div {
    text-align: center;
    background: #002854;
    position: relative;
    padding: 80px;
    border-top: 2px solid #fff;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.blue-div .sf-input-text {
    padding: 5px;
    border: 2px solid #fff;
    position: relative;
    width: 90%;
    color: #002854;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.blue-div .sf-field-search {
    width: 100%;
    display: block;
}

.blue-div .sf-field-taxonomy-custom_cat_expertise,
.blue-div .sf-field-submit {
    width: 100%;
    display: block;
    margin: 10px 0;
}

.blue-div .sf-input-select {
    width: 90%;
    padding: 4px;
    border: 2px solid #fff;
    position: relative;
    color: #002854;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.blue-div ul {
    width: 100%;
    margin: 0 auto;
}

.blue-div .sf-field-submit input {
    padding: 8px;
    width: 90%;
    border: 0;
    background: #50A684;
    color: #fff;
    cursor: pointer;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
}

.blue-div .sf-field-submit input:hover {
    background: #555293;
    color: #fff;
}

.blue-div h1 {
    color: #fff;
}

.mob-news-section {
    padding: 50px;
}

.mob-news {
    display: block;
    margin: 0 0 20px 0;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 0 0;
}

.mob-news h2 {
    font: 18px 'Muli', Helvetica, Arial, sans-serif;
}

.mob-news .hb-read {
    color: #002854;
}

#mobilepage .item {
    height: 500px !important;
}

#mobilepage .hb-inner h2 {
    font-size: 16px;
    color: #fff;
}

#mobilepage .hb-inner .hb-date {
    font-size: 13px;
}

#mobilepage .hb-inner {
    padding: 30px;
    color: #fff;
    font-size: 15px;
}

#mobilepage .owl-carousel .clickable {
    position: absolute !important;
    top: 20px!important;
}

#mobilepage .owl-carousel {
    padding: 0;
}

@media screen and (max-height: 750px) {
    .mobfind,
    #fp-nav {
        display: none;
    }
    #section0 .home-box {
        bottom: 105px;
    }
    #home-header {
        position: relative!important;
    }
    .call-div,
    .burger-div {
        padding: 30px;
    }
}

@media screen and (max-height: 500px) {
    #section0 .home-box {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .home-box {
        bottom: 0;
    }
    #home-header {
        position: relative!important;
    }
}

.gform_wrapper {
    display: block!important;
    max-width: 640px!important;
}

.emergency {
	background: #F70808;
	color: #fff;
	padding: 10px;
	text-align:center;
	font-weight: 700;
	position:fixed;
	z-index:999999999999999999999;
	top:0;
	left:0;
	right:0;
}

#gform_fields_5 h2 {
    font: 16px 'Muli', Helvetica, Arial, sans-serif;
    margin: 10px 0 20px 0;
    padding: 0;
    color: #002854;
    text-decoration: underline;
    font-weight: 600 !important;
}

#gform_fields_5 .ginput_container_select {
    margin: 10px 0 30px 0 !important;
}

.inner ol {
    margin: 30px;
}

.inner ol li {
    list-style-type: decimal;
    margin: 0 0 5px 0;
}

.bsb {
	display:inline-block;
}