/*! Theme Name: Bespoke Responsive Re-Design Author: Xcetra Media Ltd. Author URI: http://www.xcetramedia.com Description: This theme is a responsive, bespoke build by Xcetra Media. The design and further templating may be expanded through use of the attached pattern library at <a href="http://patternlibrary.securedbydesign.com/">patternlibrary.securedbydesign.com</a> in addition the project Sass files may be found within the CSS folder in this theme's core directory. Version: 1.00 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none
}
[hidden] {
    display: none
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #222
}
body {
    margin: 0em;
    font-size: 1em;
    line-height: 1.4
}
::-moz-selection {
    background: #214094;
    color: #fff;
    text-shadow: none
}
::selection {
    background: #214094;
    color: #fff;
    text-shadow: none
}
a:focus {
    outline: thin dotted
}
a:hover,
a:active {
    outline: 0em
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
blockquote {
    margin: 1em 40px
}
dfn {
    font-style: italic
}
hr {
    display: block;
    height: 1px;
    border: 0em;
    border-top: 1px solid #ccc;
    margin: 1em 0em;
    padding: 0em
}
ins {
    background: #ff9;
    color: #000;
    text-decoration: none
}
pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
q {
    quotes: none
}
q:before,
q:after {
    content: "";
    content: none
}
small {
    font-size: 85%
}
sub,
sup {
    font-size: 75%;
    line-height: 0em;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
ul,
ol {
    margin: 1em 0em;
    padding: 0em 0em 0em 40px
}
dd {
    margin: 0em 0em 0em 40px
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0em;
    padding: 0em
}
img {
    border: 0em;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0em
}
form {
    margin: 0em
}
fieldset {
    border: 0em;
    margin: 0em;
    padding: 0em
}
label {
    cursor: pointer
}
legend {
    border: 0em;
    *margin-left: -7px;
    padding: 0em;
    white-space: normal
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0em;
    vertical-align: baseline;
    *vertical-align: middle
}
button,
input {
    line-height: normal
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible
}
button[disabled],
input[disabled] {
    cursor: default
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0em;
    *width: 13px;
    *height: 13px
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0em;
    padding: 0em
}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}
input:invalid,
textarea:invalid {
    background-color: #f0dddd
}
table {
    border-collapse: collapse;
    border-spacing: 0em
}
td {
    vertical-align: top
}
.chromeframe {
    margin: 0.2em 0em;
    background: #ccc;
    color: black;
    padding: 0.2em 0em
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url("fonts/robotocondensed-regular-webfont.eot");
    src: url("fonts/robotocondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/robotocondensed-regular-webfont.woff") format("woff"), url("fonts/robotocondensed-regular-webfont.ttf") format("truetype"), url("fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular") format("svg")
}
* {
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased
}
.lte-ie8 * {
    text-shadow: 1px 1px 1px #f1f1f1
}
.ir {
    display: block;
    border: 0em;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0em
}
.ir br {
    display: none
}
.hidden {
    display: none !important;
    visibility: hidden
}
.visuallyhidden {
    border: 0em;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0em;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0em;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
.visible {
    display: block;
    zoom: 1;
    visibility: visible;
    transition: visibility 0.3s ease-in
}
.clearfix:after {
    content: "";
    display: table;
    clear: both
}
.clearfix {
    *zoom: 1
}
.lh-flusher {
    margin-top: 0.4em
}
.centered {
    text-align: center
}
.mark {
    background-color: #FE6 !important;
    color: #444 !important
}
.center {
    text-align: center
}
.nowhitewrap {
    white-space: pre
}
.ie-giffix {
    margin: 0
}
.cf,
form,
.l-two-col,
[role="main"],
.bluecontentfocus,
.hta-slider {
    *zoom: 1
}
.cf:before,
form:before,
.l-two-col:before,
[role="main"]:before,
.bluecontentfocus:before,
.hta-slider:before,
.cf:after,
form:after,
.l-two-col:after,
[role="main"]:after,
.bluecontentfocus:after,
.hta-slider:after {
    content: " ";
    display: table
}
.cf:after,
form:after,
.l-two-col:after,
[role="main"]:after,
.bluecontentfocus:after,
.hta-slider:after {
    clear: both
}
.ir {
    display: block;
    border: 0em;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0em
}
.ir br {
    display: none
}
.is-hidden {
    display: none !important;
    visibility: hidden !important
}
.is-vishidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0em;
    border: 0em;
    clip: rect(1px, 1px, 1px, 1px)
}
.right {
    float: right
}
.right-search {
    float: right;
    padding: 0em 0em 2rem 0em
}
.left {
    float: left
}
.align-right {
    text-align: right
}
.align-center {
    text-align: center
}
.align-left {
    text-align: left
}
@media all and (max-width: 46.8em) {
    .hide-small {
        display: none
    }
}
@media all and (min-width: 46.8em) and (max-width: 48.7em) {
    .hide-med {
        display: none
    }
}
@media all and (min-width: 50em) {
    .hide-large {
        display: none
    }
}
.valid {
    color: #10762F !important
}
.error {
    color: #FF210E !important
}
.info {
    color: #1076B0 !important
}
body {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 90% 0%;
    font-family: "Roboto Condensed", "HelveticaNeue", "Helvetica", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    color: #444
}
@media all and (min-width: 46.8em) {
    body div[role="main"] {
        min-height: 768px
    }
}
.lte-ie8 body {
    font-size: 20px !important
}
a {
    color: #1151a3;
    text-decoration: none;
    outline: 0em
}
a:hover,
a:focus {
    color: #1076B0
}
p a,
.text a,
.news-tick ul li a,
blockquote a,
cite a {
    text-decoration: underline
}
a[href$=".pdf"] {
    color: #BE1A04;
    text-decoration: none
}
a[href$=".pdf"]:hover,
a[href$=".pdf"]:focus {
    color: #214094;
    border-color: #214094
}
a[href$=".pdf"]:before {
    content: "\e605";
    padding-right: 0.2em;
    vertical-align: baseline;
    font-family: 'sbd-fonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.pdf-wrapper.gi {
    margin-bottom: 1.5rem
}
.pdf-wrapper ul.menu {
    display: block;
    position: relative;
    width: 100%
}
.pdf-wrapper li {
    display: block;
    position: relative;
    width: 100%;
    float: left
}
@media all and (min-width: 50em) {
    .pdf-wrapper li {
        width: 33%
    }
}
.no-pdf a,
.no-pdf {
    color: #1151a3;
    text-decoration: underline;
    outline: 0em
}
.no-pdf a:hover,
.no-pdf a:focus,
.no-pdf:hover,
.no-pdf:focus {
    color: #1076B0;
    border-color: none
}
.no-pdf a:before,
.no-pdf:before {
    content: none;
    display: none
}
.icon-download,
a[href$=".zip"],
a[href$=".rar"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".wpd"],
a[href$=".wp"],
a[href$=".wp7"],
a[href$=".rtf"],
a[href$=".txt"],
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".ppt"],
a[href$=".wmv"],
a[href$=".avi"],
a[href$=".psd"],
a[href$=".jpg"]:before,
a[href$=".JPG"]:before,
a[href$=".jpeg"]:before,
a[href$=".png"]:before,
a[href$=".gif"]:before,
a[href$=".bmp"]:before,
a[href$=".eps"] {
    color: #1151a3;
    text-decoration: none
}
.icon-download:hover,
a[href$=".zip"]:hover,
a[href$=".rar"]:hover,
a[href$=".doc"]:hover,
a[href$=".docx"]:hover,
a[href$=".wpd"]:hover,
a[href$=".wp"]:hover,
a[href$=".wp7"]:hover,
a[href$=".rtf"]:hover,
a[href$=".txt"]:hover,
a[href$=".xls"]:hover,
a[href$=".xlsx"]:hover,
a[href$=".ppt"]:hover,
a[href$=".wmv"]:hover,
a[href$=".avi"]:hover,
a[href$=".psd"]:hover,
a[href$=".eps"]:hover,
.icon-download:focus,
a[href$=".zip"]:focus,
a[href$=".rar"]:focus,
a[href$=".doc"]:focus,
a[href$=".docx"]:focus,
a[href$=".wpd"]:focus,
a[href$=".wp"]:focus,
a[href$=".wp7"]:focus,
a[href$=".rtf"]:focus,
a[href$=".txt"]:focus,
a[href$=".xls"]:focus,
a[href$=".xlsx"]:focus,
a[href$=".ppt"]:focus,
a[href$=".wmv"]:focus,
a[href$=".avi"]:focus,
a[href$=".jpg"]:focus,
a[href$=".JPG"]:focus,
a[href$=".jpeg"]:focus,
a[href$=".png"]:focus,
a[href$=".gif"]:focus,
a[href$=".bmp"]:focus,
a[href$=".psd"]:focus,
a[href$=".eps"]:focus {
    color: #1076B0;
    border-color: #1076B0
}
.icon-download:before,
a[href$=".zip"]:before,
a[href$=".rar"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".wpd"]:before,
a[href$=".wp"]:before,
a[href$=".wp7"]:before,
a[href$=".rtf"]:before,
a[href$=".txt"]:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before,
a[href$=".ppt"]:before,
a[href$=".wmv"]:before,
a[href$=".avi"]:before,
a[href$=".psd"]:before,
a[href$=".jpg"]:before,
a[href$=".JPG"]:before,
a[href$=".jpeg"]:before,
a[href$=".png"]:before,
a[href$=".gif"]:before,
a[href$=".bmp"]:before,
a[href$=".eps"]:before {
    content: "\e614";
    font-family: 'sbd-fonts';
    padding-right: 0.2em;
    vertical-align: baseline
}
h1,
h2,
h3,
h4,
h5,
h6,
.acc-handle,
.product-list .product-title {
    font-weight: 700;
    margin: 0em 0em 0.45em;
    color: #214094
}
.news h1,
.news h2,
.news h3,
.news h4,
.news h5,
.news h6,
.news .acc-handle,
.news .product-list .product-title,
.product-list .news .product-title,
.news-post h1,
.news-post h2,
.news-post h3,
.news-post h4,
.news-post h5,
.news-post h6,
.news-post .acc-handle,
.news-post .product-list .product-title,
.product-list .news-post .product-title {
    text-transform: none
}
h1,
h2,
h3,
h4,
h5,
h6,
.acc-handle,
.product-list .product-title {
    line-height: 1.2
}
a h1,
a h2,
a h3,
a h4,
a h5,
a h6,
a .acc-handle,
a .product-list .product-title,
.product-list a .product-title {
    text-decoration: underline
}
h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray,
h6.gray,
.gray.acc-handle,
.product-list .gray.product-title {
    color: #444
}
.yellcheck,
.bluecheck,
.graycheck {
    overflow: hidden
}
.yellcheck,
.bluecheck {
    color: #214094
}
.yellcheck:after,
.bluecheck:after,
.graycheck:after {
    display: inline;
    position: absolute;
    width: 100%;
    height: 0.54em;
    bottom: 0.21em;
    content: '';
    z-index: -1;
    border-left: solid 0.3em #fff;
    border-right: solid 0.3em #fff
}
.yellcheck:after {
    background-image: linear-gradient(45deg, #FE6 25%, transparent 25%, transparent 75%, #FE6 75%, #FE6 100%), linear-gradient(45deg, #FE6 25%, transparent 25%, transparent 75%, #FE6 75%, #FE6 100%);
    -ms-background-size: 0.51em 0.55em;
    background-size: 0.51em 0.55em;
    background-position: 0 0, 0.25em 0.265em
}
.bluecheck:after {
    background-image: linear-gradient(45deg, #dee2f0 25%, transparent 25%, transparent 75%, #dee2f0 75%, #dee2f0 100%), linear-gradient(45deg, #dee2f0 25%, transparent 25%, transparent 75%, #dee2f0 75%, #dee2f0 100%);
    -ms-background-size: 0.51em 0.55em;
    background-size: 0.51em 0.55em;
    background-position: 0 0, 0.25em 0.265em
}
.graycheck:after {
    background-image: linear-gradient(45deg, #d1d5d8 25%, transparent 25%, transparent 75%, #d1d5d8 75%, #d1d5d8 100%), linear-gradient(45deg, #d1d5d8 25%, transparent 25%, transparent 75%, #d1d5d8 75%, #d1d5d8 100%);
    -ms-background-size: 0.51em 0.55em;
    background-size: 0.51em 0.55em;
    background-position: 0 0, 0.25em 0.265em
}
h1,
.alpha {
    font-size: 2em;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%
}
h2,
.beta {
    font-size: 1.819em;
    position: relative;
    display: block;
    z-index: 0
}
h3,
.gamma {
    font-size: 1.5455em;
    position: relative;
    display: block;
    z-index: 0
}
h4,
.delta {
    font-size: 1.4em
}
h5,
.epsilon {
    font-size: 1.2em
}
h6,
.acc-handle,
.product-list .product-title,
.zeta {
    font-size: 1em
}
.subheading {
    font-family: "Roboto Condensed", "HelveticaNeue", "Helvetica", sans-serif;
    color: #444
}
.subheading:after {
    content: none
}
p {
    letter-spacing: 0.002em;
    margin: 0em 0em 1.5rem;
    line-height: 1.5
}
blockquote {
    position: relative;
    text-indent: 0em;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    padding: 1em 2.2em;
    margin: 1em auto;
    color: #444;
    width: 100%
}
blockquote:before {
    position: absolute;
    top: 0em;
    left: 0em;
    content: '';
    height: 99%;
    width: 1.25em;
    background-size: 1.3em 1.3em;
    background-position: -0.05em 1.25em, 0.6em -0.1em, 0.6em -0.71em, -0.1em 0.6em
}
blockquote p:before,
blockquote p:after {
    position: absolute;
    display: inline;
    font-family: 'sbd-fonts';
    font-size: 1.7em;
    line-height: 1em;
    font-style: smallcaps;
    padding-left: 0.1em;
    content: '\e612';
    color: gray;
    vertical-align: top
}
blockquote p:before {
    content: '\e611';
    position: relative;
    line-height: 1em;
    left: -0.2em;
    vertical-align: bottom
}
q {
    font-style: italic
}
cite {
    color: #1151a3
}
mark {
    background-color: #FE6;
    color: #444
}
hr {
    border: 0em;
    height: 2px;
    background: #f1f1f1;
    margin: 1.5rem 0em
}
abbr {
    border-bottom: 1px dotted gray;
    cursor: help
}
ol,
ul {
    margin: 0em;
    padding: 0em;
    list-style: none
}
dl {
    overflow: hidden;
    margin: 0em 0em 2rem
}
dt {
    font-weight: bold
}
dd {
    margin-left: 0em
}
img,
video,
object {
    max-width: 100%;
    height: auto
}
figcaption {
    font-style: italic;
    font-size: 0.9375rem
}
#gmap {
    border: 2px solid #bdc3c7
}
.image-unfloated,
.dyn-cont .aligncenter,
.dyn-cont .alignnone {
    margin: 0em auto;
    border: solid 2px #edf0f6;
    padding: 0.5rem
}
.image-unfloated.lrgwidth,
.dyn-cont .lrgwidth.aligncenter,
.dyn-cont .lrgwidth.alignnone {
    max-width: 13em;
    *width: 13em
}
.image-unfloated.smlwidth,
.dyn-cont .smlwidth.aligncenter,
.dyn-cont .smlwidth.alignnone {
    max-width: 8em;
    *width: 8em
}
@media all and (min-width: 50em) {
    .image-unfloated,
    .dyn-cont .aligncenter,
    .dyn-cont .alignnone {
        display: block
    }
}
.right-image-float,
.dyn-cont .alignright {
    display: block;
    margin: 0em auto 2rem;
    border: solid 2px #edf0f6;
    padding: 0.5rem
}
.right-image-float.lrgwidth,
.dyn-cont .lrgwidth.alignright {
    max-width: 13em;
    *width: 13em
}
.right-image-float.smlwidth,
.dyn-cont .smlwidth.alignright {
    max-width: 8em;
    *width: 8em
}
@media all and (min-width: 39.8em) {
    .right-image-float,
    .dyn-cont .alignright {
        float: right;
        margin: 0em 0em 2rem 2rem
    }
}
.left-image-float,
.dyn-cont .alignleft {
    display: block;
    margin: 0em auto 2rem;
    border: solid 2px #edf0f6;
    padding: 0.5rem
}
.left-image-float.lrgwidth,
.dyn-cont .lrgwidth.alignleft {
    max-width: 13em;
    *width: 13em
}
.left-image-float.smlwidth,
.dyn-cont .smlwidth.alignleft {
    max-width: 8em;
    *width: 8em
}
@media all and (min-width: 39.8em) {
    .left-image-float,
    .dyn-cont .alignleft {
        float: right;
        margin: 0em 2rem 2rem 0em
    }
}
form {
    display: block;
    position: relative;
    z-index: 1
}
form>div {
    margin-bottom: 2rem
}
input,
input:after,
input:before,
textarea,
textarea:after,
textarea:before {
    outline: none
}
form ol,
form ul {
    list-style: none;
    margin-left: 0em
}
fieldset {
    border: 0em;
    padding: 0em;
    margin: 0em
}
label {
    display: block;
    padding-bottom: 0.5rem;
    color: #444;
    cursor: default
}
button,
input,
select,
textarea {
    font-family: inherit;
    line-height: 1;
    margin: 0em;
    width: 100%
}
input,
textarea {
    width: 100%;
    border: 2px solid gray;
    line-height: 1.2;
    padding: 0.5rem;
    color: #444
}
input#cont-query,
textarea#cont-query {
    height: 6.9em;
    margin-bottom: 0em
}
input#memquery-field,
textarea#memquery-field {
    height: 7em
}
@media all and (min-width: 46.8em) {
    input#memquery-field,
    textarea#memquery-field {
        height: 14.75em
    }
}
input[type=text],
input[type=search],
input[type=url],
input[type=number],
textarea {
    -webkit-appearance: none
}
button,
input[type="submit"],
button[type="submit"] {
    position: relative;
    color: #fff;
    background-color: #444;
    border: 1px solid #444;
    cursor: pointer;
    outline: none
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
    border: 1px solid gray;
    background-color: gray
}
input[type="checkbox"],
input[type="radio"] {
    width: auto;
    margin-right: 0.3em
}
input[type="color"] {
    display: block;
    width: 2.2em;
    height: 1.54em;
    font-size: 1.5em;
    position: relative;
    padding: 0.2em
}
input[type="color"]:before,
input[type="color"]:after {
    color: #fff;
    position: absolute;
    display: inline;
    font-size: 0.75em;
    left: 0.95em;
    top: 0.38em;
    pointer-events: none
}
input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0em
}
input[type="search"]:-webkit-search-cancel-button,
input[type="search"]:-webkit-search-decoration {
    -webkit-appearance: none
}
button[type="submit"].btn {
    position: relative;
    width: 100%;
    margin: 1.5rem auto
}
@media all and (min-width: 50em) {
    button[type="submit"].btn {
        margin: 1.5rem auto 2rem
    }
}
.field-container {
    margin-bottom: 0.5rem
}
.field-container:last-child {
    margin-bottom: 0em
}
.inline-form fieldset,
.inline-form .inline-container {
    position: relative
}
.inline-form input[type=submit],
.inline-form button,
.inline-form .btn {
    padding: 0.6em;
    position: absolute;
    top: 0em;
    right: 0em;
    z-index: 1
}
.inline-form input[type=submit]:hover,
.inline-form input[type=submit]:focus,
.inline-form button:hover,
.inline-form button:focus,
.inline-form .btn:hover,
.inline-form .btn:focus {
    background: gray;
    color: #fff
}
.inline-search-results-form {
    width: 100%
}
@media all and (min-width: 46.8em) {
    .inline-search-results-form {
        width: 82%
    }
}
.inline-search-results-form fieldset,
.inline-search-results-form .inline-container {
    position: relative
}
.inline-search-results-form input[type=submit],
.inline-search-results-form button {
    position: absolute;
    top: 0em;
    right: 0em;
    z-index: 1;
    width: auto
}
.generalplaceholder {
    font-size: 1.09375rem;
    line-height: 1;
    padding: 0.25rem
}
@media all and (min-width: 39.8em) {
    .generalplaceholder {
        padding: 0.2rem;
        font-size: 1.25rem
    }
}
*::-ms-input-placeholder {
    font-size: 1.09375rem;
    line-height: 1;
    padding: 0.25rem
}
@media all and (min-width: 39.8em) {
    *::-ms-input-placeholder {
        padding: 0.2rem;
        font-size: 1.25rem
    }
}
*::-moz-placeholder {
    font-size: 1.09375rem;
    line-height: 1;
    padding: 0.25rem
}
@media all and (min-width: 39.8em) {
    *::-moz-placeholder {
        padding: 0.2rem;
        font-size: 1.25rem
    }
}
*::-moz-placeholder {
    font-size: 1.09375rem;
    line-height: 1;
    padding: 0.25rem
}
@media all and (min-width: 39.8em) {
    *::-moz-placeholder {
        padding: 0.2rem;
        font-size: 1.25rem
    }
}
*::-webkit-input-placeholder {
    font-size: 1.09375rem;
    line-height: 1;
    padding: 0.25rem
}
@media all and (min-width: 39.8em) {
    *::-webkit-input-placeholder {
        padding: 0.2rem;
        font-size: 1.25rem
    }
}
#placeholder {
    font-size: 1.09375rem;
    line-height: 1;
    padding: 0.25rem
}
@media all and (min-width: 39.8em) {
    #placeholder {
        padding: 0.2rem;
        font-size: 1.25rem
    }
}
.is-error:input-placeholder {
    color: #f77
}
.is-error:-webkit-input-placeholder {
    color: #f77
}
.is-error:-moz-placeholder {
    color: #f77;
    padding: 1rem
}
.is-error:-moz-placeholder {
    color: #f77
}
.is-error:-ms-input-placeholder {
    color: #f77
}
.is-error #placeholder {
    color: #f77
}
.is-valid:input-placeholder {
    color: #6CC455
}
.is-valid:-webkit-input-placeholder {
    color: #6CC455
}
.is-valid:-moz-placeholder {
    color: #6CC455
}
.is-valid:-moz-placeholder {
    color: #6CC455
}
.is-valid:-ms-input-placeholder {
    color: #6CC455
}
.is-valid #placeholder {
    color: #6CC455
}
.search-form:input-placeholder {
    width: 100%;
    line-height: 1.2;
    vertical-align: middle;
    text-align: left
}
@media all and (min-width: 29.75em) {
    .search-form:input-placeholder {
        text-align: center
    }
}
@media all and (min-width: 48.7em) {
    .search-form:input-placeholder {
        text-align: left
    }
}
.search-form:-ms-input-placeholder {
    width: 100%;
    line-height: 1.2;
    vertical-align: middle;
    text-align: left
}
@media all and (min-width: 24em) {
    .search-form:-ms-input-placeholder {
        text-align: center
    }
}
@media all and (min-width: 48.7em) {
    .search-form:-ms-input-placeholder {
        text-align: left
    }
}
.search-form:-moz-placeholder {
    width: 100%;
    line-height: 1.2;
    vertical-align: middle;
    text-align: left
}
@media all and (min-width: 29.75em) {
    .search-form:-moz-placeholder {
        text-align: center
    }
}
@media all and (min-width: 48.7em) {
    .search-form:-moz-placeholder {
        text-align: left
    }
}
.search-form:-o-placeholder {
    width: 100%;
    line-height: 1.2;
    vertical-align: middle;
    text-align: left
}
@media all and (min-width: 29.75em) {
    .search-form:-o-placeholder {
        text-align: center
    }
}
@media all and (min-width: 48.7em) {
    .search-form:-o-placeholder {
        text-align: left
    }
}
.search-form input::-webkit-input-placeholder {
    width: 100%;
    line-height: 1.2;
    vertical-align: middle;
    text-align: left
}
@media all and (min-width: 29.75em) {
    .search-form input::-webkit-input-placeholder {
        text-align: center
    }
}
@media all and (min-width: 48.7em) {
    .search-form input::-webkit-input-placeholder {
        text-align: left
    }
}
.search-form #placeholder {
    width: 100%;
    line-height: 1.2;
    vertical-align: middle;
    text-align: left
}
@media all and (min-width: 29.75em) {
    .search-form #placeholder {
        text-align: center
    }
}
@media all and (min-width: 48.7em) {
    .search-form #placeholder {
        text-align: left
    }
}
.is-error {
    border-color: #FF210E
}
.is-valid {
    border-color: #10762F
}
.pressed {
    box-shadow: 2px 2px 0px #d7b902, -2px -2px 0px #d7b902, -2px 2px 0px #d7b902, 2px -2px 0px #d7b902
}
.inline-form .search-submit {
    position: absolute;
    top: 0em;
    right: 0em;
    z-index: 2;
    padding: 0.49em 0.5em 0.38em;
    font-size: 1.2em;
    line-height: 100%;
    color: #fff;
    background-color: #214094;
    border: none;
    width: auto;
    margin: 0em;
    text-transform: none;
    text-shadow: none
}
.inline-form .search-submit:hover,
.inline-form .search-submit:focus {
    background-color: #1076B0;
    transition: background 0.2s ease-out;
    border: none
}
.lte-ie7 .inline-form .search-submit {
    padding: 7px 10px 3px;
    font-size: 1em
}
.search-form {
    display: block;
    right: 0;
    z-index: 1;
    margin-top: 1rem
}
.search-form input {
    display: block;
    z-index: 1;
    overflow: hidden;
    border-color: #dee2f0;
    line-height: 1.2;
    padding-left: 1rem
}
.lrg-input-nudge {
    margin-top: 1.5rem !important
}
.small-input-nudge {
    margin-top: 0.5rem !important
}
.lte-ie8 .small-input-nudge {
    margin: 0em !important
}
.zeroing-input-nudge {
    margin-top: 0em !important
}
form.homepage .gi {
    margin-bottom: 0.5rem
}
form.homepage .gi:last-child {
    margin-bottom: 0em
}
.areanote {
    text-align: center
}
.msg-panel {
    max-height: 600px;
    background-color: #fff;
    border: 2px solid #10762F;
    margin-bottom: 1.5rem;
    padding: 1rem
}
.msg-panel p {
    margin: 0em !important
}
.msg-panel.success {
    color: #10762F;
    border: 2px solid #10762F
}
.msg-panel.error {
    color: #FF210E;
    border: 2px solid #FF210E
}
.msg-panel .bullet-list,
.msg-panel .dyn-cont ul,
.dyn-cont .msg-panel ul {
    margin-bottom: 0px
}
.msg-panel .bullet-list li,
.msg-panel .dyn-cont ul li,
.dyn-cont .msg-panel ul li {
    margin-bottom: 0px
}
.homepage .msg-panel {
    margin: 0em 0em 2rem
}
.contact-sbd .msg-panel {
    margin: 0em 0em 2rem
}
.join-sbd .msg-panel {
    margin: 0em 0em 2rem
}
table {
    border-collapse: collapse;
    border-spacing: 0em;
    border: 2px solid #214094;
    width: 100%;
    color: #214094;
    margin-bottom: 2rem
}
th {
    text-align: left;
    border: 2px solid #214094;
    padding: 0.2em
}
td {
    border: 2px solid #214094;
    padding: 0.2em
}
thead,
thead th {
    font-weight: 700
}
tbody,
tbody th {
    color: #1151a3;
    font-weight: 300
}
tfoot,
tfoot th {
    font-weight: 300;
    font-style: italic
}
.animate-fade {
    transition: opacity 0.3s ease-out
}
.animate-fade:hover {
    opacity: 0em
}
.animate-move>.demo-shape {
    transition: all 0.3s ease-in-out
}
.lc,
[role="main"] {
    max-width: 72rem;
    margin: 0em auto;
    padding: 1rem
}
@media all and (min-width: 50em) {
    .l-two-col .l-main {
        float: left;
        width: 70%
    }
}
.l-two-col .l-sidebar img {
    width: 100%
}
@media all and (max-width: 50em) {
    .l-two-col .l-sidebar {
        clear: both
    }
}
@media all and (min-width: 50em) {
    .l-two-col .l-sidebar {
        float: left;
        width: 30%
    }
    .l-two-col .l-sidebar.bar-left {
        padding: 0em 2rem 0em 0em
    }
    .l-two-col .l-sidebar.bar-right {
        padding: 0em 0em 0em 2rem
    }
}
.g {
    overflow: hidden;
    margin: 0em -1rem
}
.g-sngl {
    margin-bottom: 0em !important
}
.gi {
    padding: 0em 1rem;
    margin-bottom: 1.5rem
}
.gi.callaction {
    border: 1rem solid #fff
}
.gi p:last-child {
    margin-bottom: 0em
}
.gi img {
    width: 100%;
    display: block
}
@media all and (min-width: 46.8em) {
    .gi {
        float: left
    }
}
.g-1up .gi {
    width: 100%
}
@media all and (min-width: 46.8em) {
    .g-2up>.gi {
        float: left;
        width: 50%
    }
    .g-2up>.gi:nth-of-type(odd) {
        clear: left
    }
}
.g-half>.gi {
    float: left;
    width: 50%
}
.g-half>.gi:nth-of-type(odd) {
    clear: left
}
@media all and (min-width: 46.8em) {
    .g-3up>.gi {
        width: 100%
    }
}
@media all and (min-width: 50em) {
    .g-3up>.gi {
        width: 33.3333333%
    }
    .g-3up>.gi:nth-of-type(2n+1) {
        clear: none
    }
    .g-3up>.gi:nth-of-type(3n+1) {
        clear: left
    }
}
@media all and (min-width: 46.8em) {
    .g-4up>.gi {
        float: left;
        width: 50%
    }
    .g-4up>.gi:nth-of-type(2n+1) {
        clear: both
    }
}
@media all and (min-width: 50em) {
    .g-4up>.gi {
        width: 25%
    }
    .g-4up>.gi:nth-of-type(2n+1) {
        clear: none
    }
    .g-4up>.gi:nth-of-type(4n+1) {
        clear: left
    }
}
.g-quarter>.gi {
    float: left;
    width: 24%
}
.g-quarter>.gi:nth-of-type(4n+1) {
    clear: left
}
@media all and (min-width: 29.75em) {
    .g-max4>.gi {
        float: left;
        width: 50%
    }
    .g-max4>.gi:nth-of-type(2n+1) {
        clear: both
    }
}
@media all and (min-width: 39.8em) {
    .g-max4>.gi {
        width: 33.3333333%
    }
    .g-max4>.gi:nth-of-type(2n+1) {
        clear: none
    }
    .g-max4>.gi:nth-of-type(3n+1) {
        clear: left
    }
}
@media all and (min-width: 50em) {
    .g-max4>.gi {
        width: 25%
    }
    .g-max4>.gi:nth-of-type(3n+1) {
        clear: none
    }
    .g-max4>.gi:nth-of-type(4n+1) {
        clear: left
    }
}
.g-max5>.gi {
    float: left;
    width: 100%
}
.g-max5>.gi:nth-of-type(2n+1) {
    clear: both
}
@media all and (min-width: 39.8em) {
    .g-max5>.gi {
        width: 33.3333333%
    }
    .g-max5>.gi:nth-of-type(2n+1) {
        clear: none
    }
    .g-max5>.gi:nth-of-type(3n+1) {
        clear: left
    }
}
@media all and (min-width: 50em) {
    .g-max5>.gi {
        width: 25%
    }
    .g-max5>.gi:nth-of-type(3n+1) {
        clear: none
    }
    .g-max5>.gi:nth-of-type(4n+1) {
        clear: left
    }
}
@media all and (min-width: 60em) {
    .g-max5>.gi {
        width: 20%
    }
    .g-max5>.gi:nth-of-type(4n+1) {
        clear: none
    }
    .g-max5>.gi:nth-of-type(5n+1) {
        clear: left
    }
}
.gi-2-3 {
    padding: 0em;
    float: none
}
@media all and (min-width: 60em) {
    .gi-2-3 {
        width: 66.666666%
    }
    .gi-2-3.rt {
        float: right
    }
    .gi-2-3.lft {
        float: left
    }
}
.gi-1-3 {
    float: none
}
.gi-1-3.rt {
    padding: 0em;
    float: none
}
@media all and (min-width: 60em) {
    .gi-1-3.rt {
        padding: 0em 0em 0em 2rem;
        float: right
    }
}
.gi-1-3.lft {
    padding: 0em;
    float: none
}
@media all and (min-width: 60em) {
    .gi-1-3.lft {
        padding: 0em 2rem 0em 0em;
        float: left
    }
}
@media all and (min-width: 60em) {
    .gi-1-3 {
        width: 33.333333%
    }
}
.g-opposites .gi {
    float: left
}
.g-opposites .gi:last-child {
    float: right;
    text-align: right
}
@media all and (min-width: 60em) {
    .g-fixup {
        display: table;
        position: relative;
        border-collapse: collapse;
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 100%
    }
}
.gi.notfixed {
    margin-bottom: 1.1rem
}
@media all and (min-width: 60em) {
    .gi.notfixed {
        display: table-cell;
        position: relative;
        width: 100%;
        float: none;
        vertical-align: top;
        width: auto
    }
    .gi.notfixed img {
        display: block;
        width: 100%
    }
}
@-moz-document url-prefix() {
    @media all and (min-width: 60em) {
        .gi.notfixed {
            display: block
        }
    }
}
@media all and (min-width: 60em) {
    .gi.fixed {
        display: table-cell;
        position: relative;
        width: 300px;
        float: none;
        margin-left: 1rem;
        margin-bottom: 0em;
        vertical-align: top;
        height: 100%
    }
}
.header {
    position: relative;
    max-width: none;
    width: 100%;
    border-bottom: 2px solid #E7EBFA;
    background-color: #edf0f6;
    background-image: url("images/pagebg.png");
    background-repeat: no-repeat;
    background-position: right top
}
@media all and (max-width: 48.7em) {
    .header {
        background-size: contain
    }
}
@media all and (min-width: 66em) {
    .header form {
        width: 72.5%;
        display: block;
        z-index: 0em;
        position: absolute;
        bottom: 2.05rem;
        right: 1rem;
        padding: 0em
    }
}
.header .widthwrap {
    display: block;
    position: relative;
    max-width: 72rem;
    margin: 0em auto;
    padding: 1.5rem 1rem 2rem
}
.header a.login {
    z-index: 2;
    position: absolute;
    top: 0em;
    right: 0em;
    padding: 1.5rem 1rem 0em;
    color: #1151a3;
    font-size: 1.4rem;
    line-height: 0.9;
    font-family: 'sbd-fonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}
.header a.login:hover,
.header a.login:focus {
    color: #1076B0
}
.header .logo {
    position: absolute
}
@media all and (min-width: 48.7em) {
    .header .logo {
        position: relative
    }
}
.lte-ie7 .header .widthwrap {
    position: relative;
    max-width: 72rem;
    margin: 0em auto;
    padding: 1.5rem 1rem 2rem
}
.header .logomenuwrap {
    position: relative;
    display: block;
    border-collapse: collapse;
    width: 100%;
    vertical-align: top
}
@media all and (min-width: 48.7em) {
    .header .logomenuwrap {
        display: table
    }
}
.lte-ie8 .header .logomenuwrap {
    display: table
}
.header .logomenuwrap .nav {
    display: block;
    vertical-align: top;
    width: 100%;
    height: auto
}
@media all and (min-width: 48.7em) {
    .header .logomenuwrap .nav {
        display: table-cell;
        padding: 2.45rem 0em 0em 1rem
    }
}
@media all and (min-width: 66em) {
    .header .logomenuwrap .nav {
        padding: 1rem 3rem 3.55rem
    }
}
.lte-ie8 .header .logomenuwrap .nav {
    display: table-cell;
    vertical-align: top;
    width: auto !important;
    padding: 2.45rem 0em 0em 1rem
}
@media all and (min-width: 66em) {
    .lte-ie8 .header .logomenuwrap .nav {
        padding: 1rem 3rem 2rem
    }
}
.logo {
    z-index: 1;
    font-size: 5em;
    line-height: 1.5em;
    width: 2em;
    margin: 0em;
    border: 0em;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-image: url("images/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0em
}
@media all and (min-width: 29.75em) {
    .logo {
        left: 50%;
        margin-left: -1em;
        max-height: 7rem
    }
}
@media all and (min-width: 48.7em) {
    .logo {
        left: auto;
        margin-left: auto;
        float: left;
        margin: 0em
    }
}
@media all and (min-width: 66em) {
    .logo {
        width: 236px;
        height: auto;
        max-height: none;
        background-image: url("images/logo2.png")
    }
}
.lte-ie8 .logo {
    position: relative;
    display: block;
    z-index: 0em;
    width: 210px;
    height: 120px;
    background-image: url("images/ielogo.png");
    margin-left: 0em;
    left: 0em;
    max-height: 7rem
}
@media all and (min-width: 48.7em) {
    .lte-ie8 .logo {
        margin-left: 0em;
        left: 0em
    }
}
@media all and (min-width: 66em) {
    .lte-ie8 .logo {
        max-height: none;
        width: 280px;
        height: 164px;
        background-image: url("images/ielogo2.png")
    }
}
.logo br {
    display: none
}
.nav-toggle {
    float: right;
    display: block;
    padding: 0.9rem 1rem 0.7rem;
    font-size: 1.3rem;
    line-height: 1;
    border-left: 1px solid #dbdbdb
}
@media all and (min-width: 39.8em) {
    .nav-toggle {
        display: none
    }
}
.nav {
    z-index: 0;
    position: relative;
    top: 0em;
    right: 0em;
    font-size: 1.25rem;
    width: 100%;
    overflow: hidden;
    max-height: 6.8rem
}
.nav ul {
    position: relative;
    display: block;
    z-index: 0;
    top: 7.5rem;
    max-width: 800px;
    margin: 0em auto
}
.nav li {
    border-top: 2px solid #214094;
    text-align: center
}
.nav li:first-child {
    border-top: none
}
.nav a {
    display: block;
    line-height: 1;
    width: auto;
    padding: 1rem 0em;
    white-space: nowrap
}
.nav.active {
    position: relative;
    max-height: 999px;
    padding-bottom: 5.5em;
    transition: all 0.3s ease-in
}
.nav:before {
    position: absolute;
    font-family: 'sbd-fonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 2em;
    line-height: 4.5rem;
    -webkit-font-smoothing: antialiased;
    display: block;
    content: '\e60b';
    display: none\9;
    color: #214094;
    text-align: right;
    width: 100%;
    top: 2rem;
    z-index: 2
}
@media all and (min-width: 48.7em) {
    .nav {
        height: auto;
        max-height: none;
        clear: none;
        text-align: center;
        padding-bottom: 0em
    }
    .nav ul {
        position: relative;
        display: block;
        height: auto;
        padding-top: 0em;
        top: 0em
    }
    .nav li {
        list-style: none;
        display: inline;
        text-align: center;
        border: 0em
    }
    .nav li:after {
        content: '▪';
        line-height: 1.2;
        color: #dee2f0
    }
    .nav li:first-child {
        margin-left: 0em
    }
    .nav li:first-child:before {
        content: '▪';
        line-height: 1.2;
        color: #dee2f0
    }
    .nav a {
        display: inline;
        padding: 0em 1rem
    }
    .nav:before {
        content: ''
    }
}
.no-js .nav:focus,
.no-js .nav:hover {
    position: relative;
    max-height: 999px;
    transition: max-height 0.3s ease-in
}
.lte-ie8 .nav {
    z-index: 0em;
    position: relative;
    top: 0em;
    right: 0em;
    font-size: 1.25rem;
    width: 100%;
    overflow: hidden;
    padding-top: 0em \9;
    max-height: 6.8rem;
    height: auto;
    max-height: none;
    clear: none;
    text-align: center;
    padding-bottom: 0em
}
.lte-ie8 .nav ul {
    padding-top: 7.5rem;
    padding-top: 0em \9;
    max-width: 800px;
    margin: 0em auto
}
.lte-ie8 .nav li {
    border-top: 2px solid #214094;
    text-align: center
}
.lte-ie8 .nav li:first-child {
    border-top: none
}
.lte-ie8 .nav a {
    display: block;
    line-height: 1;
    width: auto;
    padding: 1rem 0em;
    white-space: nowrap
}
.lte-ie8 .nav.active {
    position: relative;
    max-height: 999px;
    transition: max-height 0.3s ease-out
}
.lte-ie8 .nav:before {
    position: absolute;
    font-family: 'sbd-fonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 2em;
    line-height: 4.5rem;
    -webkit-font-smoothing: antialiased;
    display: block;
    content: '\e60b';
    display: none\9;
    color: #214094;
    text-align: right;
    width: 100%;
    top: 2rem;
    z-index: 2
}
.lte-ie8 .nav ul {
    position: relative;
    display: block;
    height: auto;
    padding-top: 0em;
    top: 0em
}
.lte-ie8 .nav li {
    list-style: none;
    display: inline;
    text-align: center;
    border: 0em
}
.lte-ie8 .nav li:after {
    content: '▪';
    line-height: 1.2;
    color: #dee2f0
}
.lte-ie8 .nav li:first-child {
    margin-left: 0em
}
.lte-ie8 .nav li:first-child:before {
    content: '▪';
    line-height: 1.2;
    color: #dee2f0
}
.lte-ie8 .nav li a {
    display: inline;
    padding: 0em 1rem
}
.lte-ie8 .nav li:before {
    content: ''
}
.SH-nav {
    margin-bottom: 1rem
}
.header .breadcrumbs {
    margin: 0.5rem 0em 1.5rem
}
.breadcrumbs {
    position: relative;
    display: block;
    width: 100%;
    max-width: 72rem;
    padding: 0em 1rem 0em;
    height: auto;
    font-size: 0.9375rem;
    line-height: 1;
    margin: 0.8em auto
}
.breadcrumbs li {
    display: inline;
    color: #777
}
.breadcrumbs li a {
    color: #777;
    text-decoration: underline
}
.breadcrumbs li a:hover {
    color: #444
}
.breadcrumbs li:before {
    content: '> '
}
.breadcrumbs li:first-child:before {
    content: none
}
.pagination {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 0.9375rem;
    text-align: center;
    margin: 1.5rem auto
}
.pagination li {
    display: inline;
    border-left: 1px solid #d1d5d8;
    text-align: center
}
.pagination li a {
    text-decoration: underline
}
.pagination li:first-child {
    border: 0em
}
.pagination li.current {
    color: #444
}
.pagination li.current a {
    text-decoration: none
}
.pagination a {
    padding: 0.5rem
}
[role="main"] {
    padding: 0em 1rem 0em;
    overflow: hidden
}
.footer {
    clear: both;
    overflow: hidden;
    line-height: 1.2;
    text-align: center;
    background-color: #edf0f6;
    border-top: 2px solid #DEE2F0;
    padding-top: 0.3rem
}
.footer a.btn {
    margin: 0em;
    width: 100%
}
@media all and (min-width: 50em) {
    .footer a.btn {
        margin-bottom: 0em
    }
}
.footer .g {
    max-width: 72rem;
    margin: 0em auto
}
.footer .g-1up {
    margin-bottom: 0em
}
.footer .g-1up .gi {
    margin-bottom: 1rem
}
.footer .g-3up .gi {
    margin-top: 2rem;
    margin-bottom: 0em
}
.footer .g-2up .gi {
    margin-top: 1rem;
    margin-bottom: 0em
}
.footer .g-2up p {
    text-align: justify;
    margin-bottom: 0.5rem
}
.footer h6.acc-handle,
.footer .acc-handle,
.footer .product-list .product-title,
.product-list .footer .product-title {
    font-size: 1.09375rem;
    margin: 0em;
    font-weight: 300
}
.footer h6.acc-handle.active,
.footer .acc-handle.active,
.footer .product-list .active.product-title,
.product-list .footer .active.product-title {
    background-color: #214094
}
.footer .acc-panel p,
.footer .product-list .product-details p,
.product-list .footer .product-details p {
    margin: 1.5rem 0em 0em;
    font-size: 1.09375rem
}
.footer .breadcrumbs {
    text-align: left
}
@media all and (min-width: 50em) {
    .footer h6.acc-handle,
    .footer .acc-handle,
    .footer .product-list .product-title,
    .product-list .footer .product-title {
        background-color: #1A3375;
        margin-bottom: 0em
    }
    .footer h6.acc-handle:hover,
    .footer .acc-handle:hover,
    .footer .product-list .product-title:hover,
    .product-list .footer .product-title:hover {
        background-color: #1A3375;
        cursor: default
    }
    .footer h6.acc-handle:after,
    .footer .acc-handle:after,
    .footer .product-list .product-title:after,
    .product-list .footer .product-title:after {
        display: none
    }
    .footer .acc-panel,
    .footer .product-list .product-details,
    .product-list .footer .product-details,
    .footer .acc-panel.active,
    .footer .product-list .active.product-details,
    .product-list .footer .active.product-details {
        max-height: 100%
    }
}
.nav-footer {
    font-size: 1.09375rem;
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    margin: 2rem 0em 0.5rem
}
.nav-footer li {
    border-top: 2px solid #214094
}
.nav-footer li:first-child {
    border: none
}
.nav-footer a {
    display: block;
    width: auto;
    padding: 1rem 0em;
    white-space: nowrap
}
@media all and (min-width: 29.75em) {
    .nav-footer {
        height: auto;
        max-height: none;
        clear: none;
        text-align: center
    }
    .nav-footer li {
        list-style: none;
        display: inline;
        line-height: 1.5em;
        text-align: center;
        border: 0em
    }
    .nav-footer li:after {
        content: '▪';
        color: #214094;
        line-height: 1.2
    }
    .nav-footer li:first-child {
        margin-left: 0em
    }
    .nav-footer li:first-child:before {
        content: '▪';
        color: #214094;
        line-height: 1.2
    }
    .nav-footer a {
        display: inline;
        padding: 0em 1rem
    }
    .nav-footer:before {
        content: ''
    }
}
.copyright {
    position: relative;
    overflow: hidden
}
.copyright,
.copylinks {
    font-size: 0.9375rem;
    color: #444;
    text-align: center
}
.copylinks a {
    padding-right: 1rem;
    white-space: nowrap;
    color: #444
}
.copylinks a:first-child {
    padding-left: 0em
}
.font-secondary {
    font-family: "Roboto Condensed", "HelveticaNeue", "Helvetica", sans-serif
}
.intro {
    font-size: 1.328rem;
    font-weight: bold
}
.pullquote {
    margin: 3rem auto;
    padding: 0em 2.2em;
    text-align: center;
    font-size: 1em;
    line-height: 1.2em
}
.pullquote:before,
pullquote:before {
    content: none
}
.pullquote p {
    margin: 0em;
    padding-right: 1.5rem
}
.pullquote p:before,
.pullquote p:after {
    position: absolute;
    display: inline;
    padding: 0.2em 0em 0em 0.2em;
    font-family: 'sbd-fonts';
    font-size: 1.328rem;
    font-weight: 900;
    line-height: 1;
    font-style: smallcaps;
    content: '\e612';
    color: gray
}
.pullquote p:before {
    content: '\e611';
    position: relative;
    line-height: 1em;
    margin: 0em;
    left: -0.2em;
    top: -0.2em;
    vertical-align: bottom
}
.text a,
.news-tick ul li a {
    text-decoration: underline
}
.text ul,
.news-tick ul li ul {
    list-style: square;
    margin: 0em 0em 1rem 2rem
}
.text ul ul,
.news-tick ul li ul ul {
    margin-bottom: 0em
}
.text ol,
.news-tick ul li ol {
    overflow: visible;
    list-style: decimal;
    margin: 0em 0em 1rem 2rem
}
.text ol ol,
.news-tick ul li ol ol {
    margin-bottom: 0em
}
a.text {
    text-decoration: underline
}
ul.text {
    list-style: square;
    margin: 0em 0em 2rem 2rem
}
ul.text ul {
    margin-bottom: 0em
}
ol.text {
    overflow: visible;
    list-style: decimal;
    margin: 0em 0em 2rem 2rem
}
ol.text ol {
    margin-bottom: 0em
}
.caption {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.6
}
.information {
    color: #1076bc
}
.cutline {
    font-size: 0.9375rem;
    font-style: italic
}
.grade {
    display: block;
    font-weight: bold;
    background: gray;
    color: #fff;
    min-height: 4.5rem;
    padding-top: 1.5rem;
    text-align: center
}
.eyebrow {
    background: #444;
    color: #fff;
    padding: 0.2em;
    display: inline-block;
    margin-bottom: 1rem
}
.eyebrow-image {
    position: relative
}
.eyebrow-image img {
    position: relative;
    z-index: 0
}
.eyebrow-image .eyebrow {
    position: absolute;
    top: 0em;
    left: 0em;
    z-index: 1
}
.lorem {
    color: #f00 !important;
    background-color: #fee5e5;
    border-color: #f00 !important
}
@font-face {
    font-family: 'sbd-fonts';
    src: url("fonts/sbd-fonts.eot?-ety1vm");
    src: url("fonts/sbd-fonts.eot?#iefix-ety1vm") format("embedded-opentype"), url("fonts/sbd-fonts.woff?-ety1vm") format("woff"), url("fonts/sbd-fonts.ttf?-ety1vm") format("truetype"), url("fonts/sbd-fonts.svg?-ety1vm#sbd-fonts") format("svg");
    font-weight: normal;
    font-style: normal
}
[class*="icon-"]:before,
[class*="icon-"]:after {
    font-family: 'sbd-fonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-check-alt:before {
    content: "\e60f"
}
.icon-info:before {
    content: "\e604"
}
.icon-youtube:before {
    content: "\e603"
}
.icon-plus:before {
    content: "\e607"
}
.icon-lock-stroke:before {
    content: "\e610"
}
.icon-minus:before {
    content: "\e615"
}
.icon-file-pdf:before {
    content: "\e605"
}
.icon-left-quote:before {
    content: "\e611"
}
.icon-cog:before {
    content: "\e608"
}
.icon-right-quote:before {
    content: "\e612"
}
.icon-twitter:before {
    content: "\e600"
}
.icon-mail:before {
    content: "\e613"
}
.icon-facebook:before {
    content: "\e601"
}
.icon-google-plus:before {
    content: "\e602"
}
.icon-download:before,
a[href$=".zip"]:before,
a[href$=".rar"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".wpd"]:before,
a[href$=".wp"]:before,
a[href$=".wp7"]:before,
a[href$=".rtf"]:before,
a[href$=".txt"]:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before,
a[href$=".ppt"]:before,
a[href$=".wmv"]:before,
a[href$=".avi"]:before,
a[href$=".psd"]:before,
a[href$=".jpg"]:before,
a[href$=".JPG"]:before,
a[href$=".jpeg"]:before,
a[href$=".png"]:before,
a[href$=".gif"]:before,
a[href$=".bmp"]:before,
a[href$=".eps"]:before {
    content: ""
}
.icon-menu:before {
    content: "\e606"
}
.icon-unlock-stroke:before {
    content: "\e60a"
}
.icon-list2:before {
    content: "\e60b"
}
.icon-calendar:before {
    content: "\e60c"
}
.icon-home:before {
    content: "\e60d"
}
.icon-document-alt-stroke:before {
    content: "\e60e"
}
.icon-search:before {
    content: "\e609"
}
.btn {
    position: relative;
    display: inline-block;
    background: #214094;
    color: #fff;
    text-decoration: none;
    font-size: 1.09375rem;
    line-height: 0.9;
    padding: 0.9rem 1.95rem;
    text-align: center;
    margin: 2rem 0em
}
.btn:hover,
.btn:focus {
    color: #fff;
    background-color: #1076B0;
    transition: background 0.2s ease-out
}
.btn.small {
    font-size: 0.9375rem;
    padding: 1rem
}
.btn.large {
    text-transform: uppercase;
    font-size: 1.4rem
}
.btn.social {
    position: relative;
    background: #1076B0
}
.btn.info {
    position: relative;
    background: #1076B0;
    padding: 0.9rem 0.9rem 0.9rem 1.95rem;
    color: #fff
}
.btn.info:before {
    font-family: "sbd-fonts";
    display: inline;
    position: absolute;
    color: #fff;
    left: 0.5em;
    top: 0.75em;
    content: "\e604";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.btn.disabled {
    background: #d1d5d8;
    color: #fff;
    border: 0.1rem solid #fff
}
.btn.menu {
    margin: 0.5rem
}
@media all and (max-width: 29.75em) {
    .btn.menu {
        width: 100%;
        line-height: 1.2em;
        margin: 0.5rem 0em
    }
}
.btn.menu a {
    color: #fff
}
.fullwidth {
    display: block;
    width: 100%;
    margin-bottom: 2rem
}
.text-btn {
    font-style: italic
}
.social-share {
    overflow: hidden;
    margin-bottom: 2rem
}
.social-share li {
    float: left;
    margin: 0.5rem
}
.social-share:before {
    display: inline;
    font-size: 0.9em;
    margin-right: 0.5rem
}
.social-share .icon-twitter:before {
    font-size: 0.85em
}
.brick {
    background: #dcdddc;
    padding: 4rem;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #eee
}
.block {
    overflow: hidden
}
.block p:last-child {
    margin-bottom: 0em
}
.headline {
    line-height: 1;
    margin: 0em
}
.headline a {
    color: #fff
}
@media all and (min-width: 24em) {
    .headline {
        overflow-x: visible
    }
}
.block-hero {
    margin-bottom: 2rem
}
.block-hero .b-thumb img {
    display: block;
    width: 100%
}
.block-hero .b-text .headline {
    font-size: 1.328rem;
    margin-bottom: 0.5rem
}
@media all and (min-width: 29.75em) {
    .block-hero .b-text .headline {
        font-size: 1.7969rem
    }
}
@media all and (min-width: 50em) {
    .block-hero {
        position: relative
    }
    .block-hero .b-text {
        position: absolute;
        bottom: 0em;
        left: 0em;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        padding: 2rem
    }
    .block-hero .b-text .headline {
        color: #fff
    }
}
.block-hero2 {
    margin-bottom: 2rem;
    width: 100%
}
.block-hero2 .b-thumb {
    display: none
}
.block-hero2 .b-thumb img {
    display: block;
    width: 100%
}
.block-hero2 .b-text .headline {
    font-size: 1.7969rem;
    margin: 0.5rem 0em
}
@media all and (min-width: 46.8em) and (max-width: 60em) {
    .block-hero2 .b-text {
        padding: 1rem !important;
        font-size: 1.09375rem
    }
    .block-hero2 .b-text .headline {
        font-size: 1.328rem;
        margin: 0.5rem 0em
    }
}
@media all and (min-width: 46.8em) {
    .block-hero2 {
        position: relative;
        display: table;
        background-color: #1076B0
    }
    .block-hero2 .b-thumb {
        display: block;
        position: relative;
        width: 100%
    }
    .block-hero2 .b-text {
        display: block;
        position: absolute;
        left: 0em;
        top: 0em;
        width: 31.2%;
        height: 100%;
        color: #fff;
        background-image: url("images/herodim.png");
        padding: 2rem
    }
    .block-hero2 .b-text .headline {
        color: #fff
    }
}
.block-hero3 {
    margin-bottom: 2rem
}
.block-hero3 .b-thumb img {
    display: block;
    width: 100%
}
.block-hero3 .b-text .headline {
    font-size: 1.328rem;
    margin-bottom: 0.5rem
}
@media all and (min-width: 29.75em) {
    .block-hero3 .b-text .headline {
        font-size: 1.7969rem
    }
}
@media all and (min-width: 50em) {
    .block-hero3 {
        position: relative
    }
    .block-hero3 .b-text {
        position: absolute;
        bottom: 0em;
        left: 0em;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        padding: 2rem
    }
    .block-hero3 .b-text .headline {
        color: #fff
    }
}
.block-thumb {
    display: table;
    width: 100%;
    border-collapse: collapse
}
.block-thumb .b-inner {
    display: table-row;
    vertical-align: top;
    overflow: hidden
}
@media all and (min-width: 29.75em) {
    .block-thumb .b-thumb {
        display: table-cell;
        vertical-align: top;
        width: auto;
        max-width: 10em;
        padding-right: 4rem
    }
}
.block-thumb .b-text {
    color: #444;
    margin-top: 2rem;
    vertical-align: top
}
@media all and (min-width: 29.75em) {
    .block-thumb .b-text {
        display: table-cell;
        width: 70%;
        margin-top: auto
    }
}
.block-headline-summary a {
    display: block;
    padding: 1rem
}
.block-inset {
    position: relative
}
.block-inset .b-thumb {
    position: relative;
    z-index: 0
}
.block-inset .b-thumb img {
    display: block
}
.block-inset {
    margin-bottom: 1rem;
    position: relative
}
.block-inset .headline {
    color: #fff;
    font-size: 1.1em
}
.block-inset .b-text {
    position: absolute;
    bottom: 0em;
    left: 0em;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 1rem
}
.block-hta {
    margin-bottom: 2rem;
    position: relative
}
.block-hta .headline {
    color: #fff;
    font-size: 1.1em
}
.block-hta .b-text {
    position: absolute;
    bottom: 0em;
    left: 0em;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 1rem
}
.block-hta .b-text a {
    display: inline;
    color: #fff
}
.block-hta .b-text a h1,
.block-hta .b-text a h2,
.block-hta .b-text a h3,
.block-hta .b-text a h4,
.block-hta .b-text a h5,
.block-hta .b-text a h6,
.block-hta .b-text a .acc-handle,
.block-hta .b-text a .product-list .product-title,
.product-list .block-hta .b-text a .product-title {
    display: inline
}
.block-thumb-summary .b-thumb {
    float: left;
    width: 50%
}
.block-thumb-summary .b-text {
    margin-left: 50%;
    padding: 1rem
}
.inline-list li {
    display: inline-block;
    margin: 0.5rem 1rem 0em 0em
}
.social-list li {
    margin: 0em 0.4rem 2rem 0em
}
.social-list a {
    font-size: 1.6em
}
.headline-list {
    margin-bottom: 2rem
}
.headline-list.flush {
    margin: 0em
}
.headline-list h4 {
    font-weight: normal
}
.headline-list li {
    padding: 0.5rem 0em;
    border-top: 1px solid #ddd
}
.headline-list li:first-child {
    border-top: 0em
}
.post-list li {
    margin-bottom: 2rem
}
.bullet-list,
.dyn-cont ul {
    list-style: square;
    margin: 0em 0em 2rem 2rem
}
.bullet-list li,
.dyn-cont ul li {
    margin-bottom: 0.5rem
}
.bullet-list li:last-child,
.dyn-cont ul li:last-child {
    margin-bottom: 0em
}
.bullet-list ul,
.dyn-cont ul ul {
    list-style: circle;
    margin: 0em 0em 0.5rem 1rem
}
.ordered-list,
.acc-panel.ordered-list,
.product-list .ordered-list.product-details,
.dyn-cont ol {
    list-style: decimal;
    margin: 0em 0em 2rem 2rem
}
.ordered-list li,
.acc-panel.ordered-list li,
.product-list .ordered-list.product-details li,
.dyn-cont ol li {
    margin-bottom: 0.5rem
}
.ordered-list li:last-child,
.dyn-cont ol li:last-child {
    margin-bottom: 0em
}
.ordered-list ul.bullet-list,
.dyn-cont ol ul.bullet-list,
.ordered-list .dyn-cont ul,
.dyn-cont .ordered-list ul,
.dyn-cont ol ul {
    list-style: circle
}
.text-list,
.acc-panel.text-list,
.product-list .text-list.product-details,
.product-list {
    list-style: none;
    margin: 0em 0em 1.5rem
}
.text-list li,
.acc-panel.text-list li,
.product-list .text-list.product-details li,
.product-list li {
    margin-bottom: 0.5rem
}
.text-list li:last-child,
.product-list li:last-child {
    margin-bottom: 0em
}
.text-list ul,
.acc-panel.text-list ul,
.product-list .text-list.product-details ul,
.product-list ul {
    margin: 0em 0em 0.5rem 1rem
}
.filter-list {
    list-style: none;
    line-height: 1.3em
}
.filter-list label {
    padding: 0em 0em 0em 1.5rem
}
.filter-list label input {
    margin-left: -1rem
}
.filter-list label input:checked+span {
    color: #1A3375
}
.filter-list ul {
    margin: 0em
}
.filter-list li {
    margin: 0.5rem 0em 0em 0em
}
.address-list {
    list-style: none;
    margin: 0em 0em 1.5rem
}
.address-list li {
    margin-bottom: 0em
}
.address-list ul {
    margin: 0em 0em 0.5rem 1rem
}
.nutgraf {
    margin: 0em 0em 2rem;
    padding: 1rem 1rem 2rem;
    background-color: #dee2f0;
    color: #214094
}
.nutgraf h1,
.nutgraf h2,
.nutgraf h3,
.nutgraf h4,
.nutgraf h5,
.nutgraf h6,
.nutgraf .acc-handle,
.nutgraf .product-list .product-title,
.product-list .nutgraf .product-title {
    margin: 0em 0em 0.5rem
}
.nutgraf-list {
    padding: 0em 0em 0em 1.5rem;
    line-height: 1.3;
    font-size: 1.09375rem;
    list-style: square
}
.nutgraf-list li {
    margin-bottom: 0.5rem
}
.tooltip-container {
    display: inline-block;
    position: relative
}
.tooltip-container:hover .tooltip {
    display: block
}
.tooltip-link {
    background: #f9f9f9
}
.tooltip {
    display: none;
    position: absolute;
    top: 1.5em;
    left: 0em;
    width: 18em;
    padding: 2rem;
    background: #fff;
    border: 1px solid gray;
    box-shadow: 0.3em 0.3em 1em 0em rgba(0, 0, 0, 0.2)
}
.tooltip h2 {
    margin-top: 0em
}
@media all and (min-width: 24em) {
    .tooltip {
        width: 22em
    }
}
@media all and (min-width: 29.75em) {
    .tooltip {
        width: 27em
    }
}
@media all and (min-width: 39.8em) {
    .tooltip {
        width: 30em
    }
}
.acc-handle,
.product-list .product-title {
    color: #fff;
    font-family: "Roboto Condensed", "HelveticaNeue", "Helvetica", sans-serif;
    font-weight: normal important;
    display: block;
    position: relative;
    padding: 0.9rem 3rem 0.9rem 1.95rem;
    margin-bottom: 1.5rem;
    cursor: pointer;
    background-color: #1A3375;
    transition: max-height 0.3s ease-out
}
.acc-handle:after,
.product-list .product-title:after {
    display: inline;
    position: absolute;
    font-size: 0.8em;
    top: 50%;
    right: 14.4px;
    line-height: 0;
    font-family: 'sbd-fonts';
    content: '\e607';
    speak: none
}
.acc-handle:hover,
.product-list .product-title:hover {
    color: #fff;
    background-color: #214094;
    transition: background 0.2s ease-out
}
.acc-handle.active,
.product-list .active.product-title {
    background-color: #214094
}
.acc-handle.active:after,
.product-list .active.product-title:after {
    font-family: "sbd-fonts";
    speak: none;
    content: "\e615"
}
.acc-handle.small,
.product-list .small.product-title {
    padding: 0.45rem 3rem 0.45rem 0.9rem
}
.no-js .acc-handle:focus,
.no-js .product-list .product-title:focus,
.product-list .no-js .product-title:focus {
    background-color: #214094
}
.no-js .acc-handle:focus:after,
.no-js .product-list .product-title:focus:after,
.product-list .no-js .product-title:focus:after {
    font-family: "sbd-fonts";
    speak: none;
    content: "\e615"
}
.acc-panel.active,
.product-list .active.product-details {
    position: relative;
    display: block;
    max-height: 9999px;
    overflow: visible
}
.no-js .acc-panel,
.no-js .product-list .product-details,
.product-list .no-js .product-details {
    position: relative;
    display: block;
    max-height: 9999px;
    overflow: visible
}
.acc-panel,
.product-list .product-details {
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out
}
.acc-panel.active,
.product-list .active.product-details {
    position: relative;
    display: block;
    max-height: 9999px;
    overflow: visible
}
.acc-panel.text-list,
.product-list .text-list.product-details,
.acc-panel.product-list,
.product-list .product-list.product-details {
    margin: 0em
}
.tabs {
    overflow: hidden
}
.tabs ul {
    display: table;
    width: 100%
}
.tabs li {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #ddd
}
.tabs li:last-child {
    border-right: 0em
}
.tabs a {
    display: block;
    padding: 1rem;
    background: #1151a3;
    color: #fff
}
.tabs a:hover,
.tabs a:focus {
    background: #1076B0
}
.tabs a.active {
    background: #444;
    color: #fff
}
.section {
    margin: 0em 0em 0em
}
.section-title {
    margin-bottom: 1rem
}
.article-header h1 {
    font-size: 2.5em
}
.byline {
    font-size: 0.9375rem;
    font-style: italic;
    margin-bottom: 1rem
}
.wp-caption-text {
    font-style: italic
}
.review-summary .grade {
    width: 4.5em;
    float: left;
    margin: 0em 1rem 0em 0em
}
.review-summary .summary-text {
    margin-left: 5em
}
.comment-container {
    display: block;
    border-collapse: collapse;
    list-style: none;
    overflow: hidden;
    margin-bottom: 2rem
}
.comment-container .comment-meta {
    display: block;
    float: left;
    width: 64px;
    overflow: hidden;
    padding-right: 2rem
}
.comment-container .comment-text {
    position: block;
    overflow: hidden
}
.comment-container .comment-text p {
    margin: 0em
}
.calltoaction {
    display: block;
    z-index: 0em;
    zoom: 1;
    margin-top: 2rem;
    padding: 1rem 1rem 0em;
    background-color: #f9fafb;
    color: #444;
    position: relative;
    text-align: center;
    border: 2px solid #f5f6f9
}
@media all and (min-width: 50em) {
    .calltoaction {
        margin-top: 0em
    }
}
.calltoaction p {
    margin-bottom: 1rem
}
.calltoaction:first-child {
    margin-top: 0em
}
.calltoaction h1,
.calltoaction h2,
.calltoaction h3,
.calltoaction h4,
.calltoaction h5,
.calltoaction h6,
.calltoaction .acc-handle,
.calltoaction .product-list .product-title,
.product-list .calltoaction .product-title {
    color: #214094;
    margin-top: 0em;
    margin-bottom: 0.5rem
}
.calltoaction .g .gi {
    margin-bottom: 1.5rem
}
.calltoaction a.btn {
    width: 100%
}
.calltoaction p {
    margin-bottom: 1rem
}
.g-3up.calltogrp {
    display: block;
    z-index: 0em;
    zoom: 1;
    margin: 0em
}
.g-3up.calltogrp .gi.calltoaction {
    display: block;
    z-index: 0em;
    zoom: 1;
    float: none;
    width: 100%
}
@media all and (min-width: 66em) {
    .g-3up.calltogrp .gi.calltoaction p {
        margin-bottom: 4.3em
    }
}
.g-3up.calltogrp .gi.calltoaction a.btn {
    margin: 0em
}
@media all and (min-width: 66em) {
    .g-3up.calltogrp .gi.calltoaction {
        min-height: 15rem;
        margin-left: 3%;
        float: left;
        width: 31.333%;
        margin-bottom: 1.5rem
    }
    .g-3up.calltogrp .gi.calltoaction:first-child {
        margin-left: 0em
    }
    .g-3up.calltogrp .gi.calltoaction .g {
        position: absolute;
        width: 100%;
        bottom: 0em;
        margin-bottom: 0em
    }
}
@media all and (min-width: 46.8em) {
    .g-3up.calltogrp .gi.calltoaction .g-2up .gi .btn {
        margin-bottom: 0em
    }
}
.join-cta {
    margin-bottom: 1rem
}
.join-cta .calltoaction {
    padding: 0em
}
.join-cta .g.g-2up.lc .gi,
.join-cta .g.g-2up[role="main"] .gi {
    margin: 0em
}
.join-cta .g.g-2up.lc .gi a,
.join-cta .g.g-2up[role="main"] .gi a {
    margin: 0em
}
.join-cta .g.g-2up.lc .gi:first-child,
.join-cta .g.g-2up[role="main"] .gi:first-child {
    margin-bottom: 1rem
}
@media all and (min-width: 46.8em) {
    .join-cta .g.g-2up.lc .gi:first-child,
    .join-cta .g.g-2up[role="main"] .gi:first-child {
        margin: 0em
    }
}
.news-tick {
    position: relative;
    display: table;
    text-align: center;
    width: 100%;
    height: 3rem;
    padding: 0em;
    margin: 2rem 0em;
    text-align: left;
    overflow: hidden;
    border: 2px solid #f5f6f9;
    border-left: none
}
.news-tick h1,
.news-tick h2,
.news-tick h3,
.news-tick h4,
.news-tick h5,
.news-tick h6,
.news-tick .acc-handle,
.news-tick .product-list .product-title,
.product-list .news-tick .product-title {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 1.25rem;
    line-height: 3rem;
    width: 2.2rem;
    padding: 0em 1rem;
    margin: 0em;
    z-index: 1;
    vertical-align: middle;
    color: #fff;
    background-color: #444
}
.news-tick h1 a,
.news-tick h2 a,
.news-tick h3 a,
.news-tick h4 a,
.news-tick h5 a,
.news-tick h6 a,
.news-tick .acc-handle a,
.news-tick .product-list .product-title a,
.product-list .news-tick .product-title a {
    color: #fff
}
.news-tick ul {
    position: relative;
    display: table-cell;
    list-style: none;
    z-index: 0em;
    padding: 0em;
    margin: 0em
}
.news-tick ul li {
    display: none;
    background-color: #fff;
    width: 90%;
    max-height: 300px;
    padding: 0.5rem;
    text-align: center;
    vertical-align: middle
}
.news-tick ul li:first-child {
    display: block
}
.news-tick ul li a {
    margin-bottom: 2rem
}
.bluecontentfocus {
    border: solid 2px #dee2f0;
    background: #edf0f6;
    padding: 1rem 1rem 0em
}
@media all and (min-width: 66em) {
    .bluecontentfocus {
        padding: 1.5rem 2rem 0em
    }
}
.bluecontentfocus h1,
.bluecontentfocus h2,
.bluecontentfocus h3,
.bluecontentfocus h4,
.bluecontentfocus h5,
.bluecontentfocus h6,
.bluecontentfocus .acc-handle,
.bluecontentfocus .product-list .product-title,
.product-list .bluecontentfocus .product-title {
    margin-top: 0em
}
.bluecontentfocus p:last-child {
    margin-bottom: 1.5rem
}
.bluecontentfocus ul {
    color: #214094 !important
}
.bluecontentfocus ul li {
    color: #214094 !important
}
.greycontentfocus {
    background: #f6f6f6;
    border: solid 2px #f1f1f1;
    padding: 1rem 1rem 0em
}
@media all and (min-width: 66em) {
    .greycontentfocus {
        padding: 1.5rem 2rem 0em
    }
}
.greycontentfocus h1,
.greycontentfocus h2,
.greycontentfocus h3,
.greycontentfocus h4,
.greycontentfocus h5,
.greycontentfocus h6,
.greycontentfocus .acc-handle,
.greycontentfocus .product-list .product-title,
.product-list .greycontentfocus .product-title {
    margin-top: 0em
}
.greycontentfocus p:last-child {
    margin-bottom: 2rem
}
#searchpage {
    overflow: hidden
}
@media all and (min-width: 66em) {
    #searchpage {
        background-image: url("images/stamp.jpg");
        background-repeat: no-repeat;
        background-position: bottom left
    }
}
.searchbody {
    position: relative;
    margin-top: 0em;
    transition: all 0.3s ease-out
}
@media all and (min-width: 50em) {
    .searchbody {
        margin-top: 2rem
    }
}
.filtertitle {
    position: relative;
    display: block;
    color: #1076B0;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1.2;
    vertical-align: middle;
    margin: 0em 0em 1rem;
    outline: none
}
.filtertitle:before {
    font-weight: 900;
    padding-right: 0.2rem
}
@media all and (min-width: 50em) {
    .filtertitle {
        cursor: default;
        display: none
    }
}
.filtertitle.active {
    color: #bdc3c7
}
.filtertitle.active:before {
    font-size: 0.9375rem;
    line-height: 1.1;
    padding-right: 0.5rem;
    content: "\e615"
}
.filtertitle:focus+.filter-container,
.filtertitle.active+.filter-container,
.filter-container:hover,
.filter-container:focus {
    max-height: 8999px;
    overflow: visible
}
.l-two-col .l-sidebar.filter-container {
    display: block;
    position: relative;
    max-height: 0em;
    overflow: hidden;
    transition: max-heights 0.6s ease-in
}
@media all and (min-width: 50em) {
    .l-two-col .l-sidebar.filter-container {
        position: relative;
        width: 25.5%;
        height: auto;
        max-height: 8999px;
        overflow: visible
    }
}
.l-two-col .l-sidebar.filter-container.active {
    max-height: 8999px;
    overflow: visible
}
@media all and (min-width: 50em) {
    .l-main.results-container {
        width: 74.5%
    }
}
.searchfilters .btn {
    margin: 0px 1px 0.5rem;
    font-size: 1.328rem
}
.filteroption {
    display: block;
    width: 99.9%;
    padding: 0em 1px;
    margin: 0em 1px 1rem
}
.filteroption .acc-handle,
.filteroption .product-list .product-title,
.product-list .filteroption .product-title {
    margin-bottom: 0px
}
.filteroption .acc-handle.filters-applied,
.filteroption .product-list .filters-applied.product-title,
.product-list .filteroption .filters-applied.product-title {
    background-color: #10762F
}
.filteroptionselect {
    margin-bottom: 0.5rem
}
.filteroptionselect.nudge {
    margin-bottom: 1rem
}
.reset_button {
    display: block;
    text-decoration: underline;
    margin-bottom: 0.5rem
}
.reset_button.pressed {
    color: #10762F;
    box-shadow: none
}
.search-notification {
    padding: 0.5rem 0em;
    margin-bottom: 1rem
}
.search-notification p,
.search-notification a {
    display: inline;
    margin: 0em;
    color: #fff
}
.search-notification .filt-note {
    display: none
}
.search-notification p.mem-note {
    background-color: #214094;
    display: block;
    padding: 0.5rem;
    margin-bottom: 1rem
}
.search-notification.filters-applied {
    background-color: transparent
}
.search-notification.filters-applied p.filt-note {
    background-color: #10762F;
    display: block;
    padding: 0.5rem;
    margin-bottom: 1rem
}
.filtered-member-list {
    background-color: #214094;
    display: block;
    padding: 0.5rem;
    margin-bottom: 1rem;
    color: #fff;
    text-align: center
}
.filtered-member-list a,
.filtered-member-list a:hover,
.filtered-member-list a:focus {
    color: #fff
}
.result {
    font-size: 1.25rem;
    margin: 0em 0em 1rem
}
.result p {
    margin-bottom: 0.5rem
}
.result .title {
    line-height: 1;
    margin: 0em
}
.result .compname {
    font-size: 1.328rem;
    margin-bottom: 0.5rem;
    color: #1151a3
}
.result .compname:hover {
    color: #1076B0
}
.result .bio {
    margin: 0em;
    font-size: 1.09375rem
}
.result .town {
    margin: 0em
}
.result .prodname {
    font-size: 1.09375rem;
    line-height: 1.3;
    margin-bottom: 0em;
    color: #1076B0;
    text-decoration: none
}
.result .prodname:hover,
.result .prodname:focus {
    text-decoration: underline;
    color: #49c
}
.result .result-details {
    display: block;
    width: 100%;
    font-size: 0.9375rem
}
.result .result-details .gi {
    color: gray;
    margin-bottom: 0.5rem;
    line-height: 1.1em
}
@media all and (max-width: 46.8em) {
    .result .result-details .gi {
        float: left;
        width: 50%
    }
    .result .result-details .gi:nth-of-type(2n+1) {
        clear: both
    }
}
.result .result-details .gi strong {
    font-size: 1.1em;
    line-height: 1.8em
}
.result .result-details .gi .na {
    color: #A0A0A0
}
.members-post h2 {
    margin: 0.5rem 0em 1rem
}
.memdetails {
    padding-top: 0em;
    padding-bottom: 0em
}
.memdetails .gi-2-3 h3 {
    color: #444
}
.memlogo {
    display: block;
    position: relative;
    width: 300px;
    height: 250px;
    margin: 1rem auto;
    background-image: url("images/memlogo.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}
.product-list {
    margin: 0em
}
.product-list .text-list,
.product-list .product-list {
    margin-left: 0em
}
.product-list .product {
    margin-bottom: 1rem;
    padding-bottom: 0em
}
.product-list .product.choice-highlight {
    background-color: #fdfbe7
}
.product-list .product.choice-highlight .product-title {
    background-color: #FE6
}
.product-list .category-title {
    position: relative;
    color: #A0A0A0;
    line-height: 1.2;
    overflow: hidden
}
.product-list .product-title {
    font-size: 1.328rem;
    color: #444;
    font-weight: 600;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    margin-bottom: 0em;
    background-color: #f6f6f6
}
.product-list .product-title.active {
    background-color: #f6f6f6;
    color: #333
}
.product-list .product-title:hover {
    background-color: #f1f1f1;
    color: #000
}
.product-list .product-title:after {
    font-size: 0.6em
}
.product-list .product-details {
    margin: 0em;
    padding: 0em;
    font-size: 0.9375rem
}
.product-list .product-details .prod-descrip-title {
    display: block;
    position: relative;
    margin: 0.5rem 1rem 0em
}
.product-list .product-details p.product-description {
    margin: 0 2rem 0.5rem;
    font-size: 1.09375rem
}
.product-list .product-details .title {
    text-transform: uppercase
}
.product-list .product-details .standardtitle {
    display: block;
    margin: 0.5rem 1rem 0em
}
.product-list .product-details strong {
    color: gray;
    padding-right: 0.5rem
}
.product-list .product-details ul {
    margin-bottom: 0em
}
.product-list .product-details .standard-list {
    margin-left: 2rem
}
.product-list .product-details .standard-list .standard {
    margin-left: 0em
}
.product-list .product-details .standard-list .standard .text-list,
.product-list .product-details .standard-list .standard .product-list {
    color: gray
}
.product-list .product-details .standard-list .standard li {
    margin-bottom: 0em
}
.product-list .product-details .standard-list .standard .name {
    font-style: italic;
    font-weight: 600
}
.product-list .product-details .standard-list .standard .notes {
    list-style: none
}
.product-list .product-details .mat-type-list {
    margin: 0.5rem 0em 1rem 1rem
}
.product-list .product-details .mat-type-list li {
    margin-bottom: 0em;
    padding-left: 0em
}
.product-list .product-details .mat-type-list .type-list .types {
    font-style: italic;
    font-weight: 600
}
.product-list .product-details .mat-type-list .mat-list .mats {
    font-style: italic;
    font-weight: 600;
    text-transform: capitalize
}
.htalogo {
    margin: 0em auto 2rem
}
.buying-a-new-build-home .memlogo {
    float: none;
    padding: 0.5rem;
    margin: 1rem auto
}
.hta-member .gi-2-3 {
    position: relative
}
.hta-slider-wrap {
    position: relative;
    display: block;
    width: 100%;
    z-index: 0;
    margin: auto;
    overflow: hidden
}
.hta-slider {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0em;
    margin: 0em
}
.hta-slide {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 0em;
    margin: 0em;
    border-top: 2px solid #f1f1f1;
    padding-top: 3rem
}
.hta-slide img {
    width: 100%
}
.hta-slide.visible {
    display: block
}
.hta-slide:first-child {
    border: none;
    padding-top: 0em
}
.hta-slide .b-text {
    position: relative;
    overflow: visible;
    border: 2px solid #214094;
    padding: 0.35em 2.3em;
    background-color: #214094
}
@media all and (min-width: 29.75em) {
    .hta-slide .b-text {
        text-align: left;
        padding: 0.55em 3em;
        background-color: rgba(33, 64, 148, 0.9);
        position: absolute
    }
}
.slide-nav {
    display: none;
    position: absolute;
    display: block;
    top: 0em;
    width: 44px;
    height: 100%;
    background-color: #214094;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2
}
.slide-nav.goleft,
.slide-nav.goright {
    border: 2px solid #214094;
    position: absolute;
    display: block;
    height: 44px;
    width: 44px;
    background-size: 100%
}
.slide-nav.goleft {
    background-image: url("images/hta-left.png");
    left: 0px
}
.slide-nav.goright {
    background-image: url("images/hta-right.png");
    right: 0px
}
.slide-nav button {
    background: none;
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -999em
}
.slide-nav button:hover {
    background: none;
    border: none
}
.contact-page .cf-h3-fix {
    text-align: center
}
@media all and (min-width: 50em) {
    .contact-page .cf-h3-fix {
        margin-top: 0em;
        min-height: 3.8em
    }
}
.contact-page p.cf-p-fix {
    text-align: center;
    margin-bottom: 2rem
}
@media all and (min-width: 50em) {
    .contact-page p.cf-p-fix {
        min-height: 10em
    }
}
@media all and (min-width: 63.5em) {
    .contact-page p.cf-p-fix {
        min-height: 7.5em
    }
}
#links-secure-home {
    text-align: center
}
#links-secure-home ul {
    background-color: #edf0f6;
    padding: 0.5rem
}
#links-secure-home ul li {
    padding: 1rem 2rem
}
@media all and (min-width: 39.8em) and (max-width: 50em) {
    .l-two-col .l-sidebar.index {
        overflow: hidden;
        background-color: #dee2f0;
        margin-bottom: 1rem
    }
    .l-two-col .l-sidebar.index figure {
        float: left;
        width: 52%;
        background-color: #fff
    }
    .l-two-col .l-sidebar.index .nutgraf {
        border: none;
        display: inline-block;
        padding: 1rem;
        width: 48%;
        margin: 0em
    }
}
.l-sidebar.index.bar-right figure {
    margin-bottom: 2rem
}
@media all and (min-width: 39.8em) {
    .l-sidebar.index.bar-right figure {
        margin-bottom: 0em;
        padding-right: 1rem
    }
}
@media all and (min-width: 50em) {
    .l-sidebar.index.bar-right figure {
        margin-bottom: 2rem;
        padding-right: 0em
    }
}
@media all and (min-width: 46.8em) {
    .page-not-found div[role="main"] {
        height: 768px\9
    }
}
.page-not-found div[role="main"] h2 {
    font-size: 2.473rem;
    margin-top: 1rem
}
@media all and (min-width: 46.8em) {
    .page-not-found div[role="main"] h2 {
        margin-top: 200px
    }
}
.dyn-cont .alignright {
    max-width: 13em;
    *width: 13em
}
.dyn-cont .alignleft {
    max-width: 13em;
    *width: 13em
}
.dyn-cont .aligncenter {
    margin: 0em auto
}
.bluecontentfocus.faq-cta {
    padding-top: 1rem
}
.bluecontentfocus.faq-cta p {
    margin-bottom: 1rem
}
.sitemap {
    position: relative
}
.sitemap .text-list.gi,
.sitemap .gi.product-list {
    width: 50%;
    margin: 0em auto
}
.sitemap .text-list .page_item,
.sitemap .product-list .page_item {
    margin: 0.5rem 0em 0.5rem 1rem
}
.sitemap .text-list .page_item.current_page_item,
.sitemap .product-list .page_item.current_page_item {
    display: none
}
.sitemap .text-list .page_item .children,
.sitemap .product-list .page_item .children {
    color: #214094;
    margin-left: 1rem
}
.sitemap .text-list .page_item a,
.sitemap .product-list .page_item a {
    color: #1151a3;
    text-decoration: none
}
.sitemap .text-list .page_item a:hover,
.sitemap .product-list .page_item a:hover,
.sitemap .text-list .page_item a:focus,
.sitemap .product-list .page_item a:focus {
    color: #1076B0;
    border-color: #1076B0
}
.sitemap .text-list .page_item a:before,
.sitemap .product-list .page_item a:before {
    padding-right: 0.15em;
    vertical-align: baseline;
    content: "\e60e";
    font-family: 'sbd-fonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.sitemap .text-list .page_item.page-item-3931,
.sitemap .product-list .page_item.page-item-3931 {
    margin-left: 0em
}
.sitemap .text-list .page_item.page-item-3931 a:before,
.sitemap .product-list .page_item.page-item-3931 a:before {
    padding-right: 0.15em;
    content: "\e60d"
}
.sitemap .list-float {
    position: relative;
    display: block;
    width: 100%;
    margin: 0em auto
}
@media all and (min-width: 50em) {
    .sitemap .list-float {
        width: 50%
    }
}
.interactive-design-guide .guide-frame {
    position: relative;
    display: block;
    width: 103.5%;
    margin: 2rem auto;
    height: 38.4em;
    left: -0.91em
}
@media all and (min-width: 66em) {
    .interactive-design-guide .guide-frame {
        left: 0em;
        width: 1024px
    }
}
@media all and (max-width: 1023px) {
    .interactive-design-guide .guide-frame {
        display: none
    }
}
.interactive-design-guide .guide-error {
    text-align: center;
    display: none
}
@media all and (max-width: 1023px) {
    .interactive-design-guide .guide-error {
        display: block;
        margin: 2rem;
        height: 600px;
        vertical-align: middle
    }
}
@media all and (max-width: 46.8em) {
    .interactive-design-guide .guide-error {
        height: auto
    }
}
.int-guide {
    display: block;
    position: relative;
    margin-bottom: 2rem;
    padding-top: 0em;
    padding-bottom: 0em
}
.int-guide .gi,
.int-guide .gi-1-3,
.int-guide .gi-2-3 {
    position: relative
}
.int-guide .notfixed,
.int-guide .fixed {
    position: relative;
    display: block;
    width: 100%;
    z-index: 0em
}
.int-guide .calltoaction {
    margin-top: 2rem
}
@media all and (min-width: 60em) {
    .int-guide {
        width: auto
    }
    .int-guide .calltoaction {
        margin-top: 0em
    }
}
.int-guide .btn:last-child {
    margin-top: 0em
}
.videospacerimg {
    width: 100%
}
.videoWrapper {
    z-index: 2;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.lte-ie8 .videoWrapper {
    padding-bottom: 54%
}
.videoWrapper iframe {
    position: absolute;
    top: 0em;
    left: 0em;
    width: 100%;
    height: 100%
}
.contact-form.cpda-pick .btn {
    width: 100%
}
@media all and (min-width: 46.8em) {
    .contact-form.cpda-pick .btn {
        width: 20em
    }
}
.searchloader {
    display: none;
    position: absolute;
    width: 40px;
    height: 20px;
    left: 50%;
    bottom: -1.6rem;
    margin-left: -20px;
    transition: all 0.25s ease
}
@media all and (min-width: 46.8em) {
    .searchloader {
        margin-left: -30px
    }
}
.archivepopup {
    position: relative;
    overflow: hidden;
    max-height: 40em;
    padding: 0em 2rem;
    text-align: center
}
.archivepopup p {
    margin: 0em;
    padding: 0.5rem 0em;
    font-size: 1.09375rem;
    font-weight: 500;
    line-height: 1.2
}
.interimpopup {
    position: relative;
    background-color: #1A3375;
    overflow: hidden;
    height: 0px;
    max-height: 40em;
    padding: 0em 2rem
}
.interimpopup p {
    margin: 0em;
    padding: 0.5rem 0em;
    color: #d1d5d8;
    font-size: 1.09375rem;
    font-weight: 500;
    line-height: 1.2
}
.interimpopup p a {
    color: #FE6
}
.interimpopup p.gray,
.interimpopup p a.gray {
    color: #d1d5d8
}
.interimpopup p strong {
    color: #f1f1f1
}
@media all and (max-width: 66em) {
    .g-2up.cpa .gi {
        width: 100%;
        float: none;
        padding: 0em
    }
}
.cpa-copy {
    margin: 2rem
}
.cpa-business,
.cpa-home {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 469px;
    height: 326px;
    background-size: 100% auto;
    margin: 0 auto !important
}
.cpa-business:hover,
.cpa-business:focus,
.cpa-home:hover,
.cpa-home:focus {
    background-position: center 2px
}
a.cpa-business {
    width: 479px;
    background-image: url("images/secure-business-big.png")
}
a.cpa-business:hover {
    background-position: center 0.6em
}
.lte-ie8 a.cpa-business {
    width: 469px;
    background-image: url("images/ie-secure-business-big-dark.jpg");
    background-position: center
}
.lte-ie8 a.cpa-business:hover {
    background-position: center
}
a.cpa-home {
    background-image: url("images/secure-home-big.png")
}
.lte-ie8 a.cpa-home {
    background-image: url("images/ie-secure-home-big-dark.jpg");
    background-position: center
}
.lte-ie8 a.cpa-home:hover {
    background-position: center
}
@media all and (max-width: 66em) {
    .cpa-business,
    .cpa-home {
        height: 258px;
        margin-bottom: 2rem !important
    }
    .cpa-business:hover,
    .cpa-business:focus,
    .cpa-home:hover,
    .cpa-home:focus {
        background-position: left bottom
    }
    .lte-ie8 .cpa-business,
    .lte-ie8 .cpa-home {
        height: 350px;
        width: 469px;
        margin-bottom: 2rem !important
    }
    .lte-ie8 .cpa-business:hover,
    .lte-ie8 .cpa-business:focus,
    .lte-ie8 .cpa-home:hover,
    .lte-ie8 .cpa-home:focus {
        background-position: left bottom
    }
    a.cpa-business {
        background-image: url("images/secure-business-small.png");
        background-position: left bottom
    }
    a.cpa-business:hover {
        background-position: left bottom
    }
    .lte-ie8 a.cpa-business {
        background-image: url("images/ie-secure-business-big-dark.jpg")
    }
    a.cpa-home {
        background-position: left bottom;
        background-image: url("images/secure-home-small.png")
    }
    .lte-ie8 a.cpa-home {
        background-image: url("images/ie-secure-home-big-dark.jpg")
    }
}
@media all and (max-width: 34.75em) {
    a.cpa-business,
    a.cpa-home {
        width: 300px;
        height: 167px
    }
}
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    html {
        font-size: 12px
    }
    .no-print,
    .no-print * {
        display: none !important
    }
}