:root {
    --dark-teal: #006265;
    --med-teal: #008770;
    --light-teal: #00B092;
    --dark-blue: #0073CF;
    --med-blue: #0098DB;
    --light-blue: #5BC6E8;
    --palest-blue: #8FCAE7;
    --white: #ffffff;
    --black333: #333;
    --black555: #555;
    --black777: #777;
    --greyddd: #ddd;
    --dark-red: #E20000;
    --red: #EB5757;
    --green: #1E874A;
    --teal-link: #2FDFC0;
    --dark-yellow: #F2C94C;
}

/* TYPOGRAPHY */
.breadcrumb-style {
    top: 40%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    color: var(--black777);
}

.breadcrumb {
    padding: 10px 0px !important;
    background-color: transparent !important;
}

.breadcrumb>li a {
    margin-left: 0px !important;
}

h1,
h2,
h3,
h4,
body,
p {
    font-family: 'Segoe UI', 'Source Sans Pro', sans-serif;
    color: var(--black333);
}

h1,
.main .page-header {
    margin-top: 0;
}

.page-heading {
    display: none !important;
}

html[dir="ltr"] li a {
    margin-left: 0px;
}

h1,
.page-header,
h2,
h3,
h4,
h5 {
    font-weight: 700;
}

h2 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.5px;
    margin-top: 10px !important;
}

.intro-p,
p {
    font-family: 'Segoe UI', 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

a, a:focus, a:hover, a:active, a:visited {
    outline: 0;
    border: 0;
    outline-offset: 0;
}