.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 2px 0 0 8px;
    height: 40px;
    border: 1px solid #aaa;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 35px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 14px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(https://asq.org/Content/images/vendor/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 16px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://asq.org/Content/images/vendor/chosen-sprite.png) no-repeat 0 9px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: #fff url(https://asq.org/Content/images/vendor/chosen-sprite.png) no-repeat 100% -20px;
    background: url(https://asq.org/Content/images/vendor/chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eee), color-stop(15%, white));
    background-image: -webkit-linear-gradient(#eee 1%, white 15%);
    background-image: -moz-linear-gradient(#eee 1%, white 15%);
    background-image: -o-linear-gradient(#eee 1%, white 15%);
    background-image: linear-gradient(#eee 1%, white 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 40px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(https://asq.org/Content/images/vendor/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eee), color-stop(80%, white));
    background-image: -webkit-linear-gradient(#eee 20%, white 80%);
    background-image: -moz-linear-gradient(#eee 20%, white 80%);
    background-image: -o-linear-gradient(#eee 20%, white 80%);
    background-image: linear-gradient(#eee 20%, white 80%);
    box-shadow: 0 1px 0 white inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 9px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: #fff url(https://asq.org/Content/images/vendor/chosen-sprite.png) no-repeat -30px -20px;
    background: url(https://asq.org/Content/images/vendor/chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {

    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url(https://asq.org/Content/images/vendor/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

@font-face {
    font-family: 'Futura';
    src: url(https://asq.org/Content/fonts/Futura.eot?#iefix) format('embedded-opentype'), url(https://asq.org/Content/fonts/Futura.otf) format('opentype'), url(https://asq.org/Content/fonts/Futura.woff) format('woff'), url(https://asq.org/Content/fonts/Futura.ttf) format('truetype'), url(https://asq.org/Content/fonts/Futura.svg#Futura) format('svg')
}

@font-face {
    font-family: 'Futura-Bold';
    src: url(https://asq.org/Content/fonts/Futura-Bold.eot?#iefix) format('embedded-opentype'), url(https://asq.org/Content/fonts/Futura-Bold.otf) format('opentype'), url(https://asq.org/Content/fonts/Futura-Bold.woff) format('woff'), url(https://asq.org/Content/fonts/Futura-Bold.ttf) format('truetype'), url(https://asq.org/Content/fonts/Futura-Bold.svg#Futura-Bold) format('svg')
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

template,
[hidden] {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

optgroup {
    font-weight: bold
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer
}

[disabled] {
    cursor: default
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

.mx-vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx-center--vert {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mx-center--horz {
    position: absolute;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.card-shadow {
    -webkit-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}

.card-shadow:hover {
    -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3)
}

.card-shadow--lighter {
    -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}

.card-shadow--lighter:hover {
    -webkit-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3)
}

@font-face {
    font-family: 'Futura';
    src: url(https://asq.org/Content/fonts/Futura.eot?#iefix) format('embedded-opentype'), url(https://asq.org/Content/fonts/Futura.otf) format('opentype'), url(https://asq.org/Content/fonts/Futura.woff) format('woff'), url(https://asq.org/Content/fonts/Futura.ttf) format('truetype'), url(https://asq.org/Content/fonts/Futura.svg#Futura) format('svg')
}

@font-face {
    font-family: 'Futura-Bold';
    src: url(https://asq.org/Content/fonts/Futura-Bold.eot?#iefix) format('embedded-opentype'), url(https://asq.org/Content/fonts/Futura-Bold.otf) format('opentype'), url(https://asq.org/Content/fonts/Futura-Bold.woff) format('woff'), url(https://asq.org/Content/fonts/Futura-Bold.ttf) format('truetype'), url(https://asq.org/Content/fonts/Futura-Bold.svg#Futura-Bold) format('svg')
}

@media(min-width:768px) {
    .flag {
        display: table;
        width: 100%
    }
}

@media(min-width:768px) {

    .flag__image,
    .flag__body {
        display: table-cell;
        vertical-align: middle
    }
}

@media(min-width:768px) {

    .flag--top .flag__image,
    .flag--top .flag__body {
        vertical-align: top
    }
}

@media(min-width:768px) {

    .flag--bottom .flag__image,
    .flag--bottom .flag__body {
        vertical-align: bottom
    }
}

@media(min-width:768px) {
    .flag__image {
        padding-right: 10px
    }
}

.flag__image>img {
    display: block;
    max-width: none;
    width: 100%
}

.flag--rev .flag__image {
    padding-right: 0;
    padding-left: 10px
}

.flag__body {
    width: 100%
}

.flag--unbreaking {
    display: table;
    width: 100%
}

.flag__image--unbreaking,
.flag__body--unbreaking {
    display: table-cell;
    vertical-align: middle
}

.flag--top--unbreaking .flag__image--unbreaking,
.flag--top--unbreaking .flag__body--unbreaking {
    vertical-align: top
}

.flag--bottom--unbreaking .flag__image--unbreaking,
.flag--bottom--unbreaking .flag__body--unbreaking {
    vertical-align: bottom
}

.flag__image--unbreaking {
    padding-right: 10px
}

.flag__image--unbreaking>img {
    display: block;
    max-width: none
}

@media(min-width:768px) {
    .inverse-flag {
        direction: rtl
    }
}

@media(min-width:768px) {

    .inverse-flag__image,
    .inverse-flag__body {
        display: inline-block;
        direction: ltr;
        vertical-align: middle
    }
}

@media(min-width:768px) {

    .flag--top .inverse-flag__image,
    .flag--top .inverse-flag__body {
        vertical-align: top
    }
}

@media(min-width:768px) {

    .flag--bottom .inverse-flag__image,
    .flag--bottom .inverse-flag__body {
        vertical-align: bottom
    }
}

@media(min-width:768px) {
    .inverse-flag__image {
        padding-left: 10px
    }

    .inverse-flag__image>img {
        display: block;
        max-width: none
    }

    .flag--rev .inverse-flag__image {
        padding-right: 0;
        padding-left: 10px
    }
}

.flag__body {
    width: 100%
}

.asq-img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.overflow-hidden {
    overflow: hidden
}

.menu-open {
    overflow: hidden;
    position: relative
}

@media(max-width:992px) {
    .menu-open {
        position: fixed
    }
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}

.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.flex-iframe {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%
}

.flex-iframe iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-iframe img {
    width: 100%
}

@media(max-width:600px) {
    .hide-small-screens {
        display: none !important
    }
}

@media(max-width:768px) {
    .hide-medium-screens {
        display: none !important
    }
}

.mx-vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx-center--vert {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mx-center--horz {
    position: absolute;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.card-shadow {
    -webkit-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}

.card-shadow:hover {
    -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3)
}

.card-shadow--lighter {
    -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}

.card-shadow--lighter:hover {
    -webkit-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3)
}

@media(min-width:768px) {
    .flag {
        display: table;
        width: 100%
    }
}

@media(min-width:768px) {

    .flag__image,
    .flag__body {
        display: table-cell;
        vertical-align: middle
    }
}

@media(min-width:768px) {

    .flag--top .flag__image,
    .flag--top .flag__body {
        vertical-align: top
    }
}

@media(min-width:768px) {

    .flag--bottom .flag__image,
    .flag--bottom .flag__body {
        vertical-align: bottom
    }
}

@media(min-width:768px) {
    .flag__image {
        padding-right: 10px
    }
}

.flag__image>img {
    display: block;
    max-width: none;
    width: 100%
}

.flag--rev .flag__image {
    padding-right: 0;
    padding-left: 10px
}

.flag__body {
    width: 100%
}

.flag--unbreaking {
    display: table;
    width: 100%
}

.flag__image--unbreaking,
.flag__body--unbreaking {
    display: table-cell;
    vertical-align: middle
}

.flag--top--unbreaking .flag__image--unbreaking,
.flag--top--unbreaking .flag__body--unbreaking {
    vertical-align: top
}

.flag--bottom--unbreaking .flag__image--unbreaking,
.flag--bottom--unbreaking .flag__body--unbreaking {
    vertical-align: bottom
}

.flag__image--unbreaking {
    padding-right: 10px
}

.flag__image--unbreaking>img {
    display: block;
    max-width: none
}

@media(min-width:768px) {
    .inverse-flag {
        direction: rtl
    }
}

@media(min-width:768px) {

    .inverse-flag__image,
    .inverse-flag__body {
        display: inline-block;
        direction: ltr;
        vertical-align: middle
    }
}

@media(min-width:768px) {

    .flag--top .inverse-flag__image,
    .flag--top .inverse-flag__body {
        vertical-align: top
    }
}

@media(min-width:768px) {

    .flag--bottom .inverse-flag__image,
    .flag--bottom .inverse-flag__body {
        vertical-align: bottom
    }
}

@media(min-width:768px) {
    .inverse-flag__image {
        padding-left: 10px
    }

    .inverse-flag__image>img {
        display: block;
        max-width: none
    }

    .flag--rev .inverse-flag__image {
        padding-right: 0;
        padding-left: 10px
    }
}

.flag__body {
    width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0b6bb5;
    padding: 0;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0;
    font-weight: normal;
    font-family: 'Futura', sans-serif;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC', sizingMethod=crop);
    zoom: 1
}

h1.-no-space,
h2.-no-space,
h3.-no-space,
h4.-no-space,
h5.-no-space,
h6.-no-space {
    margin-bottom: initial
}

.do-not-smooth {
    filter: none
}

.header-w-callout {
    width: 100%;
    margin-bottom: 15px;
    vertical-align: middle
}

.header-w-callout__title {
    display: inline-block;
    margin-right: 15px
}

.header-w-callout__nav {
    float: right
}

.header-w-callout__nav a {
    display: inline-block;
    padding: 10px 0;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase
}

h1,
.txt-h1 {
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media(max-width:400px) {

    h1,
    .txt-h1 {
        font-size: 30px;
        line-height: 36px
    }
}

h1.-alt-header,
.txt-h1.-alt-header {
    font-size: 35px;
    line-height: 40px;
    letter-spacing: .02em;
    margin-bottom: .5em;
    text-transform: capitalize;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600;
    overflow-wrap: break-word;
    word-wrap: break-word
}

h2 {
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin-bottom: .5em
}

h2.-alt-header {
    text-transform: capitalize;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600
}

@media(max-width:400px) {
    h2 {
        font-size: 24px;
        line-height: 30px
    }
}

h3 {
    font-size: 19px;
    font-family: 'Futura-Bold', sans-serif;
    line-height: 25px;
    font-weight: bold;
    text-transform: unset
}

h4 {
    font-size: 19px;
    line-height: 25px;
    text-transform: unset;
    letter-spacing: .02em;
    color: #86b850;
    font-weight: 200
}

@media(max-width:400px) {
    h4 {
        font-size: 14px;
        line-height: 18px
    }
}

h5 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: .5em
}

h6 {
    font-size: 16px;
    line-height: 18px
}

a {
    color: #0b6bb5
}

.quote {
    text-indent: -1ex
}

body {
    margin: 0;
    padding: 0;
    color: #090909;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: Helvetica, sans-serif;
    line-height: 23px;
    font-size: 14px
}

address {
    font-style: normal
}

span.note {
    display: block;
    margin: 1em 0;
    font-size: 12px;
    font-family: 'Helvetica', sans-serif
}

span.note.-blue {
    color: #0b6bb5
}

span.note.-orange {
    color: #e36f1e
}

span.note.-green {
    color: #86b850
}

span.note.-gray {
    color: #545454
}

ol {
    list-style-type: none;
    counter-reset: ol-counter;
    margin: 1em 0;
    padding: 0
}

ol li {
    margin-left: 3px;
    padding-left: 3em;
    position: relative
}

ol li:before {
    counter-increment: ol-counter;
    content: counter(ol-counter, decimal) ".";
    font-family: 'Futura', sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin-right: 3em;
    color: #0b6bb5;
    position: absolute;
    left: 0;
    top: 4px
}

.bkg-colors-blue ol li:before,
.bkg-colors-green ol li:before,
.bkg-colors-orange ol li:before {
    color: #fff
}

ol li ol li:before {
    content: counter(ol-counter, lower-alpha) "."
}

ol li ol li ol li:before {
    content: counter(ol-counter, lower-roman) "."
}

ol.rte-roman-list li:before {
    content: counter(ol-counter, upper-roman) "."
}

ol.rte-roman-list li ol li:before {
    content: counter(ol-counter, lower-alpha) "."
}

ol.rte-roman-list li ol li ol li:before {
    content: counter(ol-counter, lower-roman) "."
}

ol li>ul,
ol.rte-ordered-list li>ul,
ol.rte-roman-list li>ul,
ul.rte-unordered-list li>ul,
ol li>ol,
ol.rte-ordered-list li>ol,
ol.rte-roman-list li>ol,
ul.rte-unordered-list li>ol {
    margin: 0
}

ol li>ul li>ul,
ol.rte-ordered-list li>ul li>ul,
ol.rte-roman-list li>ul li>ul,
ul.rte-unordered-list li>ul li>ul,
ol li>ol li>ul,
ol.rte-ordered-list li>ol li>ul,
ol.rte-roman-list li>ol li>ul,
ul.rte-unordered-list li>ol li>ul,
ol li>ul li>ol,
ol.rte-ordered-list li>ul li>ol,
ol.rte-roman-list li>ul li>ol,
ul.rte-unordered-list li>ul li>ol,
ol li>ol li>ol,
ol.rte-ordered-list li>ol li>ol,
ol.rte-roman-list li>ol li>ol,
ul.rte-unordered-list li>ol li>ol {
    margin: 0
}

.bkg-colors-blue.rich-text-callout-container ul li:before,
.bkg-colors-blue.rich-text-container ul li:before,
.bkg-colors-blue.tile__content ul li:before,
.bkg-colors-blue.tab-block__pane-content ul li:before,
.bkg-colors-blue#ContentWrapper ul li:before,
.bkg-colors-green.rich-text-callout-container ul li:before,
.bkg-colors-green.rich-text-container ul li:before,
.bkg-colors-green.tile__content ul li:before,
.bkg-colors-green.tab-block__pane-content ul li:before,
.bkg-colors-green#ContentWrapper ul li:before,
.bkg-colors-orange.rich-text-callout-container ul li:before,
.bkg-colors-orange.rich-text-container ul li:before,
.bkg-colors-orange.tile__content ul li:before,
.bkg-colors-orange.tab-block__pane-content ul li:before,
.bkg-colors-orange#ContentWrapper ul li:before {
    color: #fff
}

.rich-text-callout-container ul li ul li:before,
.rich-text-container ul li ul li:before,
.tile__content ul li ul li:before,
.tab-block__pane-content ul li ul li:before,
#ContentWrapper ul li ul li:before {
    content: "-"
}

.rich-text-callout-container ul li ul li ul li,
.rich-text-container ul li ul li ul li,
.tile__content ul li ul li ul li,
.tab-block__pane-content ul li ul li ul li,
#ContentWrapper ul li ul li ul li {
    text-indent: -1.3em
}

.rich-text-callout-container ul li ul li ul li:before,
.rich-text-container ul li ul li ul li:before,
.tile__content ul li ul li ul li:before,
.tab-block__pane-content ul li ul li ul li:before,
#ContentWrapper ul li ul li ul li:before {
    content: "■";
    font-size: 14px;
    top: -2px
}

.list-item-clear {
    padding-left: 0;
    text-indent: 0
}

.list-item-clear:before {
    content: "";
    display: none
}

img {
    border-style: none;
    border: 0;
    text-decoration: none
}

img.-circle {
    border-radius: 50%
}

.asq-main-content {
    background: #fff
}

.no-margins {
    margin-left: 0;
    margin-right: 0
}

@media(max-width:400px) {
    .no-margins {
        margin-left: -15px;
        margin-right: -15px
    }
}

.detail-container+section {
    margin-top: 37.5px
}

.content-section {
    padding-top: 37.5px;
    padding-bottom: 37.5px
}

.section-header {
    margin-top: 37.5px;
    text-transform: uppercase;
    letter-spacing: .05em
}

hr {
    margin: 15px 0;
    display: block;
    border: none;
    height: 1px
}

hr.short {
    background: #fff;
    width: 80px;
    margin-left: 0;
    text-align: left
}

.tile__content hr.short {
    background: #666
}

.bkg-colors-blue {
    color: #fff;
    background-color: #0b6bb5;
    padding: 20px
}

.bkg-colors-green {
    color: #fff;
    background-color: #86b850;
    padding: 20px
}

.bkg-colors-orange {
    color: #fff;
    background-color: #e36f1e;
    padding: 20px
}

.bkg-colors-blue h1,
.bkg-colors-green h1,
.bkg-colors-orange h1,
.bkg-colors-blue h2,
.bkg-colors-green h2,
.bkg-colors-orange h2,
.bkg-colors-blue h3,
.bkg-colors-green h3,
.bkg-colors-orange h3,
.bkg-colors-blue h4,
.bkg-colors-green h4,
.bkg-colors-orange h4,
.bkg-colors-blue h5,
.bkg-colors-green h5,
.bkg-colors-orange h5,
.bkg-colors-blue h6,
.bkg-colors-green h6,
.bkg-colors-orange h6,
.bkg-colors-blue a,
.bkg-colors-green a,
.bkg-colors-orange a,
.bkg-colors-blue p,
.bkg-colors-green p,
.bkg-colors-orange p {
    color: #fff
}

.rich-text-callout-container {
    clear: both
}

.rich-text-callout-container img {
    max-width: 100%;
    height: auto
}

.rich-text-callout-container h2 {
    word-break: break-word
}

.rich-text-callout-container.align-right {
    float: right;
    text-align: right;
    width: 100%
}

.rich-text-callout-container.align-left {
    text-align: left;
    width: 100%
}

.rich-text-callout-container+.rich-text-callout-container:last-child {
    margin-bottom: 0
}

form a {
    font-family: 'Futura', sans-serif
}

form h3 {
    font-family: 'Futura-Bold', sans-serif;
    color: #0b6bb5;
    font-weight: 800;
    text-transform: uppercase
}

label {
    vertical-align: middle
}

input[type="radio"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle
}

input[type="radio"]+label {
    color: #545454;
    text-transform: capitalize;
    display: inline-block
}

@media(max-width:767px) {}

.input {
    padding-bottom: 30px
}

.input:last-child {
    padding-bottom: 0
}

.blue-section {
    background: #0b6bb5
}

.gray-section {
    background-color: #f0f0f0;
    padding: 35px 25px;
    margin: 37.5px 0
}

.input-label {
    color: #0b6bb5;
    padding: 5px 0
}

.input-label:not(span) {
    display: inline-block
}

.input-label--sub {
    color: #545454;
    font-family: 'Futura', sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: capitalize
}

.input-label--bold {
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase
}

.input-field {
    display: block
}

.input-field.input-validation-error {
    border: 1px solid #e36f1e
}

.field-validation-error {
    color: #fff;
    font-size: 13px;
    position: absolute;
    display: inline-block;
    padding: 2px 10px;
    bottom: 3px;
    white-space: nowrap;
    left: 15px;
    background: #e36f1e
}

.blue-form a,
.gray-form a {
    padding: 20px;
    text-transform: uppercase;
    letter-spacing: .07em
}

.blue-form .form__link,
.gray-form .form__link {
    font-family: 'Futura', sans-serif;
    font-size: 10px
}

.blue-form .form__link--forgot,
.gray-form .form__link--forgot {
    padding: 0
}

.blue-form {
    background: #0b6bb5;
    padding: 50px 60px
}

.blue-form a {
    color: #fff
}

.blue-form .field-validation-error {
    position: absolute;
    display: inline-block;
    padding: 2px 4px;
    bottom: 100%;
    right: 0;
    left: auto;
    background: #e36f1e
}

.blue-section .blue-form {
    padding: 50px
}

.welcome-block .blue-section .blue-form {
    padding: 45px 35px
}

@media(max-width:400px) {
    .blue-section .blue-form {
        padding: 30px 15px
    }
}

@media(max-width:400px) {
    .blue-form {
        padding: 15px
    }
}

.gray-form {
    background: #f0f0f0;
    padding: 20px
}

.login-container .gray-form {
    padding: 0 37.5px 37.5px 37.5px
}

.gray-form .field-validation-error {
    right: 0;
    left: auto
}

.blue-form__title,
.gray-form__title {
    text-transform: uppercase
}

.blue-form__title {
    margin-bottom: 30px;
    color: #fff
}

.blue-form__input,
.gray-form__input {
    width: 100%;
    padding-bottom: 30px;
    position: relative
}

.blue-form__input.-no-pad,
.gray-form__input.-no-pad {
    padding-bottom: 0
}

.blue-form__input-field,
.gray-form__input-field {
    width: 100%;
    height: auto;
    padding: 15px;
    border: none;
    font-size: 16px;
    outline: none
}

.blue-form__input-field.input-validation-error,
.gray-form__input-field.input-validation-error {
    border: 1px solid #e36f1e
}

.blue-form__input-field {
    background: #95b7dd;
    color: #fff
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
label .placeholder {
    color: #000
}

.blue-form ::-webkit-input-placeholder,
.blue-form ::-moz-placeholder,
.blue-form :-ms-input-placeholder,
.blue-form :-moz-placeholder,
.blue-form ::placeholder,
.blue-form label .placeholder {
    color: #000
}

::-webkit-input-placeholder {
    color: #666
}

.blue-form ::-webkit-input-placeholder {
    color: #fff
}

.gray-form ::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder {
    opacity: 1;
    color: #666
}

.blue-form :-moz-placeholder {
    color: #fff
}

.gray-form :-moz-placeholder {
    color: #666
}

::-moz-placeholder {
    opacity: 1;
    color: #666
}

.blue-form ::-moz-placeholder {
    color: #fff
}

.gray-form ::-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

.blue-form :-ms-input-placeholder {
    color: #fff
}

.gray-form :-ms-input-placeholder {
    color: #666
}

::placeholder {
    color: #666
}

.blue-form ::placeholder {
    color: #fff
}

.gray-form ::placeholder {
    color: #666
}

input:placeholder-shown,
input.placeholder-shown {
    color: #000
}

.blue-form input:placeholder-shown,
.blue-form input.placeholder-shown {
    border: hidden
}

.gray-form input:placeholder-shown,
.gray-form input.placeholder-shown {
    border: hidden
}

.gray-form__input-field {
    background: #fff;
    border: 1px solid #545454
}

.blue-form__input-label span {
    color: #fff
}

.login-container .blue-form__input .blue-form__input-label span {
    top: 1px;
    left: 18px;
    visibility: visible;
    opacity: 1;
    color: #666
}

.login-container .blue-form__input.active .blue-form__input-label span {
    color: #fff;
    left: 5px
}

.active>.blue-form__input-label span {
    -moz-transform: translate(-3px, 39px) scale(.75);
    -ms-transform: translate(-3px, 39px) scale(.75);
    -o-transform: translate(-3px, 39px) scale(.75);
    -webkit-transform: translate(-3px, 39px) scale(.75);
    transform: translate(-3px, 39px) scale(.75);
    visibility: visible;
    opacity: 1;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.blue-form__input-label,
.gray-form__input-label {
    pointer-events: none
}

.blue-form__input-label span,
.gray-form__input-label span {
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    line-height: 53px;
    height: 53px;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 16px
}

.login-container .gray-form__input-label span {
    position: relative;
    left: auto;
    top: 10px;
    visibility: visible;
    opacity: 1;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    color: #0b6bb5
}

.info-button {
    text-align: right;
    margin: 0 15px
}

.button {
    display: inline-block
}

.button button {
    border: none;
    font-size: 14px;
    font-family: 'Futura-Bold', sans-serif;
    color: #fff;
    display: block;
    padding: 15px 20px
}

.button button.green {
    background: #86b850
}

.chosen-container .chosen-results li.highlighted {
    background-color: #0b6bb5;
    background-image: unset
}

.chosen-container-single .chosen-single {
    background: #fff;
    color: #000
}

.chosen-container-single .chosen-single div {
    width: 30px
}

.chosen-container-single .chosen-single div b {
    background: transparent url(https://asq.org/Content/images/icons/up-down.png) center center no-repeat !important;
    background-size: 10px 15px !important
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    width: 30px
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: transparent url(https://asq.org/Content/images/icons/up-down.png) center center no-repeat !important;
    background-size: 10px 15px !important
}

.checkbox-group {
    margin: 15px 0
}

.checkbox-group__input {
    display: inline-block;
    width: auto;
    height: 15px;
    vertical-align: middle
}

.checkbox-group--alert .checkbox-group__input {
    position: absolute;
    left: 20px;
    top: 22px
}

.checkbox-group__label {
    display: inline;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px
}

.checkbox-group--alert .checkbox-group__label {
    color: #c6341c
}

.checkbox-group--alert .checkbox-group__label a {
    text-decoration: underline
}

.checkbox-group--alert {
    position: relative;
    padding: 15px 15px 15px 50px;
    border: 1px solid #c6341c
}

.checkbox-group--alert .fa-exclamation {
    background: #c6341c;
    color: #fff;
    padding: 5px 10px;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 13px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:767px) {
    .checkbox-group--alert .fa-exclamation {
        top: 40px;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

table.tablesaw {
    empty-cells: show;
    max-width: 100%;
    width: 100%
}

.tablesaw {
    border-collapse: collapse;
    width: 100%
}

.tablesaw {
    border: 0;
    padding: 0
}

.tablesaw tr {
    border-top: 1px solid #666
}

.data-table .tablesaw tr:first-child {
    border-top: none
}

@media(max-width:960px) {
    .data-table .tablesaw tr:first-child {
        border-top: 1px solid #666
    }
}

.tablesaw th,
.tablesaw td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em;
    text-align: left;
    border-right: 1px solid #666
}

.tablesaw th:last-child,
.tablesaw td:last-child,
.tablesaw th:nth-last-child(2),
.tablesaw td:nth-last-child(2) {
    border-right: none
}

.data-table .tablesaw th:last-child,
.data-table .tablesaw td:last-child {
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.tablesaw thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em
}

.tablesaw-enhanced .tablesaw-bar .btn {
    background: none;
    background-color: #86b850;
    -webkit-box-shadow: 0 1px 0 white;
    box-shadow: 0 1px 0 white;
    color: #4a4a4a;
    clear: both;
    cursor: pointer;
    display: block;
    font: bold 20px/1 sans-serif;
    margin: 0;
    padding: .5em .85em .4em .85em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: 0 1px 0 white;
    width: 100%;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    border-radius: 50%
}

.tablesaw-enhanced .tablesaw-bar a.btn {
    color: #fff
}

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus {
    color: #208de3;
    background-color: #e36f1e;
    outline: none
}

.tablesaw-enhanced .tablesaw-bar .btn:hover {
    text-decoration: none;
    background-color: #e36f1e
}

.tablesaw-enhanced .tablesaw-bar .btn:focus {
    background-color: #86b850
}

.tablesaw-enhanced .tablesaw-bar .btn:active {
    background-color: #e36f1e
}

.tablesaw-bar .btn:focus {
    -webkit-box-shadow: 0 0 .35em #4faeef !important;
    box-shadow: 0 0 .35em #4faeef !important
}

.tablesaw-bar .btn.btn-small,
.tablesaw-bar .btn.btn-micro {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    top: 0
}

.tablesaw-bar .btn.btn-small {
    font-size: 1.0625em;
    line-height: 19px;
    padding: .3em 1em .3em 1em
}

.tablesaw-bar .btn.btn-micro {
    font-size: .8125em;
    padding: .4em .7em .25em .7em
}

.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
    padding-right: 1.5em
}

.tablesaw-bar .btn-select:after {
    background: none;
    background-repeat: no-repeat;
    background-position: .25em .45em;
    content: "▼";
    font-size: .55em;
    padding-top: 1.2em;
    padding-left: 1em;
    left: auto;
    right: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    width: 1.8em
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
    width: 1.2em;
    font-size: .5em;
    padding-top: 1em;
    padding-right: .5em;
    line-height: 1.65;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left-width: 0
}

.tablesaw-advance .btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 1px 0 white;
    border-radius: .25em
}

.tablesaw-advance .btn.btn-micro {
    font-size: .8125em;
    padding: .3em .7em .25em .7em
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
    display: inline-block;
    overflow: hidden;
    width: 1.8em;
    height: 1.8em;
    background-position: 50% 50%;
    margin-left: .5em;
    position: relative
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    content: "\20";
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid gray
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid gray
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    top: 50%;
    left: 50%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
    -webkit-transform: translate(-60%, -50%);
    -moz-transform: translate(-60%, -50%);
    -mz-transform: translate(-60%, -50%);
    -o-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
    border-right: 5px solid #fff
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    -webkit-transform: translate(-40%, -50%);
    -moz-transform: translate(-40%, -50%);
    -mz-transform: translate(-40%, -50%);
    -o-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    border-left: 5px solid #fff
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
    opacity: .25;
    filter: alpha(opacity=25);
    cursor: default;
    pointer-events: none
}

.tablesaw-bar {
    clear: both;
    font-family: sans-serif
}

.tablesaw-bar.tablesaw-all-cols-visible {
    display: none
}

.tablesaw-toolbar {
    font-size: .875em;
    float: left
}

.tablesaw-toolbar label {
    padding: .5em 0;
    clear: both;
    display: block;
    color: #888;
    margin-right: .5em;
    text-transform: uppercase
}

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
    margin-top: .5em;
    margin-bottom: .5em
}

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
    margin-bottom: 0
}

.tablesaw-bar .tablesaw-toolbar .btn {
    margin-left: .4em;
    margin-top: 0;
    text-transform: uppercase;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    font-family: sans-serif;
    font-size: 1em;
    padding-left: .3em
}

.tablesaw-bar .tablesaw-toolbar .btn-select {
    min-width: 0
}

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
    padding-top: .9em
}

.tablesaw-bar .tablesaw-toolbar select {
    color: #888;
    text-transform: none;
    background: transparent
}

.tablesaw-toolbar~table {
    clear: both
}

.tablesaw-toolbar .a11y-sm {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

@media(min-width:24em) {
    .tablesaw-toolbar .a11y-sm {
        clip: none;
        height: auto;
        width: auto;
        position: static;
        overflow: visible
    }
}

table.tablesaw tbody th {
    font-weight: bold
}

.tablesaw th,
.tablesaw td {
    line-height: 1em;
    text-align: left;
    vertical-align: middle
}

.tablesaw td,
.tablesaw tbody th {
    vertical-align: middle;
    font-size: 1.17em
}

.tablesaw td .btn,
.tablesaw tbody th .btn {
    margin: 0
}

.tablesaw thead th {
    text-shadow: 0 1px 0 white;
    text-align: left
}

.tablesaw thead tr:first-child th {
    border: none;
    border-right: 1px solid #666
}

.membership-chart .tablesaw thead tr:first-child th,
.tablesaw thead tr:first-child th:last-child,
.tablesaw thead tr:first-child th:nth-last-child(2) {
    border-right: none
}

.tablesaw tbody tr:last-child {
    border-bottom: 1px solid #666
}

.tablesaw tbody tr td {
    padding: 15px
}

.tablesaw caption {
    text-align: left;
    margin-bottom: 0;
    opacity: .5;
    filter: alpha(opacity=50);
    line-height: 2.4
}

@media(min-width:25em) {
    .tablesaw caption {
        margin-bottom: .6em;
        line-height: 1.2
    }
}

.tablesaw-cell-label-top {
    text-transform: uppercase;
    font-size: .9em;
    font-weight: normal
}

.tablesaw-cell-label {
    font-size: .65em;
    text-transform: uppercase;
    color: #888;
    font-family: sans-serif
}

@media(min-width:60em) {
    .tablesaw td {
        line-height: 2em
    }
}

@media only all {
    .tablesaw-swipe .tablesaw-cell-persist {
        border-right: 1px solid #666
    }

    .membership-chart .tablesaw-swipe .tablesaw-cell-persist {
        border-right: none
    }
}

.tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf
}

@media(max-width:960px) {
    .tablesaw-stack tbody tr {
        border: 1px solid #666
    }
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none
}

@media only all {

    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row
    }

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0 .6em 0 0;
        width: 30%;
        display: inline-block
    }

    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0
    }

    .tablesaw-cell-label {
        display: block
    }

    .tablesaw-stack tbody th.group {
        margin-top: -1px
    }

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important
    }
}

@media(max-width:59.9375em) {

    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%
    }

    .tablesaw-cell-label {
        vertical-align: top
    }

    .tablesaw-cell-content {
        max-width: 67%;
        display: inline-block
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none
    }
}

@media(min-width:60em) {
    .tablesaw-stack tr {
        display: table-row
    }

    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0
    }

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none !important
    }
}

.tablesaw-fix-persist {
    table-layout: fixed
}

@media only all {

    .tablesaw-swipe th.tablesaw-cell-hidden,
    .tablesaw-swipe td.tablesaw-cell-hidden {
        display: none
    }
}

.btn.tablesaw-columntoggle-btn span {
    text-indent: -9999px;
    display: inline-block
}

.tablesaw-columntoggle-btnwrap {
    position: relative
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    padding: .5em
}

.tablesaw-columntoggle tbody td {
    line-height: 1.5
}

.tablesaw-columntoggle-popup {
    display: none
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    display: block;
    position: absolute;
    top: 2em;
    right: 0;
    background-color: #fff;
    padding: .5em .8em;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    border-radius: .2em;
    z-index: 1
}

.tablesaw-columntoggle-popup fieldset {
    margin: 0
}

@media only all {

    .tablesaw-columntoggle th.tablesaw-priority-6,
    .tablesaw-columntoggle td.tablesaw-priority-6,
    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-5,
    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-4,
    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-3,
    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-2,
    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-1 {
        display: none
    }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    top: 0 !important;
    right: 1em;
    left: auto !important;
    width: 12em;
    max-width: 18em;
    margin: -.5em auto 0
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
    outline-style: none
}

@media(min-width:20em) {

    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-1 {
        display: table-cell
    }
}

@media(min-width:30em) {

    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-2 {
        display: table-cell
    }
}

@media(min-width:40em) {

    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-3 {
        display: table-cell
    }

    .tablesaw-columntoggle tbody td {
        line-height: 2
    }
}

@media(min-width:50em) {

    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-4 {
        display: table-cell
    }
}

@media(min-width:60em) {

    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-5 {
        display: table-cell
    }
}

@media(min-width:70em) {

    .tablesaw-columntoggle th.tablesaw-priority-6,
    .tablesaw-columntoggle td.tablesaw-priority-6 {
        display: table-cell
    }
}

@media only all {

    .tablesaw-columntoggle th.tablesaw-cell-hidden,
    .tablesaw-columntoggle td.tablesaw-cell-hidden {
        display: none
    }

    .tablesaw-columntoggle th.tablesaw-cell-visible,
    .tablesaw-columntoggle td.tablesaw-cell-visible {
        display: table-cell
    }
}

.tablesaw-columntoggle-popup .btn-group>label {
    display: block;
    padding: .2em 0;
    white-space: nowrap
}

.tablesaw-columntoggle-popup .btn-group>label input {
    margin-right: .8em
}

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
    position: relative
}

.tablesaw-sortable thead tr th {
    padding-right: 1.6em;
    vertical-align: top
}

.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
    padding: 0
}

.tablesaw-sortable th.tablesaw-sortable-head button {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 1.6em
}

.tablesaw-sortable .tablesaw-sortable-head button {
    min-width: 100%;
    color: inherit;
    background: transparent;
    border: 0;
    padding: 0;
    text-align: left;
    font: inherit;
    text-transform: inherit;
    position: relative
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    top: 50%;
    right: .5em
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
    border-top: 7.5px solid transparent;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
    border-bottom: 7.5px solid #0b6bb5;
    -webkit-transform: translateY(calc(-50% - 3.75px));
    -moz-transform: translateY(calc(-50% - 3.75px));
    -ms-transform: translateY(calc(-50% - 3.75px));
    -o-transform: translateY(calc(-50% - 3.75px));
    transform: translateY(calc(-50% - 3.75px))
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
    border-top: 7.5px solid #0b6bb5;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    -webkit-transform: translateY(calc(-50% + 3.75px));
    -moz-transform: translateY(calc(-50% + 3.75px));
    -ms-transform: translateY(calc(-50% + 3.75px));
    -o-transform: translateY(calc(-50% + 3.75px));
    transform: translateY(calc(-50% + 3.75px))
}

.tablesaw-sortable .not-applicable:after {
    content: "--";
    display: block
}

.tablesaw-sortable .not-applicable span {
    display: none
}

.tablesaw-advance {
    float: right
}

.tablesaw-advance.minimap {
    margin-right: .4em
}

.tablesaw-advance-dots {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.tablesaw-advance-dots li {
    display: table-cell;
    margin: 0;
    padding: .4em .2em
}

.tablesaw-advance-dots li i {
    width: .25em;
    height: .25em;
    background: #86b850;
    border-radius: 100%;
    display: inline-block
}

.tablesaw-advance-dots-hide {
    opacity: .25;
    filter: alpha(opacity=25);
    cursor: default;
    pointer-events: none
}

.tablesaw-sortable-btn:focus {
    outline: none
}

@media(max-width:960px) {
    .tablesaw-cell-content {
        width: 65%
    }
}

.membership-chart td,
.membership-chart th {
    text-align: center;
    border-right: none
}

.membership-chart td:first-child,
.membership-chart th:first-child {
    text-align: left
}

.table>tbody>tr>td {
    border-top: inherit
}

.data-table .table>tbody>tr>td:last-child {
    vertical-align: middle
}

@media(max-width:640px) {
    .data-table .table>tbody>tr>td:last-child {
        text-align: center
    }
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f0f0f0
}

@media(max-width:960px) {

    .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-label,
    .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-content {
        float: left
    }
}

@media(max-width:350px) {

    .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-label,
    .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-content {
        float: none;
        display: block;
        width: 100%
    }
}

@media(max-width:960px) {
    .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-label {
        width: 33%;
        padding: 0;
        margin: 0 .6em 0 0
    }
}

@media(max-width:350px) {
    .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-label {
        margin: 0;
        width: 100%
    }
}

@media(max-width:350px) {
    .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-content {
        max-width: none
    }
}

@media(max-width:960px) {
    .tablesaw-sortable.tablesaw-stack tbody tr td {
        padding: 8px;
        border: none
    }
}

.data-table .tablesaw-stack .tablesaw-stack__body .tablesaw-stack__visible-row {
    background-color: #f0f0f0
}

.data-table .tablesaw-stack .tablesaw-stack__body .tablesaw-stack__visible-row~.tablesaw-stack__visible-row,
.data-table .tablesaw-stack .tablesaw-stack__body .tablesaw-stack__drawer~.tablesaw-stack__visible-row {
    background-color: #fff
}

.data-table .tablesaw-stack .tablesaw-stack__body .tablesaw-stack__drawer~.tablesaw-stack__visible-row~.tablesaw-stack__visible-row {
    background-color: #f0f0f0
}

.data-table .tablesaw-stack .tablesaw-stack__body .tablesaw-stack__drawer td {
    border-bottom: 1px solid #666
}

.data-table .tablesaw-stack .tablesaw-stack__body .tablesaw-stack__drawer .tablesaw-cell-label {
    display: none
}

.tablesaw-stack__drawer p {
    margin-top: 0;
    font-size: 14px;
    text-align: left;
    color: #545454
}

.tablesaw-stack .tablesaw-stack__drawer td {
    padding: 0
}

.tablesaw-stack .tablesaw-stack__drawer td .tablesaw-stack__drawer-content {
    padding: 15px
}

.tablesaw-stack__row-toggle {
    font-size: 12px
}

.tablesaw-stack__drawer-content.closed {
    display: none
}

.membership-chart table.tablesaw h3 {
    margin-bottom: 15px
}

@media(max-width:400px) {
    .membership-chart table.tablesaw h3 {
        margin-bottom: 0
    }
}

.membership-chart table.tablesaw h3 .header-toggle:hover,
.membership-chart table.tablesaw h3 .header-toggle:focus {
    color: #0b6bb5;
    text-decoration: none
}

@media(min-width:400px) {

    .membership-chart table.tablesaw h3 .header-toggle:hover,
    .membership-chart table.tablesaw h3 .header-toggle:focus {
        cursor: default
    }
}

.membership-chart table.tablesaw h3.row-header {
    position: relative
}

@media(min-width:767px) {
    .membership-chart table.tablesaw h3 {
        margin-bottom: 20px
    }
}

.membership-chart table.tablesaw span {
    display: block
}

.membership-chart table.tablesaw .header-subtext {
    font-size: 19px;
    margin-bottom: 20px
}

h2+.membership-chart table.tablesaw .header-subtext {
    font-size: 12px
}

h3+.membership-chart table.tablesaw .header-subtext {
    font-size: 18px
}

.membership-chart table.tablesaw .header-subtext.-blue {
    color: #0b6bb5
}

.membership-chart table.tablesaw .header-subtext.-small {
    font-size: 10px
}

@media(max-width:400px) {
    .membership-chart table.tablesaw thead h3 {
        margin-bottom: 15px
    }
}

.membership-chart table.tablesaw thead tr:first-child th {
    border: initial;
    padding: 10px 0
}

@media(min-width:767px) {
    .membership-chart table.tablesaw thead tr:first-child th {
        padding: calc(18.75px) 0
    }
}

@media(min-width:1199px) {
    .membership-chart table.tablesaw thead tr:first-child th {
        padding: 37.5px 0
    }
}

.membership-chart table.tablesaw thead th {
    padding: 10px 0;
    text-align: center;
    vertical-align: bottom
}

.membership-chart table.tablesaw thead th:first-child {
    text-align: left;
    padding-left: 5px
}

@media(min-width:767px) {
    .membership-chart table.tablesaw thead th {
        padding: calc(18.75px) 0;
        padding-left: calc(18.75px)
    }
}

@media(min-width:1199px) {
    .membership-chart table.tablesaw thead th {
        padding: 37.5px 0;
        padding-left: calc(18.75px)
    }
}

.membership-chart table.tablesaw tbody .member-chart__desc {
    position: relative
}

.membership-chart table.tablesaw tbody .member-chart__desc.active {
    height: auto;
    opacity: 1;
    max-height: 500px;
    visibility: visible;
    margin: inherit;
    margin-top: 5px
}

@media(min-width:400px) {
    .membership-chart table.tablesaw tbody .member-chart__desc {
        max-height: initial;
        height: auto;
        max-height: none;
        opacity: 1;
        visibility: visible;
        margin: inherit
    }
}

.membership-chart table.tablesaw tbody .narrow-p {
    max-width: 400px
}

.membership-chart table.tablesaw tbody th {
    font-size: inherit;
    line-height: inherit
}

.membership-chart table.tablesaw tbody tr {
    border-bottom: initial
}

.membership-chart table.tablesaw td {
    font-size: inherit;
    line-height: inherit;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle
}

.membership-chart table.tablesaw td:first-child {
    padding-left: 5px;
    text-align: left
}

@media(min-width:767px) {
    .membership-chart table.tablesaw td:first-child {
        padding-left: calc(18.75px)
    }
}

@media(min-width:1199px) {
    .membership-chart table.tablesaw td:first-child {
        padding-left: 37.5px
    }
}

@media(min-width:767px) {
    .membership-chart table.tablesaw td {
        padding: calc(18.75px) 0
    }
}

@media(min-width:1199px) {
    .membership-chart table.tablesaw td {
        padding: 37.5px 0
    }
}

.data-table-container {
    margin-top: 37.5px
}

.cell-text {
    font-size: 14px;
    text-align: left;
    color: #545454
}

span.cell-text {
    display: block
}

.cell-text.-sub-text {
    font-size: 12px;
    margin-left: 10px
}

.membership-chart .cell-text {
    text-align: center
}

.cell-text.-link {
    color: #0b6bb5;
    text-decoration: underline;
    letter-spacing: .02em
}

.cell-text.-header-only {
    color: #0b6bb5;
    letter-spacing: .02em;
    text-decoration: underline
}

.cell-text.-narrow {
    max-width: 125px;
    margin: 0 auto
}

@media(max-width:400px) {
    .membership-chart .cell-text.-narrow {
        margin: 0 auto 0 20%
    }
}

.cell-text.-bold {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600
}

.cell-text.-blue {
    color: #0b6bb5
}

.cell-text.-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    color: #fff
}

.col-header {
    text-align: center;
    vertical-align: top
}

.col-header:first-child {
    text-align: left
}

.col-desc {
    margin: 20px 0
}

.col-desc.col-desc--subtext {
    font-size: 12px;
    letter-spacing: .02em;
    margin: 5px 0 30px
}

.row-header {
    text-align: left
}

.row-title {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600
}

.row-desc {
    font-family: 'Helvetica', sans-serif;
    font-size: 14px;
    font-weight: initial
}

.membership-chart table.tablesaw .header-subtext {
    white-space: nowrap
}

.membership-chart table.tablesaw .tablesaw-cell-persist {
    min-width: 50%
}

.membership-chart table.tablesaw thead.membership-chart__header tr.membership-chart__header-row:first-child th {
    padding-left: 10px;
    padding-right: 10px
}

.membership-chart__action-btn {
    white-space: nowrap
}

.member-chart__circle {
    position: relative;
    margin: 0 auto 0 40%;
    padding: 30px;
    height: 30px;
    width: 30px;
    border-radius: 50%
}

.member-chart__circle.-yes {
    background: #e36f1e
}

.member-chart__circle.-no {
    background: #666
}

@media(min-width:400px) {
    .member-chart__circle {
        height: 60px;
        width: 60px;
        margin: 0 auto
    }
}

@media(min-width:1199px) {
    .member-chart__circle {
        padding: 40px;
        height: 80px;
        width: 80px
    }
}

.member-chart__row--editor {
    margin-top: 20px
}

.global-footer {
    background: #353535;
    color: #fff;
    padding: 75px 0;
    margin-top: 37.5px
}

.global-footer * {
    box-sizing: border-box
}

.global-footer a {
    color: #fff;
    text-decoration: none
}

.global-footer a:hover {
    color: #339ff3
}

.global-footer li {
    margin-left: 0;
    list-style-type: none
}

.global-footer .nav-links__list {
    margin-top: 0
}

.global-footer a.footer-link img {
    width: 70%;
    height: 70%
}

.global-footer .col-sm-6 {
    border-left: 1px solid #fff
}

@media(max-width:767px) {
    .global-footer .col-sm-6 {
        border-left: none
    }
}

.global-footer .col-sm-6 .row p:first-child {
    margin-top: 0
}

@media(max-width:767px) {
    .global-footer .col-sm-6 .row p:first-child {
        float: left;
        margin-top: 30px
    }
}

.global-footer .col-sm-6 .row .social-links li {
    display: inline-block;
    margin-right: 15px;
    background: #666;
    width: 30px;
    height: 30px
}

.asq-main-content:focus {
    outline: none
}

.asq-main-content.lateral-menu-is-open {
    -moz-transform: translateX(280px);
    -ms-transform: translateX(280px);
    -o-transform: translateX(280px);
    -webkit-transform: translateX(280px);
    transform: translateX(280px)
}

.global-header {
    position: absolute;
    width: 100%;
    top: 40px;
    left: 0;
    height: 44px;
    z-index: 5;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

@media(max-width:992px) {
    .global-header {
        top: 0;
        z-index: 15
    }
}

.global-header.lateral-menu-is-open {
    -moz-transform: translateX(280px);
    -ms-transform: translateX(280px);
    -o-transform: translateX(280px);
    -webkit-transform: translateX(280px);
    transform: translateX(280px)
}

@media(max-width:992px) {
    .global-header.lateral-menu-is-open #asq-top-nav.mobile {
        display: block
    }
}

@media(max-width:992px) {
    .global-header.lateral-menu-is-open #asq-top-nav.desktop {
        display: none
    }
}

.global-header.is-fixed {
    position: fixed
}

#asq-logo {
    display: block;
    position: absolute;
    left: 124px
}

@media(max-width:992px) {
    #asq-logo {
        top: 75px;
        left: 90px
    }
}

@media(max-width:400px) {
    #asq-logo {
        left: 65px;
        top: 57px
    }
}

#asq-logo img {
    display: block;
    width: 90px;
    height: auto
}

@media(max-width:992px) {
    #asq-logo img {
        width: 60px;
        display: block
    }
}

#asq-menu-trigger {
    position: fixed;
    left: 0;
    top: 40px;
    z-index: 10;
    height: 80px;
    width: 80px;
    background-color: #86b850;
    text-decoration: none;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

#asq-menu-trigger:hover {
    background: #0b6bb5;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width:1400px) {
    #asq-menu-trigger {
        position: absolute
    }
}

@media(max-width:992px) {
    #asq-menu-trigger {
        background: transparent;
        position: absolute;
        top: 60px;
        left: 0
    }
}

@media(max-width:400px) {
    #asq-menu-trigger {
        width: 60px;
        top: 40px
    }
}

#asq-menu-trigger .asq-menu-text {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-family: 'Futura', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
    position: absolute
}

#asq-menu-trigger .asq-menu-icon {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    margin: 0 auto;
    width: 30px;
    height: 4px;
    background-color: #fff;
    -moz-transition: background-color ease .4s;
    -o-transition: background-color ease .4s;
    -webkit-transition: background-color ease .4s;
    transition: background-color ease .4s
}

#asq-menu-trigger .asq-menu-icon::before,
#asq-menu-trigger .asq-menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: inherit;
    left: 0
}

#asq-menu-trigger .asq-menu-icon::before {
    bottom: 10px;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

#asq-menu-trigger .asq-menu-icon::after {
    top: 10px;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

#asq-menu-trigger {
    -moz-transition: transform .4s;
    -o-transition: transform .4s;
    -webkit-transition: transform .4s;
    transition: transform .4s
}

#asq-menu-trigger.is-clicked {
    -moz-transform: translateX(280px);
    -ms-transform: translateX(280px);
    -o-transform: translateX(280px);
    -webkit-transform: translateX(280px);
    transform: translateX(280px)
}

#asq-menu-trigger.is-clicked .asq-menu-icon {
    background-color: rgba(255, 255, 255, 0);
    -moz-transition: background-color ease .4s;
    -o-transition: background-color ease .4s;
    -webkit-transition: background-color ease .4s;
    transition: background-color ease .4s
}

#asq-menu-trigger.is-clicked .asq-menu-icon::before,
#asq-menu-trigger.is-clicked .asq-menu-icon::after {
    background-color: #fff
}

#asq-menu-trigger .asq-menu-icon::before {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

#asq-menu-trigger .asq-menu-icon::after {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

#asq-menu-trigger.is-clicked .asq-menu-icon::before {
    bottom: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

#asq-menu-trigger.is-clicked .asq-menu-icon::after {
    top: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

#asq-lateral-nav {
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    visibility: hidden;
    z-index: 3;
    width: 280px;
    background-color: #353535;
    overflow-y: auto;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: transform .4s .1s, visibility 0s .4s;
    -o-transition: transform .4s .1s, visibility 0s .4s;
    -webkit-transition: transform .4s .1s, visibility 0s .4s;
    transition: transform .4s .1s, visibility 0s .4s;
    -moz-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    -o-transform: translateX(-280px);
    transform: translateX(-280px)
}

#asq-lateral-nav a.current {
    background-color: #3a4a4d;
    color: #fff
}

.no-touch #asq-lateral-nav a:hover {
    color: #fff
}

@media only screen and (min-width:768px) {
    #asq-lateral-nav .asq-navigation {
        margin: 20px 0
    }
}

#asq-lateral-nav.lateral-menu-is-open {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -moz-transition: transform .4s 0s, visibility 0s 0s;
    -o-transition: transform .4s 0s, visibility 0s 0s;
    -webkit-transition: transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    -webkit-overflow-scrolling: touch
}

#asq-lateral-nav .item-has-children>a {
    position: relative;
    text-transform: uppercase;
    font-weight: 600
}

#asq-lateral-nav .item-has-children>a::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1em;
    background: url(https://asq.org/Content/styles/less/img/asq-arrow.svg) no-repeat center center;
    background-size: 8px 11px;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: transform;
    transition-property: transform;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

#asq-lateral-nav .item-has-children>a.submenu-open::after {
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.asq-navigation>li {
    list-style-type: none;
    margin: 0
}

.asq-navigation>li a {
    padding: 12px 20px;
    width: 100%;
    color: #8c8c8c;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -webkit-transition: background .25s;
    transition: background .25s
}

.asq-navigation>li a:hover,
.asq-navigation>li a:focus {
    background: #666;
    text-decoration: none;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -webkit-transition: background .25s;
    transition: background .25s;
    color: #fff
}

.asq-navigation>li.has-children {
    position: relative;
    z-index: 10
}

.asq-navigation>li.has-children .children {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    -moz-transition: max-height .25s cubic-bezier(0, 1, 0, 1);
    -o-transition: max-height .25s cubic-bezier(0, 1, 0, 1);
    -webkit-transition: max-height .25s cubic-bezier(0, 1, 0, 1);
    transition: max-height .25s cubic-bezier(0, 1, 0, 1)
}

.asq-navigation>li.has-children .children.open {
    max-height: 2000px;
    -moz-transition: max-height .25s cubic-bezier(1, 0, 1, 0);
    -o-transition: max-height .25s cubic-bezier(1, 0, 1, 0);
    -webkit-transition: max-height .25s cubic-bezier(1, 0, 1, 0);
    transition: max-height .25s cubic-bezier(1, 0, 1, 0)
}

.asq-navigation>li.has-children .children .child {
    position: relative;
    margin-top: 2px
}

.asq-navigation>li.has-children .children .child a {
    font-family: 'Futura', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: normal
}

.asq-navigation>li.has-children .children .child.has-children .child {
    margin-top: 2px
}

.asq-navigation>li.has-children:hover>a,
.asq-navigation>li.has-children:focus>a {
    color: #fff;
    background-color: #666
}

.asq-navigation>li.has-children:hover .open-children,
.asq-navigation>li.has-children:focus .open-children {
    background-color: #353535
}

.asq-navigation>li.has-children:hover .open-children.open,
.asq-navigation>li.has-children:focus .open-children.open {
    background-color: #86b850
}

.asq-navigation>li.has-children:hover .open-children.open:hover,
.asq-navigation>li.has-children:focus .open-children.open:hover,
.asq-navigation>li.has-children:hover .open-children.open:focus,
.asq-navigation>li.has-children:focus .open-children.open:focus {
    background-color: #e36f1e
}

.asq-navigation>li.has-children .open-children:hover,
.asq-navigation>li.has-children .open-children:focus {
    background-color: #e36f1e
}

.asq-navigation>li .open-children {
    position: absolute;
    z-index: 15;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
    background: #666;
    cursor: pointer;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s
}

.asq-navigation>li .open-children:hover {
    background-color: #e36f1e;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s
}

.asq-navigation>li .open-children:before,
.asq-navigation>li .open-children:after {
    content: '';
    width: 12px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: -1px auto;
    top: 50%
}

.asq-navigation>li .open-children:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: transform .25s;
    -o-transition: transform .25s;
    -webkit-transition: transform .25s;
    transition: transform .25s
}

.asq-navigation>li .open-children.open {
    background-color: #86b850
}

.asq-navigation>li .open-children.open:after {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: transform .25s;
    -o-transition: transform .25s;
    -webkit-transition: transform .25s;
    transition: transform .25s
}

.child {
    background-color: rgba(161, 161, 161, .1)
}

.child .child {
    background-color: rgba(161, 161, 161, .2)
}

.child .child .child {
    background-color: rgba(161, 161, 161, .3)
}

.child .child .child .child {
    background-color: rgba(161, 161, 161, .4)
}

.child .child .child .child .child {
    background-color: rgba(161, 161, 161, .45)
}

.child .child .child .child .child .child {
    background-color: rgba(161, 161, 161, .5)
}

.child .child .child .child .child .child .child {
    background-color: rgba(161, 161, 161, .6)
}

.child .child .child .child .child .child .child .child {
    background-color: rgba(161, 161, 161, .65)
}

.child .child .child .child .child .child .child .child .child {
    background-color: rgba(161, 161, 161, .75)
}

.page-title {
    color: #86b850;
    font-weight: 800;
    font-family: 'Futura-Bold', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 20px 0;
    margin-top: 30px;
    text-transform: uppercase;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.global-header .info-box {
    display: none;
    padding: 20px;
    background: #f0f0f0;
    position: absolute;
    top: 43px;
    width: 340px;
    z-index: 40
}

.global-header .info-box:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #f0f0f0;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(max-width:992px) {
    .global-header .info-box:before {
        display: none
    }
}

.global-header .info-box.arrow--pull:before {
    right: -200px
}

@media(max-width:992px) {
    .global-header .info-box {
        border-bottom: 3px solid #0b6bb5;
        -webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .3);
        box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .3);
        width: 100%;
        top: 100%
    }
}

#asq-top-nav ul:first-child li a:hover {
    text-decoration: underline
}

#asq-top-nav ul li a {
    font-size: 12px;
    font-weight: 600
}

#asq-top-nav ul li a .amount {
    background: rgba(255, 255, 255, .3);
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 12px;
    line-height: 24px;
    color: #f0f0f0;
    margin-left: 5px
}

#asq-top-nav ul li span {
    font-size: 12px;
    font-weight: 600
}

#asq-top-nav ul li.has-item a .amount {
    background: #86b850
}

#asq-top-nav ul li .user-icon {
    width: 14px;
    height: auto;
    border: 0;
    margin-right: 10px;
    display: inline-block
}

#asq-top-nav ul li i.fa-search {
    font-size: 16px
}

#asq-top-nav ul li.origin-links a {
    text-decoration: underline
}

#asq-top-nav .utility-nav__item {
    position: relative;
    padding-left: 15px
}

#asq-top-nav .utility-nav__item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    height: 17px;
    border-left: 1px solid #fff
}

#asq-top-nav .utility-nav__item:first-child:before {
    display: none
}

.utility-nav {
    color: #fff;
    position: absolute;
    top: 0;
    right: 110px;
    height: 100%;
    display: none;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: transform .5s;
    -o-transition: transform .5s;
    -webkit-transition: transform .5s;
    transition: transform .5s
}

@media(max-width:1400px) {
    .utility-nav {
        right: 60px
    }
}

@media only screen and (min-width:992px) {
    .utility-nav {
        display: block
    }
}

.utility-nav li {
    display: inline-block;
    margin-left: 15px
}

.utility-nav a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    text-decoration: none
}

.utility-nav a.current {
    background-color: #242e30
}

.utility-nav.mobile {
    display: none;
    right: 0;
    left: 0;
    height: auto
}

.utility-nav.mobile .top-bar {
    background: #0b6bb5;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px
}

.utility-nav.mobile .top-bar ul {
    margin: 0
}

.utility-nav.mobile .top-bar li {
    margin: 0 5px
}

.utility-nav.mobile .top-bar a {
    font-size: 12px
}

.utility-nav.mobile .top-bar .left {
    position: relative;
    left: 0;
    float: left
}

.utility-nav.mobile .top-bar .left i {
    margin-right: 10px
}

.utility-nav.mobile .top-bar .right {
    position: relative;
    right: 0;
    float: right
}

.utility-nav.mobile .secondary-nav {
    position: absolute;
    right: 20px;
    top: 75px
}

.utility-nav.mobile .secondary-nav ul {
    margin: 0
}

@media(max-width:600px) {
    .utility-nav.mobile .secondary-nav .logged-in {
        display: none
    }
}

@media(max-width:992px) {
    .utility-nav.mobile {
        display: block
    }
}

@media(max-width:400px) {
    .utility-nav.mobile .secondary-nav {
        top: 57px;
        right: 10px
    }
}

@media(max-width:400px) {
    .utility-nav.mobile .secondary-nav ul li {
        margin-left: 5px
    }
}

@media(max-width:350px) {
    .utility-nav.mobile .secondary-nav ul li {
        margin-left: 5px;
        display: block
    }
}

@media(max-width:350px) {
    .utility-nav.mobile .secondary-nav ul li.secondary-nav__sm-btn {
        float: right;
        margin-top: 5px
    }
}

@media(max-width:400px) {
    .utility-nav.mobile .secondary-nav .btn a {
        font-size: 10px;
        padding: 5px 10px
    }
}

@media(max-width:992px) {
    .utility-nav.desktop {
        display: none
    }
}

.utility-nav__block {
    display: inline-block;
    margin: 0
}

@media(min-width:992px)and (max-width:1400px) {
    .utility-nav__block {
        display: block;
        margin: 0 0 8px 0
    }
}

.breadcrumb {
    background: rgba(255, 255, 255, .3);
    margin-top: 37.5px;
    margin-bottom: 37.5px
}

.breadcrumb.container-fluid+.container-fluid {
    padding-top: 0
}

@media(max-width:767px) {
    .breadcrumb {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.breadcrumb__list {
    list-style: none;
    margin: 0;
    overflow: hidden
}

.breadcrumb__list-separator {
    padding: 0 3px;
    font-family: 'Futura', sans-serif;
    color: #0b6bb5;
    letter-spacing: 1.5px
}

.breadcrumb__list-item {
    float: left;
    line-height: 23px;
    white-space: nowrap
}

.breadcrumb__list-item a {
    font-family: 'Futura', sans-serif;
    color: #0b6bb5;
    letter-spacing: 1.5px;
    text-decoration: underline;
    display: inline-block
}

.breadcrumb__list-item:first-child>a {
    background: transparent url(https://asq.org/Content/images/icons/home-blue.png);
    background-image: url(https://asq.org/Content/images/icons/home-blue.svg), none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    padding: 8px 0
}

.breadcrumb__list-item:first-child>a>.list-item__title {
    display: none
}

.breadcrumb__list-item:first-child>a:after {
    content: "";
    display: block;
    background: #0b6bb5;
    height: 1px;
    width: 16px;
    position: relative;
    bottom: -9px;
    left: 0
}

@media(max-width:767px) {
    .breadcrumb__list-item {
        float: none;
        display: inline-block
    }
}

.breadcrumb__list-current {
    display: inline-block;
    font-family: 'Futura-Bold', sans-serif;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.gray-block {
    background: #f0f0f0;
    width: 100%;
    padding: 30px;
    overflow: hidden
}

.gray-block+.gray-block {
    padding-top: 0
}

@media(max-width:400px) {
    .gray-block {
        padding: 15px
    }
}

.asq-communities {
    background: #0b6bb5;
    padding: 30px;
    color: #fff
}

.asq-communities__logo {
    width: 70px;
    height: 98px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.asq-communities__logo+.asq-communities__title {
    display: inline-block;
    width: calc(15%);
    vertical-align: middle
}

.asq-communities__logo+.asq-communities__title+.asq-communities__hosted-links {
    margin-top: 30px
}

@media(max-width:350px) {
    .asq-communities__logo {
        display: block;
        margin-right: initial;
        margin-bottom: 15px
    }
}

.asq-communities__divider {
    background: #95b7dd;
    margin: 30px 0
}

.asq-communities__title {
    display: inline-block;
    color: #fff;
    text-transform: none
}

@media(max-width:350px) {
    .asq-communities__title {
        display: block
    }
}

.asq-communities__item {
    list-style: none
}

.asq-communities__item a {
    font-family: 'Futura', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 10px 0
}

.asq-communities__social-links {
    border-bottom: 0;
    padding-bottom: 0
}

.asq-communities__social-links .item__link {
    transition: color .25s
}

.asq-communities__social-links .item__link:hover {
    color: #86b850
}

.item--social {
    display: inline-block;
    list-style: none;
    margin-right: 20px
}

.item--social:last-child {
    margin-right: 0
}

@media(max-width:350px) {
    .item--social .item__link>.fa-2x {
        font-size: 1.5em
    }
}

.social-community {
    background: #fff;
    padding: 30px
}

.social-community__title {
    color: #0b6bb5;
    text-transform: none;
    display: inline-block;
    vertical-align: middle
}

.social-community__icon {
    display: inline-block;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    background: #0b6bb5;
    position: relative;
    border-radius: 50%;
    vertical-align: middle
}

.social-community__icon i {
    color: #fff;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.social-community__divider {
    background: #666;
    margin: 20px 0
}

.social-community__social-post {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px
}

.social-community__social-post:last-child {
    margin-bottom: 0
}

@media(min-width:400px)and (max-width:767px) {
    .social-community__social-post img {
        max-width: 75px;
        height: auto
    }
}

.social-post__content {
    padding-left: 0
}

.content__author {
    color: #000;
    font-weight: 600
}

.content__post {
    margin: 0
}

.post--facebook {
    text-decoration: underline;
    color: #0b6bb5
}

.content__source {
    color: #959595;
    text-decoration: none
}

.content__source:hover,
.content__source:focus {
    text-decoration: none;
    color: #7c7c7c
}

.source--linkedin {
    color: #0b6bb5
}

.single-column .row .col-sm-12 section:last-child {
    padding-bottom: 0
}

.single-column .row .col-sm-12 section:first-child {
    padding-top: 0
}

.two-column>.row>.col-sm-6 {
    width: 48%
}

.two-column>.row>.col-sm-6:last-child {
    float: right
}

@media(max-width:1199px) {
    .two-column>.row>.col-sm-6 {
        width: 50%
    }
}

@media(max-width:767px) {
    .two-column>.row>.col-sm-6 {
        width: 100%
    }
}

@media(max-width:767px) {
    .two-column .col-sm-6+.col-sm-6 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .two-column .col-lg-8+.col-lg-4 {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .two-column .col-lg-4+.col-lg-8 {
        margin-top: 20px
    }
}

@media(max-width:992px) {
    .two-column.two-column--small-right .col-sm-7 {
        margin-bottom: 20px
    }
}

.breadcrumb+.container-fluid>.two-column>.content-section {
    padding-top: 0
}

.breadcrumb+.two-column--split>.content-section {
    padding-top: 0
}

.bg-box {
    padding: 37.5px;
    position: relative;
    margin-bottom: 37.5px
}

@media(max-width:400px) {
    .bg-box {
        padding: calc(18.75px);
        margin-bottom: calc(18.75px)
    }
}

.bg-box--gray {
    background-color: #f0f0f0
}

@media print {

    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    a,
    .basic-details-block * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    #header-container,
    .alert-banner,
    #asq-menu-trigger,
    #asq-lateral-nav,
    .global-footer,
    .help-callout-container,
    .sub-navigation,
    .google-maps__block,
    .js-calendar-list,
    .js-share-list,
    .breadcrumb {
        display: none !important
    }

    .google-maps {
        width: 1200px;
        height: 400px
    }

    .hero-section__hero-content .col-sm-7,
    .catalog-page .col-sm-6 {
        width: 100%
    }

    a,
    a:visited {
        text-decoration: underline
    }

    .hero-section.hero-section--default {
        padding: 10px 0 !important
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap !important
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }
}

.alert-banner {
    position: fixed;
    width: 100%;
    background: #0b6bb5;
    left: 0;
    padding: 10px;
    z-index: 2400;
    -webkit-transition: top 2s;
    transition: top 2s
}

@media(max-width:767px) {
    .alert-banner {
        padding: 10px
    }
}

.alert-banner.-hidden {
    top: -100%
}

.alert-banner.-shown {
    top: 0%
}

.alert-banner__content {
    margin: 0 auto;
    padding: 0 15px;
    width: calc(100% - 220px)
}

@media(max-width:1400px) {
    .alert-banner__content {
        width: calc(100% - 125px)
    }
}

@media(max-width:1199px) {
    .alert-banner__content {
        width: 90%
    }
}

@media(max-width:767px) {
    .alert-banner__content {
        width: 100%
    }
}

@media(max-width:400px) {
    .alert-banner__content {
        width: 100%
    }
}

.alert-banner__left-col {
    float: left;
    width: 50%
}

@media(max-width:767px) {
    .alert-banner__left-col {
        float: none;
        width: 100%
    }
}

.alert-banner__right-col {
    float: right;
    width: 50%
}

@media(max-width:767px) {
    .alert-banner__right-col {
        float: none;
        width: 100%
    }
}

.alert-banner__action {
    float: right
}

@media(max-width:767px) {
    .alert-banner__action {
        float: none
    }
}

.alert-banner__btn.btn a {
    display: block;
    text-align: center
}

@media(max-width:767px) {
    .alert-banner__btn {
        display: block;
        width: 100%
    }
}

.alert-banner__message {
    display: inline-block;
    color: #fff;
    margin-right: 15px
}

@media(max-width:767px) {
    .alert-banner__message {
        display: block;
        text-align: center
    }
}

.alert-banner__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px
}

@media(max-width:767px) {
    .alert-banner__close {
        top: -10px;
        right: -10px
    }
}

.btn {
    display: inline-block;
    transition: background .25s
}

.content .btn+.btn {
    margin-top: 1em
}

.btn a,
.btn button {
    background: transparent;
    color: #fff;
    display: inline-block;
    border: none;
    padding: 10px 20px;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1px;
    transition: background .3s;
    cursor: pointer
}

.btn a:hover,
.btn button:hover {
    text-decoration: none;
    color: #fff
}

@media(max-width:400px) {

    .btn a,
    .btn button {
        padding: 10px
    }
}

.btn.transparent {
    background: rgba(255, 255, 255, .3)
}

.btn.green {
    background: #86b850
}

.btn.blue {
    background: #0b6bb5
}

.btn.blue:hover {
    background: #e36f1e;
    transition: background .3s
}

.btn.orange {
    background: #e36f1e
}

.btn:hover {
    background: #0b6bb5;
    transition: background .3s
}

.btn.alt-hover:hover {
    background: #e36f1e
}

.btn.small a,
.btn.small button {
    font-size: 10px;
    padding: 5px 10px
}

.btn.btn--block {
    display: block;
    margin: 15px 0
}

.login .btn.green:hover {
    background: #e36f1e
}

.btn.btn--full-width {
    width: 100%;
    text-align: center
}

.btn.btn--full-width>a {
    width: 100%;
    height: 100%
}

.btn.btn--float-right {
    float: right
}

.btn.btn--has-icon {
    position: relative
}

.btn.btn--has-icon>a {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 10px 20px 10px 50px
}

.btn.btn--has-icon:before {
    position: absolute;
    z-index: 9;
    top: 10px;
    left: 5px;
    content: "";
    height: 20px;
    width: 40px;
    background-color: #0b6bb5;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.btn.btn--has-icon.btn--email:before {
    background-color: transparent;
    background: transparent url(https://asq.org/Content/images/icons/email-white.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/email-white.png), none;
    background-size: contain
}

.btn.btn--has-icon.btn--chat:before {
    background-color: transparent;
    background: url(https://asq.org/Content/images/icons/chat-white.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/chat-white.png), none;
    background-size: contain
}

.btn.btn--has-icon.btn--disabled {
    background-color: #666
}

.btn.btn--has-icon.btn--disabled>a {
    pointer-events: none;
    cursor: default
}

.btn--inline-link {
    display: inline-block
}

.btn--inline-link a {
    display: block;
    font-size: 16px;
    text-decoration: underline;
    font-family: 'Futura', sans-serif
}

.btn--inline-link a img {
    display: inline-block;
    margin-right: 10px
}

.btn__icon,
.btn--callout-link-icon a {
    padding: 10px;
    position: relative
}

.btn__icon:after,
.btn--callout-link-icon a:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn--callout-link-icon-edit a {
    padding-left: 40px
}

.btn--callout-link-icon-edit a:after {
    left: 5px;
    width: 31px;
    height: 32px;
    background: url(https://asq.org/Content/images/icons/edit-green.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/edit-green.svg), none;
    background-size: contain
}

.btn--callout-link-icon-heart a {
    padding-left: 46px
}

.btn--callout-link-icon-heart a:after {
    left: 5px;
    width: 32px;
    height: 27px;
    background: url(https://asq.org/Content/images/icons/heart-green.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/heart-green.svg), none;
    background-size: contain
}

.btn__icon-page {
    padding-left: 40px
}

.btn__icon-page:after {
    left: 5px;
    width: 20px;
    height: 26px;
    background: url(https://asq.org/Content/images/icons/page-green.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/page-green.svg), none;
    background-size: contain
}

.btn__icon-share {
    padding-left: 40px
}

.btn__icon-share:after {
    left: 5px;
    width: 21px;
    height: 21px;
    background: url(https://asq.org/Content/images/icons/share-green.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/share-green.svg), none;
    background-size: contain
}

.btn__icon-remove {
    padding-right: 30px
}

.btn__icon-remove:after {
    right: 5px;
    width: 10px;
    height: 10px;
    background: url(https://asq.org/Content/images/icons/close-blue.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/close-blue.svg), none;
    background-size: contain
}

.btn__icon-quote {
    padding-left: 40px
}

.btn__icon-quote:after {
    left: 5px;
    width: 19px;
    height: 23px;
    background: url(https://asq.org/Content/images/icons/quote-green.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/quote-green.svg), none;
    background-size: contain
}

.btn--close-icon-white a {
    position: relative;
    width: 100%;
    height: 100%
}

.btn--close-icon-white a:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 15px;
    width: 10px;
    width: 20px;
    height: 10px;
    background: url(https://asq.org/Content/images/icons/close-white.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/close-white.svg), none;
    background-size: contain
}

button {
    background: transparent;
    border: none
}

button:focus {
    outline: none
}

button,
[type="submit"] {
    -webkit-appearance: none
}

.container-fluid {
    width: calc(100% - 220px)
}

@media(max-width:1400px) {
    .container-fluid {
        width: calc(100% - 125px)
    }
}

@media(max-width:1199px) {
    .container-fluid {
        width: 90%
    }
}

@media(max-width:767px) {
    .container-fluid {
        width: 100%
    }
}

@media(max-width:400px) {
    .container-fluid {
        width: 100%
    }
}

.container-fluid.container-fluid--margin-adj {
    margin-bottom: 0
}

.container-fluid.container-fluid--margin-adj+.container-fluid {
    margin-top: 0
}

.tiles {
    padding-top: 37.5px;
    padding-bottom: 37.5px
}

.tiles .container-fluid {
    padding-left: 30px;
    padding-right: 30px
}

.tiles>.row {
    margin-left: 0;
    margin-right: 0
}

@media(min-width:992px) {
    .tile {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center
    }
}

.no-flexboxlegacy .tab-block__pane .tile {
    display: block;
    -ms-flex-align: initial
}

.tile .col-md-6 {
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.tile .col-md-5 {
    margin: 0
}

@media(max-width:992px) {
    .tile+.tile {
        margin-top: 40px
    }
}

@media(max-width:992px) {
    .tile__img {
        margin-bottom: 15px
    }
}

.tile__img .image {
    position: relative;
    width: 100%;
    height: auto
}

.tab-block__pane-content .tile__img .image:after {
    display: none
}

.tile__img.col-md-push-6 .image:after {
    top: 100%;
    left: calc(50% - 20px)
}

@media(min-width:992px) {
    .tile__img.col-md-push-6 .image:after {
        left: -20px;
        top: 50%
    }
}

.tile__img.col-md-push-7 .image:after {
    top: 100%;
    left: 50%
}

@media(min-width:992px) {
    .tile__img.col-md-push-7 .image:after {
        right: -20px;
        top: 50%
    }
}

.tile__content {
    position: relative
}

.tile__content>h2 {
    word-break: break-word
}

.tile__content .content {
    padding: 15px 0
}

@media(min-width:992px) {
    .tile__content .content {
        margin: 0 auto;
        width: 70%;
        width: calc(100% - 120px)
    }
}

@media(min-width:1199px) {
    .tile__content .content {
        width: calc(100% - 200px)
    }
}

.tab-block__pane-content .tile__content .content {
    width: 100%;
    padding: 0 15px
}

@media(max-width:992px) {
    .tab-block__pane-content .tile__content .content {
        padding: 0
    }
}

.tile__content hr {
    background: #666;
    height: 1px
}

@media(max-width:992px) {
    .tile .tile__content {
        margin-top: 20px
    }
}

@media(max-width:400px) {
    .tile .tile__content {
        margin-top: 0;
        padding-top: 10px
    }
}

.tile__content:after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    background: #fff;
    top: -20px;
    left: calc(50% - 20px);
    margin-top: -20px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tab-block__pane-content .tile__content:after {
    display: none
}

@media(min-width:992px) {
    .tile__content:after {
        right: auto;
        left: -20px;
        top: 50%
    }

    .col-md-pull-6.tile__content:after {
        left: auto;
        right: -20px
    }

    .col-md-pull-5.tile__content:after {
        left: auto;
        right: -35px
    }
}

@media(max-width:400px) {
    .tile__content:after {
        height: 30px;
        width: 30px;
        top: 10px;
        left: calc(50% - 15px)
    }
}

.small-tile {
    margin-bottom: 37.5px
}

.small-tile__image {
    overflow: hidden;
    position: relative
}

.small-tile__image .icon {
    margin-left: 10px;
    content: "";
    height: 30px;
    width: 30px;
    background-color: #fff;
    float: left;
    position: relative
}

.small-tile__image .icon.-circle {
    border-radius: 50%
}

.small-tile__image .icon.-circle img {
    border-radius: 50%
}

@media(min-width:992px)and (max-width:1199px),
(max-width:600px) {
    .small-tile__image .icon {
        display: block;
        margin: 0 auto;
        float: none
    }
}

.small-tile__image .image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.small-tile__image:after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    background: #fff;
    top: 100%;
    left: calc(50% - 20px);
    margin-top: -20px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(min-width:992px) {
    .small-tile__image:after {
        left: auto;
        right: -20px;
        top: 50%;
        margin-top: -20px
    }
}

@media(max-width:400px) {
    .small-tile__image:after {
        height: 30px;
        width: 30px;
        margin-top: -15px;
        left: calc(50% - 15px)
    }
}

.small-tile__image.-gray-tile {
    background-color: #666;
    color: #fff;
    padding: 30px 20px
}

.small-tile__image.-blue-tile {
    background-color: #0b6bb5;
    color: #fff;
    padding: 20px
}

.small-tile__image.-green-tile {
    background-color: #86b850;
    color: #fff;
    padding: 20px
}

.small-tile__image.-orange-tile {
    background-color: #86b850;
    color: #fff;
    padding: 20px
}

.small-tile__title {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 57%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(max-width:992px) {
    .small-tile__title {
        left: 50%
    }
}

@media(min-width:1400px) {
    .small-tile__title {
        left: 55%
    }
}

@media(min-width:992px)and (max-width:1199px),
(max-width:600px) {
    .small-tile__title {
        width: 100%;
        margin-top: 20px;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media(max-width:600px) {
    .small-tile__title {
        padding-bottom: 20px
    }
}

.small-tile__content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 0
}

.small-tile__content .content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

@media(max-width:600px) {
    .small-tile__content .content {
        padding: 0
    }
}

@media(max-width:767px) {
    .small-tile__content {
        padding: calc(18.75px) 0
    }
}

.content img {
    max-width: 100%;
    height: auto
}

.sub-navigation {
    margin-top: -37.5px;
    z-index: 3;
    position: relative
}

.sub-navigation .count-6 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between
}

@media(max-width:1400px) {
    .sub-navigation .count-6 {
        display: block
    }
}

.no-flexbox .sub-navigation .count-6,
.no-flexboxlegacy .sub-navigation .count-6 {
    display: block
}

.sub-navigation__item {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    position: relative
}

.count-2>.sub-navigation__item {
    width: 50%
}

.count-3>.sub-navigation__item {
    width: 33.33%
}

.count-4>.sub-navigation__item {
    width: 25%
}

@media(max-width:1100px) {
    .count-4>.sub-navigation__item {
        width: 50%
    }
}

.count-5>.sub-navigation__item {
    width: 20%
}

@media(max-width:767px) {

    .count-2>.sub-navigation__item,
    .count-3>.sub-navigation__item,
    .count-4>.sub-navigation__item {
        float: none;
        width: 100%
    }
}

@media(max-width:1100px) {
    .count-5>.sub-navigation__item {
        float: none;
        width: 100%
    }
}

.count-6>.sub-navigation__item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width:1400px) {
    .count-6>.sub-navigation__item {
        width: 33.33%
    }
}

@media(max-width:1199px) {
    .count-6>.sub-navigation__item {
        width: 50%
    }
}

@media(max-width:767px) {
    .count-6>.sub-navigation__item {
        float: none;
        width: 100%
    }
}

.no-flexbox .count-6>.sub-navigation__item,
.no-flexboxlegacy .count-6>.sub-navigation__item {
    width: 33.33%
}

@media(max-width:1100px) {

    .no-flexbox .count-6>.sub-navigation__item,
    .no-flexboxlegacy .count-6>.sub-navigation__item {
        width: 50%
    }
}

@media(max-width:767px) {

    .no-flexbox .count-6>.sub-navigation__item,
    .no-flexboxlegacy .count-6>.sub-navigation__item {
        float: none;
        width: 100%
    }
}

@media(max-width:767px) {
    .sub-navigation__item {
        float: none;
        width: 100%
    }
}

.sub-navigation__item>a {
    background: #e1e1e1;
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 12px 10px;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Futura-Bold', sans-serif;
    letter-spacing: 1px;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sub-navigation__item>a:hover,
.sub-navigation__item>a:focus {
    background: #0b6bb5;
    color: #fff;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s
}

.sub-navigation__item>a.active {
    background: #e36f1e;
    color: #fff;
    position: relative
}

.sub-navigation__item>a.active:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: -8px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    right: 0;
    margin: 0 auto
}

@media(max-width:1100px) {
    .sub-navigation__item>a.active:after {
        display: none
    }
}

.count-5>.sub-navigation__item>a,
.count-6>.sub-navigation__item>a {
    padding: 12px 14px
}

@media(max-width:1199px) {

    .count-5>.sub-navigation__item>a.active:after,
    .count-6>.sub-navigation__item>a.active:after {
        display: none
    }
}

.count-5>.sub-navigation__item.has-dropdown>a,
.count-6>.sub-navigation__item.has-dropdown>a {
    padding: 12px 40px
}

@media(max-width:1199px) {

    .count-5>.sub-navigation__item.has-dropdown>a.active:after,
    .count-6>.sub-navigation__item.has-dropdown>a.active:after {
        display: none
    }
}

.sub-navigation__item.hovered>a,
.sub-navigation__item.hovered>a.active {
    background: #0b6bb5;
    color: #fff
}

.sub-navigation__item.hovered>a:after,
.sub-navigation__item.hovered>a.active:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #0b6bb5;
    display: block;
    position: absolute;
    bottom: -7px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 500
}

@media(max-width:767px) {

    .sub-navigation__item.hovered>a:after,
    .sub-navigation__item.hovered>a.active:after {
        bottom: auto;
        top: 39px
    }
}

.content-block {
    background: #f0f0f0;
    padding: 30px
}

@media(max-width:400px) {
    .content-block {
        padding: 15px
    }
}

.content-block h3 {
    font-weight: 800;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: none;
    font-size: 18px;
    line-height: 24px
}

.content-block h3.blue {
    color: #0b6bb5
}

.content-block h3.green {
    color: #86b850
}

.content-block.blue h3 {
    color: #0b6bb5
}

.content-block.green h3 {
    color: #86b850
}

.content-block .btn {
    position: relative;
    margin-top: 15px
}

.content-block li {
    margin-left: 20px
}

.hero-section {
    position: relative;
    background: #14326d;
    background: transparent -moz-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background: transparent -webkit-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background: transparent linear-gradient(135deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 240px 0 90px;
    background-color: #0b6bb5
}

@media(max-width:1199px) {}

@media(max-width:767px) {
    .hero-section {
        padding: 200px 0 70px
    }
}

.hero-section.hero-section--default {
    padding: 220px 0 50px
}

@media(max-width:1199px) {}

.hero-section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: rgba(0, 0, 0, .15)
}

.hero-section.hero-section--flex-header {
    height: 0;
    padding-bottom: 30%
}

@media(max-width:1199px) {
    .hero-section.hero-section--flex-header {
        padding-bottom: 40%
    }
}

@media(max-width:767px) {
    .hero-section.hero-section--flex-header {
        padding-bottom: 65%
    }
}

.hero-slider,
.home-hero-slider {
    position: relative
}

.hero-slider .slick-prev,
.home-hero-slider .slick-prev,
.hero-slider .slick-next,
.home-hero-slider .slick-next {
    -moz-transition: transform .25s;
    -o-transition: transform .25s;
    -webkit-transition: transform .25s;
    transition: transform .25s;
    position: absolute;
    z-index: 9999 !important
}

.hero-slider .slick-prev:hover,
.home-hero-slider .slick-prev:hover,
.hero-slider .slick-next:hover,
.home-hero-slider .slick-next:hover {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -moz-transition: transform .25s;
    -o-transition: transform .25s;
    -webkit-transition: transform .25s;
    transition: transform .25s
}

.hero-slider .slick-prev,
.home-hero-slider .slick-prev {
    left: 50px;
    color: #fff;
    z-index: 9999;
    z-index: 5;
    height: 60px;
    width: 20px;
    background: url(https://asq.org/Content/images/svgs/arrow-prev.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.hero-slider .slick-prev:before,
.home-hero-slider .slick-prev:before {
    content: ""
}

.hero-slider .slick-next,
.home-hero-slider .slick-next {
    right: 50px;
    color: #fff;
    z-index: 5;
    height: 60px;
    width: 20px;
    z-index: 9999;
    background: url(https://asq.org/Content/images/svgs/arrow-next.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.hero-slider .slick-next:before,
.home-hero-slider .slick-next:before {
    content: ""
}

.loading-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000
}

.loading-screen__graphic {
    width: 56px;
    height: 56px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    display: none;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.loading-screen__graphic>i {
    color: #0b6bb5
}

.active .loading-screen__graphic,
.de-activated .loading-screen__graphic {
    visibility: visible;
    opacity: 1;
    display: block
}

@media(max-width:767px) {}

.hero-section__hero-content .align-left {
    float: left
}

.hero-section__hero-content .align-right {
    float: right
}

.hero-section__hero-content .align-center {
    float: none;
    margin: 0 auto
}

.hero-section--default .hero-section__hero-content {
    top: 75%
}

.hero-content__headline,
.hero-content__summary {
    color: #fff;
    font-weight: 400
}

.hero-content__headline {
    font-family: 'Futura', sans-serif
}

.home-hero-slide {
    background: #14326d;
    background: transparent -moz-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background: transparent -webkit-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background: transparent linear-gradient(135deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background-size: cover;
    background-color: #0b6bb5;
    position: relative;
    height: 900px
}

@media(max-width:767px) {
    .home-hero-slide {
        height: 400px
    }
}

.home-hero-slide:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .25)
}

.home-hero-slide.inactive {
    display: none
}

.page-editor-mode--stack .home-hero-slide {
    margin: 0 0 15px 0
}

.home-hero-slider {
    color: #fff
}

.home-hero-slider__hero-container {
    margin-bottom: 0;
    overflow: hidden
}

.home-hero-slider__hero-container .container-fluid {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:1199px)and (max-height:600px) {
    .home-hero-slider__hero-container .container-fluid {
        top: 60%
    }
}

@media(max-width:767px) {
    .home-hero-slider__hero-container .container-fluid {
        top: 50%;
        width: 100%
    }
}

.home-hero-slider__hero-container .slick-dots {
    bottom: 125px;
    z-index: 1000
}

@media(max-width:1199px)and (max-height:600px) {
    .home-hero-slider__hero-container .slick-dots {
        bottom: 80px
    }
}

@media(max-width:400px) {
    .home-hero-slider__hero-container .slick-dots {
        bottom: 60px
    }
}

.home-hero-slider__hero-container .slick-dots li button:before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #fff;
    opacity: 1
}

.home-hero-slider__hero-container .slick-dots li button:hover:before {
    width: 16px;
    height: 16px
}

.home-hero-slider__hero-container .slick-dots li.slick-active button:before {
    border: 2px solid #e36f1e;
    background: #e36f1e
}

.home-hero-slide__home-hero-content {
    height: 100%
}

.home-hero-slide__home-hero-content .align-left {
    float: left
}

.home-hero-slide__home-hero-content .align-right {
    float: right
}

.home-hero-slide__home-hero-content .align-center {
    float: none;
    margin: 0 auto
}

@media(max-width:1400px)and (max-height:767px) {
    .home-hero-slide__home-hero-content .home-hero-slide__content-container {
        width: 70%
    }
}

@media(max-width:1199px)and (max-height:600px) {
    .home-hero-slide__home-hero-content .home-hero-slide__content-container {
        width: 80%
    }
}

@media(max-width:767px) {
    .home-hero-slide__home-hero-content .home-hero-slide__content-container {
        width: 100%
    }
}

.home-hero-content__headline,
.home-hero-content__description {
    color: #fff;
    font-weight: 400
}

.home-hero-content__headline {
    font-family: 'Futura', sans-serif;
    font-weight: 500
}

@media(max-width:767px) {
    .home-hero-content__headline {
        font-size: 30px
    }
}

@media(max-width:767px) {
    .home-hero-content__description {
        line-height: 1.2
    }
}

.light-theme .hero-content__headline,
.light-theme .hero-content__summary,
.light-theme .home-hero-content__headline,
.light-theme .home-hero-content__description {
    color: #fff
}

.light-theme .hero-content__headline a:link,
.light-theme .hero-content__summary a:link,
.light-theme .home-hero-content__headline a:link,
.light-theme .home-hero-content__description a:link,
.light-theme .hero-content__headline a:visited,
.light-theme .hero-content__summary a:visited,
.light-theme .home-hero-content__headline a:visited,
.light-theme .home-hero-content__description a:visited,
.light-theme .hero-content__headline a:hover,
.light-theme .hero-content__summary a:hover,
.light-theme .home-hero-content__headline a:hover,
.light-theme .home-hero-content__description a:hover {
    color: #fff
}

.light-theme .hero-content__divider,
.light-theme .home-hero-content__divider {
    background: #fff
}

/* .slider-block__list {
    position: absolute;
    bottom: 0;
    margin: 10px;
    z-index: 50
}

.slider-block__list-item {
    width: 250px;
    height: 110px;
    float: left;
    margin-left: 10px
}

.slider-block__list-item:first-child {
    margin-left: 0
}

.slider-block__list-item a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover
}

.slider-block__list-item a.active {
    border: 1px solid #0b6bb5
}

.slider-block__list-item img {
    max-width: 100%;
    height: auto
}

.slider-block__toggle-ctrls {
    position: absolute;
    right: 0;
    z-index: 60
} */

.hero-section__search {
    position: absolute;
    margin: 0 15px;
    right: 110px;
    top: 70%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:1400px) {
    .hero-section__search {
        right: 62.5px
    }
}

@media(max-width:1199px) {
    .hero-section__search {
        right: 5%
    }
}

@media(max-width:992px) {
    .hero-section__search {
        top: auto;
        bottom: 30px;
        right: 5%;
        max-width: calc(40vw - 5%);
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

@media(max-width:767px) {
    .hero-section__search {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        max-width: calc(100% - 30px);
        margin-top: 15px;
        clear: both
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0b6bb5;
    padding: 0;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0;
    font-weight: normal;
    font-family: 'Futura', sans-serif;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC', sizingMethod=crop);
    zoom: 1
}

h1.-no-space,
h2.-no-space,
h3.-no-space,
h4.-no-space,
h5.-no-space,
h6.-no-space {
    margin-bottom: initial
}

.do-not-smooth {
    filter: none
}

.header-w-callout {
    width: 100%;
    margin-bottom: 15px;
    vertical-align: middle
}

.header-w-callout__title {
    display: inline-block;
    margin-right: 15px
}

.header-w-callout__nav {
    float: right
}

.header-w-callout__nav a {
    display: inline-block;
    padding: 10px 0;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase
}

h1,
.txt-h1 {
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media(max-width:400px) {

    h1,
    .txt-h1 {
        font-size: 30px;
        line-height: 36px
    }
}

h1.-alt-header,
.txt-h1.-alt-header {
    font-size: 35px;
    line-height: 40px;
    letter-spacing: .02em;
    margin-bottom: .5em;
    text-transform: capitalize;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600;
    overflow-wrap: break-word;
    word-wrap: break-word
}

h2 {
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin-bottom: .5em
}

h2.-alt-header {
    text-transform: capitalize;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600
}

@media(max-width:400px) {
    h2 {
        font-size: 24px;
        line-height: 30px
    }
}

h3 {
    font-size: 19px;
    font-family: 'Futura-Bold', sans-serif;
    line-height: 25px;
    font-weight: bold;
    text-transform: unset
}

h4 {
    font-size: 19px;
    line-height: 25px;
    text-transform: unset;
    letter-spacing: .02em;
    color: #86b850;
    font-weight: 200
}

@media(max-width:400px) {
    h4 {
        font-size: 14px;
        line-height: 18px
    }
}

h5 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: .5em
}

h6 {
    font-size: 16px;
    line-height: 18px
}

a {
    color: #0b6bb5
}

.quote {
    text-indent: -1ex
}

body {
    margin: 0;
    padding: 0;
    color: #090909;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: Helvetica, sans-serif;
    line-height: 23px;
    font-size: 14px
}

address {
    font-style: normal
}

span.note {
    display: block;
    margin: 1em 0;
    font-size: 12px;
    font-family: 'Helvetica', sans-serif
}

span.note.-blue {
    color: #0b6bb5
}

span.note.-orange {
    color: #e36f1e
}

span.note.-green {
    color: #86b850
}

span.note.-gray {
    color: #545454
}

ol {
    list-style-type: none;
    counter-reset: ol-counter;
    margin: 1em 0;
    padding: 0
}

ol li {
    margin-left: 3px;
    padding-left: 3em;
    position: relative
}

ol li:before {
    counter-increment: ol-counter;
    content: counter(ol-counter, decimal) ".";
    font-family: 'Futura', sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin-right: 3em;
    color: #0b6bb5;
    position: absolute;
    left: 0;
    top: 4px
}

.bkg-colors-blue ol li:before,
.bkg-colors-green ol li:before,
.bkg-colors-orange ol li:before {
    color: #fff
}

ol li ol li:before {
    content: counter(ol-counter, lower-alpha) "."
}

ol li ol li ol li:before {
    content: counter(ol-counter, lower-roman) "."
}

ol.rte-roman-list li:before {
    content: counter(ol-counter, upper-roman) "."
}

ol.rte-roman-list li ol li:before {
    content: counter(ol-counter, lower-alpha) "."
}

ol.rte-roman-list li ol li ol li:before {
    content: counter(ol-counter, lower-roman) "."
}

ol li>ul,
ol.rte-ordered-list li>ul,
ol.rte-roman-list li>ul,
ul.rte-unordered-list li>ul,
ol li>ol,
ol.rte-ordered-list li>ol,
ol.rte-roman-list li>ol,
ul.rte-unordered-list li>ol {
    margin: 0
}

ol li>ul li>ul,
ol.rte-ordered-list li>ul li>ul,
ol.rte-roman-list li>ul li>ul,
ul.rte-unordered-list li>ul li>ul,
ol li>ol li>ul,
ol.rte-ordered-list li>ol li>ul,
ol.rte-roman-list li>ol li>ul,
ul.rte-unordered-list li>ol li>ul,
ol li>ul li>ol,
ol.rte-ordered-list li>ul li>ol,
ol.rte-roman-list li>ul li>ol,
ul.rte-unordered-list li>ul li>ol,
ol li>ol li>ol,
ol.rte-ordered-list li>ol li>ol,
ol.rte-roman-list li>ol li>ol,
ul.rte-unordered-list li>ol li>ol {
    margin: 0
}

.bkg-colors-blue.rich-text-callout-container ul li:before,
.bkg-colors-blue.rich-text-container ul li:before,
.bkg-colors-blue.tile__content ul li:before,
.bkg-colors-blue.tab-block__pane-content ul li:before,
.bkg-colors-blue#ContentWrapper ul li:before,
.bkg-colors-green.rich-text-callout-container ul li:before,
.bkg-colors-green.rich-text-container ul li:before,
.bkg-colors-green.tile__content ul li:before,
.bkg-colors-green.tab-block__pane-content ul li:before,
.bkg-colors-green#ContentWrapper ul li:before,
.bkg-colors-orange.rich-text-callout-container ul li:before,
.bkg-colors-orange.rich-text-container ul li:before,
.bkg-colors-orange.tile__content ul li:before,
.bkg-colors-orange.tab-block__pane-content ul li:before,
.bkg-colors-orange#ContentWrapper ul li:before {
    color: #fff
}

.rich-text-callout-container ul li ul li:before,
.rich-text-container ul li ul li:before,
.tile__content ul li ul li:before,
.tab-block__pane-content ul li ul li:before,
#ContentWrapper ul li ul li:before {
    content: "-"
}

.rich-text-callout-container ul li ul li ul li,
.rich-text-container ul li ul li ul li,
.tile__content ul li ul li ul li,
.tab-block__pane-content ul li ul li ul li,
#ContentWrapper ul li ul li ul li {
    text-indent: -1.3em
}

.rich-text-callout-container ul li ul li ul li:before,
.rich-text-container ul li ul li ul li:before,
.tile__content ul li ul li ul li:before,
.tab-block__pane-content ul li ul li ul li:before,
#ContentWrapper ul li ul li ul li:before {
    content: "■";
    font-size: 14px;
    top: -2px
}

.list-item-clear {
    padding-left: 0;
    text-indent: 0
}

.list-item-clear:before {
    content: "";
    display: none
}

img {
    border-style: none;
    border: 0;
    text-decoration: none
}

img.-circle {
    border-radius: 50%
}

.asq-main-content {
    background: #fff
}

.no-margins {
    margin-left: 0;
    margin-right: 0
}

@media(max-width:400px) {
    .no-margins {
        margin-left: -15px;
        margin-right: -15px
    }
}

.detail-container+section {
    margin-top: 37.5px
}

.content-section {
    padding-top: 37.5px;
    padding-bottom: 37.5px
}

.section-header {
    margin-top: 37.5px;
    text-transform: uppercase;
    letter-spacing: .05em
}

hr {
    margin: 15px 0;
    display: block;
    border: none;
    height: 1px
}

hr.short {
    background: #fff;
    width: 80px;
    margin-left: 0;
    text-align: left
}

.tile__content hr.short {
    background: #666
}

.bkg-colors-blue {
    color: #fff;
    background-color: #0b6bb5;
    padding: 20px
}

.bkg-colors-green {
    color: #fff;
    background-color: #86b850;
    padding: 20px
}

.bkg-colors-orange {
    color: #fff;
    background-color: #e36f1e;
    padding: 20px
}

.bkg-colors-blue h1,
.bkg-colors-green h1,
.bkg-colors-orange h1,
.bkg-colors-blue h2,
.bkg-colors-green h2,
.bkg-colors-orange h2,
.bkg-colors-blue h3,
.bkg-colors-green h3,
.bkg-colors-orange h3,
.bkg-colors-blue h4,
.bkg-colors-green h4,
.bkg-colors-orange h4,
.bkg-colors-blue h5,
.bkg-colors-green h5,
.bkg-colors-orange h5,
.bkg-colors-blue h6,
.bkg-colors-green h6,
.bkg-colors-orange h6,
.bkg-colors-blue a,
.bkg-colors-green a,
.bkg-colors-orange a,
.bkg-colors-blue p,
.bkg-colors-green p,
.bkg-colors-orange p {
    color: #fff
}

.rich-text-callout-container {
    clear: both
}

.rich-text-callout-container img {
    max-width: 100%;
    height: auto
}

.rich-text-callout-container h2 {
    word-break: break-word
}

.rich-text-callout-container.align-right {
    float: right;
    text-align: right;
    width: 100%
}

.rich-text-callout-container.align-left {
    text-align: left;
    width: 100%
}

.rich-text-callout-container+.rich-text-callout-container:last-child {
    margin-bottom: 0
}

.tab-container {
    margin: 37.5px 0
}

.tab-container:first-child {
    margin-top: 0
}

.tab-container .tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    float: left;
    position: relative;
    z-index: 2
}

.tab-container .tabs li {
    float: left;
    padding: 30px 50px;
    background: #d7d7d7;
    cursor: pointer;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -webkit-transition: background .25s;
    transition: background .25s;
    padding-left: 0;
    text-indent: 0
}

.tab-container .tabs li:before {
    content: "";
    display: none
}

.tab-container .tabs li:before {
    content: "";
    display: none
}

.tab-container .tabs li:hover {
    background: #0b6bb5;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

.tab-container .tabs li:hover a {
    color: #fff
}

.tab-container .tabs li a {
    color: #666;
    font-family: 'Futura', sans-serif;
    text-decoration: none
}

.tab-container .tabs li a span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px
}

.tab-container .tabs li.active {
    background: #86b850;
    position: relative
}

.tab-container .tabs li.active:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #86b850;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tab-container .tabs li.active a {
    color: #fff
}

@media(min-width:767px)and (max-width:1199px) {
    #headlines-events .tab-container .tabs li {
        width: 50%;
        text-align: center
    }
}

.tab-container .block {
    position: relative;
    float: left;
    width: 100%;
    background: #f0f0f0;
    padding: 15px 30px
}

.tab-container .block .listing .list-item {
    margin: 30px 0;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #666
}

.tab-container .block .listing .list-item h1 {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Futura', sans-serif;
    font-weight: 500;
    color: #0b6bb5;
    text-transform: capitalize;
    letter-spacing: 1px
}

.tab-container .block .listing .list-item .date {
    font-size: 11px;
    color: #666
}

.tab-container .block .listing .list-item p {
    margin: 0 0 30px 0
}

.tab-container .block .listing .view-more {
    margin: 30px 0;
    display: block
}

.tab-container .block .listing .view-more a {
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
    -moz-transition: color .25s;
    -o-transition: color .25s;
    -webkit-transition: color .25s;
    transition: color .25s
}

.tab-container .block .listing .view-more a:hover {
    color: #e36f1e;
    -moz-transition: color .25s;
    -o-transition: color .25s;
    -webkit-transition: color .25s;
    transition: color .25s
}

.tab-container .block .listing .view-more.headlines:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(https://asq.org/Content/images/svgs/newspaper.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

@media(max-width:400px) {
    .tab-container .block {
        padding: 0 15px
    }
}

.tab-container #events .list-item img {
    display: block;
    margin-bottom: 30px
}

.tab-container #events .list-item h1 {
    display: block;
    margin-bottom: 5px
}

#advance-and-develop .tab-container {
    overflow: hidden
}

#advance-and-develop .tab-container h2 {
    padding-bottom: 20px;
    font-weight: 400
}

@media(max-width:600px) {
    #advance-and-develop .tab-container h2 {
        padding-bottom: 0
    }
}

#advance-and-develop .tab-container .tabs li {
    float: left;
    width: 50%;
    padding: 30px;
    background: #86b850;
    cursor: pointer
}

#advance-and-develop .tab-container .tabs li:hover {
    background: #0b6bb5;
    color: #fff;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

#advance-and-develop .tab-container .tabs li:hover a {
    color: #fff
}

#advance-and-develop .tab-container .tabs li:hover h4,
#advance-and-develop .tab-container .tabs li:hover span {
    color: #fff
}

#advance-and-develop .tab-container .tabs li a {
    color: gray;
    font-weight: bold;
    font-family: 'Futura', sans-serif;
    text-decoration: none;
    color: #fff
}

#advance-and-develop .tab-container .tabs li a h4,
#advance-and-develop .tab-container .tabs li a span {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase
}

@media(max-width:600px) {
    #advance-and-develop .tab-container .tabs li a h4 {
        font-size: 14px;
        line-height: 18px
    }
}

#advance-and-develop .tab-container .tabs li a span {
    font-size: 11px;
    letter-spacing: 1px
}

#advance-and-develop .tab-container .tabs li.active {
    background: #fff
}

#advance-and-develop .tab-container .tabs li.active:after {
    content: "";
    display: none
}

#advance-and-develop .tab-container .tabs li.active a {
    color: #86b850
}

#advance-and-develop .tab-container .tabs li.active h4,
#advance-and-develop .tab-container .tabs li.active span {
    color: #86b850
}

@media(max-width:600px) {
    #advance-and-develop .tab-container .tabs li {
        padding: 15px 20px
    }
}

#advance-and-develop .tab-container .block {
    background: #fff
}

#advance-and-develop .tab-container .block ul.tab-content {
    background: #fff;
    margin: 0
}

#advance-and-develop .tab-container .block ul.tab-content>li {
    border-bottom: 1px solid #ddeec5;
    padding: 30px 0
}

#advance-and-develop .tab-container .block ul.tab-content>li .icon {
    background: #86b850;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative
}

#advance-and-develop .tab-container .block ul.tab-content>li .icon img {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    left: 25%
}

@media(max-width:600px) {
    #advance-and-develop .tab-container .block ul.tab-content>li .icon {
        width: 60px;
        height: 60px
    }
}

@media(max-width:400px) {
    #advance-and-develop .tab-container .block ul.tab-content>li .icon {
        width: 50px;
        height: 50px
    }
}

#advance-and-develop .tab-container .block ul.tab-content>li:last-child {
    border-bottom: none
}

#advance-and-develop .tab-container .block ul.tab-content>li h4 {
    color: #86b850;
    margin-bottom: 10px;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase
}

#advance-and-develop .tab-container .block ul.tab-content>li a {
    display: block;
    width: 50%;
    float: left;
    font-family: 'Futura', sans-serif;
    font-size: 16px;
    margin: 5px 0;
    text-decoration: underline
}

@media(max-width:600px) {
    #advance-and-develop .tab-container .block ul.tab-content>li a {
        width: 100%
    }
}

@media(max-width:767px) {
    #advance-and-develop .tab-container .block ul.tab-content>li {
        padding: 20px 0
    }
}

@media(max-width:400px) {
    #advance-and-develop .tab-container .block ul.tab-content>li {
        padding: 15px 0
    }
}

#advance-and-develop .tab-container .block p {
    float: left;
    background: #fff;
    padding: 30px;
    color: #86b850
}

@media(min-width:767px)and (max-width:1199px) {
    ul.tab-content a {
        width: 100%
    }
}

@media(max-width:400px) {
    ul.tab-content a {
        width: 100%
    }
}

.asq-img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.overflow-hidden {
    overflow: hidden
}

.menu-open {
    overflow: hidden;
    position: relative
}

@media(max-width:992px) {
    .menu-open {
        position: fixed
    }
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}

.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.flex-iframe {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%
}

.flex-iframe iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-iframe img {
    width: 100%
}

@media(max-width:600px) {
    .hide-small-screens {
        display: none !important
    }
}

@media(max-width:768px) {
    .hide-medium-screens {
        display: none !important
    }
}

.tab-block {
    margin-bottom: 37.5px;
    position: relative
}

.tab-block--vert-tabs {
    width: 100%
}

.page-editor .tab-block__pane {
    margin: 0 0 15px
}

.page-editor .tab-block--active .tab-block__pane {
    margin: 0
}

.tab-block__pane .row.tile {
    margin-left: 0;
    margin-right: 0
}

.-widescreen .tab-block__pane.tab-block__pane-right {
    width: 60%;
    float: right;
    position: relative
}

.tab-block--accordion .-widescreen .tab-block__pane.tab-block__pane-right {
    width: 100%
}

.-widescreen.tab-block--accordion .tab-block__pane,
.tab-block--accordion .tab-block__pane {
    margin-bottom: 10px
}

.tab-block__list {
    width: 100%;
    margin: 0;
    margin: -1px \9
}

.tab-block--accordion .tab-block__list {
    display: none
}

.tab-block__vert-list {
    margin: 0;
    width: 37%;
    float: left;
    padding: 30px 0
}

.tab-block--accordion .tab-block__vert-list {
    display: none
}

.tab-block__list-item {
    display: block;
    float: left
}

@media(min-width:767px)and (max-width:1199px) {
    .tab-container--green .tab-block__list-item {
        width: 50%;
        text-align: center
    }
}

.tab-block__vert-list-item {
    display: block;
    border-top: 1px solid #666
}

.tab-block__vert-list-item:first-child {
    border-top: none
}

.tab-block__pane-title {
    font-family: 'Futura', sans-serif;
    letter-spacing: .07em
}

.tab-block--tabs .tab-block__pane-title {
    display: none
}

.tab-block--accordion .tab-block__pane-title,
.accordion-block--page-editor .tab-block__pane-title {
    width: 100%
}

.tab-block--vert-tabs.tab-block--page-editor.-widescreen .tab-block__pane-title {
    position: absolute;
    left: -67%;
    top: 25px
}

.tab-block__pane-title.tab-block__pane-title--spaced {
    margin-bottom: 20px
}

.tab-block__pane-link {
    float: left;
    width: 100%;
    display: block;
    font-size: 15px;
    letter-spacing: .07em;
    padding: 20px 30px;
    background: #d7d7d7;
    cursor: pointer;
    text-transform: uppercase;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -webkit-transition: background .25s;
    transition: background .25s
}

.tab-block__pane-link:focus {
    outline: none
}

.tab-container--green .tab-block__pane-link {
    padding: 30px 50px
}

.tab-container--green .tab-block__pane-link.active {
    background: #86b850
}

.tab-container--green .tab-block__pane-link.active:after {
    background: #86b850
}

@media(min-width:767px)and (max-width:1199px) {
    .tab-container--green .tab-block__pane-link {
        display: block;
        padding: 30px 0;
        width: 100%
    }
}

.tab-block__list-item:nth-child(2) .tab-block__pane-link {
    background: #e1e1e1
}

.tab-block__list-item:nth-child(3) .tab-block__pane-link {
    background: #ebebeb
}

.tab-block__list-item:nth-child(4) .tab-block__pane-link {
    background: #f3f3f3
}

.tab-block__list-item:nth-child(5) .tab-block__pane-link {
    background: #f8f8f8
}

.tab-block__list-item:nth-child(6) .tab-block__pane-link {
    background: #fdfdfd
}

.tab-block__pane-link:link,
.tab-block__pane-link:visited {
    text-decoration: none;
    color: #666;
    font-family: 'Futura', sans-serif
}

.tab-block__pane-link:hover,
.tab-block__list-item .tab-block__pane-link:hover {
    background: #0b6bb5;
    color: #fff
}

.tab-block__pane-link.active,
.tab-block__list-item .tab-block__pane-link.active {
    background: #0b6bb5;
    position: relative;
    color: #fff;
    z-index: 1
}

.tab-block__pane-link.active:after,
.tab-block__list-item .tab-block__pane-link.active:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #0b6bb5;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tab-block--compact .tab-block__pane-link.active.active,
.tab-block--compact .tab-block__list-item .tab-block__pane-link.active.active {
    background: #0b6bb5
}

.tab-block--compact .tab-block__pane-link.active.active:after,
.tab-block--compact .tab-block__list-item .tab-block__pane-link.active.active:after {
    background: #0b6bb5
}

.tab-block--accordion .tab-block__pane-link {
    color: #f0f0f0;
    width: 100%;
    padding: 20px 60px 20px 25px;
    position: relative;
    background: #0b6bb5
}

.tab-block--accordion .tab-block__pane-link.active:after {
    background: #0b6bb5;
    right: auto;
    left: 20px
}

.tab-block--accordion .tab-block__pane-link:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    width: 30px;
    height: 30px;
    background: #f0f0f0 url(https://asq.org/Content/images/icons/toggle-plus-blue.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/toggle-plus-blue.svg), none;
    background-size: 12px
}

.tab-block--accordion .tab-block__pane-link.active:before {
    background: #f0f0f0 url(https://asq.org/Content/images/icons/toggle-minus-blue.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/toggle-minus-blue.svg), none;
    background-size: 12px
}

.accordion-block--page-editor .tab-block__pane-link {
    width: 100%;
    padding: 20px 60px 20px 25px;
    color: #f0f0f0;
    background: #0b6bb5
}

.tab-block--compact .tab-block__pane-link {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center
}

.tab-block__vert-list-item .tab-block__pane-link,
.tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link {
    color: #0b6bb5;
    display: block;
    padding: 15px 0;
    background: none;
    float: none;
    width: 100%;
    text-transform: capitalize
}

.tab-block__vert-list-item .tab-block__pane-link:hover,
.tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link:hover {
    font-family: 'Futura-Bold', sans-serif
}

.tab-block__vert-list-item .tab-block__pane-link:after,
.tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link:after {
    background: none
}

.tab-block__vert-list-item .tab-block__pane-link.active,
.tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link.active {
    font-family: 'Futura-Bold', sans-serif;
    padding-left: 20px
}

.tab-block__vert-list-item .tab-block__pane-link.active:after,
.tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link.active:after {
    bottom: auto;
    top: 50%;
    margin-top: -6px;
    left: 0;
    right: auto;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #0b6bb5;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none
}

.tab-block__pane-link-sub {
    font-size: 10px;
    text-align: center
}

.tab-block__pane-content {
    position: relative;
    width: 100%;
    background: #f0f0f0;
    padding: 30px
}

.tab-block--tabs .tab-block__pane-content,
.tab-block--accordion .tab-block__pane-content {
    display: none
}

.tab-block--tabs .tab-block__pane-content.active,
.tab-block--accordion .tab-block__pane-content.active {
    display: block
}

.tab-block--tabs .tab-block__pane-content h4,
.tab-block--accordion .tab-block__pane-content h4 {
    font-family: 'Futura-Bold', sans-serif;
    margin: 15px 0
}

.tab-block__pane-right .tab-block__pane-content {
    background: none
}

.tab-block__pane-content .rich-text-callout-container {
    margin: 0
}

.tab-block--compact .tab-block__pane-content {
    min-height: 339px
}

@media(max-width:400px) {
    .tab-block__pane-content {
        padding: 15px
    }
}

.tab-block--accordion .tab-block__pane-content--unstyled {
    display: none
}

.tab-block--accordion .tab-block__pane-content--unstyled.active {
    display: block
}

.pane-content__column {
    padding: 0 calc(18.75px)
}

@media(min-width:992px) {
    .pane-content__column {
        padding: 0 37.5px
    }
}

.tab-block__compact-title {
    color: #0b6bb5;
    text-transform: none;
    font-weight: 800;
    font-family: 'Futura-Bold', sans-serif;
    max-width: 500px;
    text-align: left
}

.tab-block__video-title {
    padding-top: 15px;
    margin-bottom: 15px
}

.tab-block__toggle-ctrls {
    position: absolute;
    top: -43px;
    right: 0
}

.tab-block__toggle-ctrls.tab-block__toggle-ctrls--carousel {
    top: 0
}

.tab-block--compact.tab-block--active .tab-block__toggle-ctrls {
    top: 20px
}

.accordion-block--page-editor .tab-block__toggle-ctrls,
.tab-block--accordion.tab-block--active .tab-block__toggle-ctrls {
    top: -43px
}

.tab-block__btns {
    margin-top: 15px;
    text-align: right
}

.tab-block__btns .btn+.btn {
    margin-top: 10px
}

@media(max-width:767px) {
    .tab-block__btns {
        text-align: left
    }
}

.tab-block__action-btn {
    position: absolute;
    top: 0;
    right: 0
}

.tab-block--accordion .tab-block__action-btn {
    position: relative;
    display: block;
    margin-top: 15px
}

.tab-block--accordion .tab-block__action-btn a {
    display: block
}

.promo-container {
    margin: 37.5px 0
}

.promo-block:hover .promo-block__img {
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -moz-transition: transform ease .4s;
    -o-transition: transform ease .4s;
    -webkit-transition: transform ease .4s;
    transition: transform ease .4s
}

@media(max-width:992px) {
    .promo-block+.promo-block {
        margin-top: 37.5px
    }
}

.promo-block__wrapper {
    height: 100%;
    background: #f0f0f0
}

.promo-block__promo-link {
    text-decoration: none;
    display: block;
    color: #0b6bb5
}

.promo-block__promo-link:hover {
    color: #0b6bb5
}

.promo-block__icon img {
    width: 100%;
    max-width: 65px
}

@media(max-width:767px) {
    .promo-block__icon img {
        width: 100px
    }
}

@media(max-width:1199px) {
    .promo-block__icon {
        margin-bottom: 20px
    }
}

.promo-block__img-container {
    width: 100%;
    overflow: hidden
}

.promo-block__img {
    height: auto;
    width: 125%;
    margin-left: -12.5%;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: transform ease .4s;
    -o-transition: transform ease .4s;
    -webkit-transition: transform ease .4s;
    transition: transform ease .4s
}

.promo-block__content {
    padding: 30px;
    background: #f0f0f0;
    width: 100%;
    position: relative;
    color: #000;
    font-weight: 400
}

.promo-block__content:before {
    content: "";
    width: 40px;
    height: 40px;
    background: #f0f0f0;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.promo-block__promo-title {
    word-break: break-word
}

.promo-block__promo-copy a {
    color: #000
}

.promo-block__promo-copy .promo-copy__readmore {
    color: #0b6bb5
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: table
}

.slick-initialized .slick-slide.home-hero-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset 'UTF-8';

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.light-content h2 {
    font-weight: 400;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 30px
}

.light-content h2.green {
    color: #86b850
}

.light-content h2.blue {
    color: #0b6bb5
}

.quad-callouts {
    padding-top: 37.5px;
    padding-bottom: 37.5px
}

@media(max-width:767px) {
    .quad-callouts__blk+.quad-callouts__blk {
        margin-top: 15px
    }
}

@media(max-width:992px) {
    .quad-callouts__blk+.quad-callouts__blk+.quad-callouts__blk {
        margin-top: 15px
    }
}

.quad-callouts__divider {
    position: relative;
    margin-bottom: 15px;
    padding: 1px 0
}

.quad-callouts__divider-title {
    color: #545454;
    position: absolute;
    top: 1px;
    left: 0;
    background: #fff;
    padding-right: 10px
}

.quad-callouts__divider-line {
    background: #545454
}

.rich-text-callout-container>*:last-child {
    margin-bottom: 0
}

.rich-text-callout-container li {
    margin-left: 15px
}

.text-slider {
    margin: 37.5px 0
}

.text-slider__container {
    margin-bottom: 0;
    position: relative
}

.text-slider__container .slick-prev,
.text-slider__container .slick-next {
    -moz-transition: transform .25s;
    -o-transition: transform .25s;
    -webkit-transition: transform .25s;
    transition: transform .25s;
    position: absolute;
    z-index: 9999 !important
}

.text-slider__container .slick-prev:hover,
.text-slider__container .slick-next:hover {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -moz-transition: transform .25s;
    -o-transition: transform .25s;
    -webkit-transition: transform .25s;
    transition: transform .25s
}

.text-slider__container .slick-prev {
    left: 40px;
    color: #fff;
    z-index: 9999;
    z-index: 5;
    height: 60px;
    width: 20px;
    background: url(https://asq.org/Content/images/svgs/arrow-prev.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media(max-width:1199px) {
    .text-slider__container .slick-prev {
        left: 30px
    }
}

@media(max-width:992px) {
    .text-slider__container .slick-prev {
        left: 10px
    }
}

.text-slider__container .slick-prev:before {
    content: ""
}

.text-slider__container .slick-next {
    right: 40px;
    color: #fff;
    z-index: 5;
    height: 60px;
    width: 20px;
    z-index: 9999;
    background: url(https://asq.org/Content/images/svgs/arrow-next.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media(max-width:1199px) {
    .text-slider__container .slick-next {
        right: 30px
    }
}

@media(max-width:992px) {
    .text-slider__container .slick-next {
        right: 10px
    }
}

.text-slider__container .slick-next:before {
    content: ""
}

.text-slider__container .slick-dots {
    bottom: 0;
    bottom: -35px \9
}

.text-slider__container .slick-dots li {
    content: "";
    background: transparent;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border: 2px solid #000 \9;
    border-radius: 50%
}

.text-slider__container .slick-dots li.slick-active {
    background: #e36f1e;
    border: 2px solid #e36f1e;
    content: ""
}

.text-slider__container .slick-dots li button {
    content: "";
    color: #e36f1e;
    width: 15px;
    height: 15px
}
/* 
.slide {
    height: 479px;
    background: #14326d;
    background: transparent -moz-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background: transparent -webkit-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background: transparent linear-gradient(135deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.slide:focus {
    outline: none
}

.slide__overlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0
}

.slide__slide-content {
    position: relative;
    display: table-cell;
    vertical-align: middle
} */

/* @media(max-width:767px) {
    .slide__slide-content {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        -o-transform: scale(.75);
        transform: scale(.75)
    }
}

.slide-content__type,
.slide-content__author {
    font-family: 'Futura', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 20px
}

.slide-content__type {
    text-transform: capitalize
}

.slide-content__author {
    text-transform: uppercase
}

.slide-content__quote {
    color: #fff;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 800;
    font-size: 26px;
    line-height: 40px
}

.slide-content__divider {
    margin: 30px 0
}

.slide-content--image {
    padding: 150px 0
} */

.square-marquee {
    position: relative;
    overflow: hidden
}

.square-marquee__image {
    width: 100%;
    height: auto;
    overflow: hidden
}

.square-marquee__overlay {
    position: absolute;
    padding: 20px;
    margin: 20px;
    top: 0;
    background: rgba(255, 255, 255, .8);
    width: calc(100% - 40px)
}

.square-marquee__icon {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #0b6bb5
}

@media(min-width:767px)and (max-width:1199px) {
    .square-marquee__icon {
        position: relative;
        left: calc(50% - 40px)
    }
}

.square-marquee__icon img {
    width: 50%;
    left: 25%;
    top: 25%;
    position: relative;
    z-index: 2
}

.square-marquee__title {
    width: calc(100% - 100px);
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    text-align: center
}

@media(min-width:767px)and (max-width:1199px) {
    .square-marquee__title {
        display: block;
        width: auto;
        margin: 10px auto 0
    }
}

@media(max-width:767px)and (min-width:1400px) {}

@media(max-width:400px) {
    .square-marquee__title {
        font-size: 15px;
        margin-left: 10px
    }
}

.welcome-block {
    margin-top: -130px;
    padding-bottom: 37.5px;
    z-index: 1000;
    position: relative
}

.welcome-block .green-section {
    padding: 30px;
    color: #fff;
    background: #86b850
}

.welcome-block .green-section h2 {
    color: #fff;
    font-family: 'Futura', sans-serif;
    text-transform: uppercase
}

@media(max-width:400px) {
    .welcome-block .green-section {
        padding: 15px
    }
}

.welcome-block #become-a-member {
    background-position: 75% center
}

.welcome-block .rotator {
    background-size: cover;
    position: relative
}

.welcome-block .rotator .content {
    position: relative;
    top: 0;
    display: block;
    padding: 20px 0
}

.welcome-block .rotator .content .title {
    background: rgba(42, 110, 187, .7);
    color: #fff;
    padding: 5px 15px;
    font-size: 28px;
    margin-bottom: 15px;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 700;
    line-height: 36px
}

.data-browser {
    background-color: #f0f0f0;
    color: #0b6bb5;
    padding: 37.5px
}

@media(max-width:767px) {
    .data-browser {
        padding: calc(18.75px)
    }
}

.data-browser__content {
    display: inline-block;
    overflow: hidden
}

@media(max-width:767px) {
    .data-browser__content {
        margin-bottom: 10px
    }
}

.data-browser__content-list {
    clear: left;
    padding-top: 5px
}

.data-browser__link {
    font-family: 'Futura', sans-serif;
    text-decoration: underline
}

.data-row {
    overflow: hidden;
    margin-bottom: 37.5px;
    background-color: #f0f0f0;
    padding: 40px
}

@media(max-width:1199px) {
    .data-row .data-row-header {
        width: 25%
    }

    .data-row .data-row-content {
        width: 40%
    }

    .data-row .data-row__button {
        width: 35%
    }
}

@media(max-width:992px) {
    .data-row .data-row-header {
        width: 100%;
        margin: 5px 0
    }

    .data-row .data-row__desc {
        width: 100%
    }

    .data-row .data-row-content {
        width: 55%
    }

    .data-row .data-row-content__list-item {
        width: 50%
    }

    .data-row .data-row-content__desc {
        padding: 0
    }

    .data-row .data-row__button {
        width: 45%
    }
}

@media(max-width:767px) {
    .data-row .data-row-content {
        width: 100%;
        margin: 5px 0
    }

    .data-row .data-row__button {
        width: 100%;
        margin: 5px 0
    }
}

.data-row-header {
    width: 25%;
    float: left
}

.data-row-header__title {
    color: #0b6bb5
}

.data-row-header__subtitle {
    color: #0b6bb5;
    font-weight: 600
}

.data-row-content {
    color: #666;
    margin: 0;
    width: 47.5%;
    float: left
}

.data-row-content__desc {
    margin: 0;
    padding: 0 10%
}

.data-row-content__list {
    overflow: hidden;
    margin: 0
}

.data-row-content__list-item {
    color: #666;
    width: 40%;
    float: left
}

.data-row-content__list-item .-bold-item {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600
}

.data-row__button {
    width: 27.5%;
    float: left;
    overflow: hidden
}

.featured-section {
    padding: 15px 0
}

.featured-section .featured-section__header {
    width: 100%;
    padding: 20px 60px 20px 25px;
    position: relative;
    background: #e36f1e;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Futura', sans-serif;
    letter-spacing: .07em;
    color: #fff
}

.featured-section .featured-section__header:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #e36f1e;
    position: absolute;
    bottom: -5px;
    right: auto;
    left: 20px;
    z-index: 1;
    margin: 0 auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.featured-section .featured-section__header .toggle-button {
    background-color: #f0f0f0;
    float: right;
    height: 38px;
    width: 38px;
    margin: -31px -10px 0
}

.featured-section .collapsed {
    display: none
}

.featured-section .open {
    display: block
}

.tab-block--accordion .featured-section .featured-section__header {
    padding: 0
}

.tab-block--accordion .featured-section .featured-section__header:after {
    display: none
}

.tab-block--accordion .featured-section .featured-section__header .tab-block__pane-link {
    background: #e36f1e
}

.tab-block--accordion .featured-section .featured-section__header .tab-block__pane-link:after {
    background: #e36f1e
}

.featured-section--right {
    height: 100%
}

.promo-section__promo-image {
    overflow: hidden;
    margin-top: 15px;
    width: 100%;
    height: 920px;
    min-height: 920px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center
}

.promo-section__promo-image .section-image {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    position: absolute;
    top: 15px;
    left: 0
}

@media(max-width:992px) {
    .promo-section__promo-image .section-image {
        left: 15px;
        width: calc(100% - 15px)
    }
}

@media(max-width:767px) {
    .promo-section__promo-image .section-image {
        width: calc(100% - 30px)
    }
}

.promo-image__headline {
    width: 80%;
    padding: 10px 20px;
    margin: 0 50px;
    font-family: 'Futura-Bold', sans-serif;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: .05em;
    color: #fff;
    z-index: 2;
    background: rgba(42, 110, 187, .7)
}

@media screen and (min-width:0\0)and (min-resolution:.001dpcm) {
    .promo-image__headline {
        display: block \9;
        margin-left: auto \9;
        margin-right: auto \9;
        height: 100px \9;
        width: 90% \9;
        position: absolute \9;
        left: 5% \9;
        top: 50% \9;
        transform: translateY(-50%) \9
    }
}

#category-page {
    z-index: 2;
    position: relative
}

.course-type {
    padding: 15px 0
}

.course-type .collapsed {
    display: none
}

.course-type .open {
    display: block
}

.course-type__header {
    color: #fff;
    background: #0b6bb5;
    padding: 15px 20px;
    margin-bottom: 20px
}

.course-type__header:after {
    content: "";
    background: #0b6bb5;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 15px;
    left: 100px;
    right: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.course-type__header .toggle-button {
    background-color: #f0f0f0;
    color: #0b6bb5;
    font-size: xx-large;
    float: right;
    height: 38px;
    width: 38px;
    margin: -31px -10px 0;
    text-align: center;
    padding-top: 7px
}

.sort-filters-container .sort-options .row {
    margin-left: 0
}

.sort-filters-container .chosen-container {
    float: left
}

@media(max-width:767px) {
    .sort-filters-container .chosen-container {
        width: 70%;
        margin-bottom: 15px
    }
}

.sort-filters-container .list-view-toggle__container {
    width: auto;
    float: left
}

.sort-filters-container .sort-filters__filter-search .search-button {
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-appearance: none;
    background: transparent;
    border: none
}

.sort-filters-container .sort-filters__filter-search .search-button>i {
    color: #0b6bb5
}

.info-card-list {
    list-style-type: none;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
    margin: 0;
    width: 100%
}

.info-card-list--list-view {
    text-align: left;
    margin: 0;
    display: block
}

.info-card-list--flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
    margin: 0;
    width: 100%
}

.info-card-list--flex.info-card-list--list-view {
    display: block
}

.info-card-list .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #86b850;
    width: 46px;
    height: 46px;
    border-radius: 100%
}

.info-card-list .slick-prev {
    left: -46px
}

.info-card-list .slick-prev:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 20px;
    left: 15px;
    top: 13px;
    background: url(https://asq.org/Content/images/icons/arrow-left-white.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/arrow-left-white.svg), none;
    background-size: contain
}

@media(max-width:767px) {
    .info-card-list .slick-prev {
        left: -20px
    }
}

.info-card-list .slick-next {
    right: -46px
}

.info-card-list .slick-next:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 20px;
    left: 19px;
    top: 13px;
    background: url(https://asq.org/Content/images/icons/arrow-right-white.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/arrow-right-white.svg), none;
    background-size: contain
}

@media(max-width:767px) {
    .info-card-list .slick-next {
        right: -20px
    }
}

.info-card-list.info-card-list--slider {
    display: block \9;
    position: relative;
    margin-bottom: 37.5px
}

.info-card-group+.info-card-group {
    margin-top: 37.5px
}

.info-card-list__slide.slick-slide {
    padding: 0 10px
}

.info-card-empty {
    margin: 20px 0 0 20px
}

.info-card {
    display: inline-block;
    background: #f0f0f0;
    margin: 15px 0;
    padding: 0;
    position: relative;
    text-align: left;
    vertical-align: top
}

.info-card-list--4row .info-card {
    float: left \9;
    width: 23.8% \9;
    -ms-flex: 0 0 23.8%;
    -webkit-flex-basis: 23.8%;
    flex-basis: 23.8%;
    margin: 15px 0 0;
    margin-left: 1.6%
}

.info-card-list--4row .info-card:nth-child(4n+1) {
    margin-left: 0%
}

@media(max-width:1199px) {
    .info-card-list--4row .info-card {
        width: 32% \9;
        -ms-flex: 0 0 32%;
        -webkit-flex-basis: 32%;
        flex-basis: 32%;
        margin-left: 2%
    }

    .info-card-list--4row .info-card:nth-child(4n+1) {
        margin-left: 2%
    }

    .info-card-list--4row .info-card:nth-child(3n+1) {
        margin-left: 0%
    }
}

@media(max-width:992px) {
    .info-card-list--4row .info-card {
        width: 49% \9;
        -ms-flex: 0 0 49%;
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        margin-left: 0%
    }

    .info-card-list--4row .info-card:nth-child(4n+1) {
        margin-left: 0%
    }

    .info-card-list--4row .info-card:nth-child(even) {
        margin-left: 4%
    }
}

@media(max-width:600px) {
    .info-card-list--4row .info-card {
        width: 100% \9;
        -ms-flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 15px 0 0
    }

    .info-card-list--4row .info-card:nth-child(even) {
        margin-left: 0%
    }
}

.info-card__image {
    position: relative
}

.info-card__image img {
    display: block;
    height: auto;
    color: #0b6bb5;
    text-align: center;
    width: 100%
}

.info-card__image img:not([src]) {
    visibility: hidden
}

.info-card__header {
    background: #fff;
    color: #0b6bb5;
    padding: 20px 15px
}

.info-card__header h2 {
    text-transform: uppercase;
    font-family: 'Futura-Bold', sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin: 0
}

.info-card__content {
    color: #666;
    position: relative;
    padding: 20px 20px 80px
}

.info-card__content-desc {
    overflow: hidden;
    position: relative;
    line-height: 1.5em;
    max-height: 7.5em;
    text-overflow: ellipsis;
    margin-right: calc(-1em + 5px);
    padding-right: calc(1em + 10px)
}

.info-card__content-desc:before {
    content: "...";
    position: absolute;
    right: 15px;
    bottom: 0
}

.info-card__content-desc:after {
    content: "";
    position: absolute;
    right: 13px;
    height: 1em;
    width: 1em;
    margin-top: .2em;
    background: #f0f0f0
}

.info-card__content-desc p:first-child {
    margin-top: 0
}

.info-card__content-pub {
    margin-top: -15px
}

.info-card__title {
    text-transform: capitalize;
    font-family: 'Futura', sans-serif;
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 20px
}

.info-card__title.-heavy-title {
    font-family: 'Futura-Bold', sans-serif
}

.info-card__subheading {
    font-size: 12px
}

.info-card__text-group {
    position: relative
}

.info-card__button {
    position: absolute;
    left: 20px;
    bottom: 20px
}

.info-card__button--right {
    right: 20px;
    left: auto
}

.info-card__button--group {
    width: calc(100% - 40px)
}

.info-card__button--group .btn.blue {
    float: right
}

.info-card__text-line {
    display: inline-block
}

.info-card__text-line.-dark-text {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 400
}

.info-card__flag {
    position: absolute;
    top: 35%;
    left: 0;
    background: #e36f1e;
    color: #fff;
    font-size: 11px;
    padding: 0 8px;
    text-transform: uppercase
}

.info-card__training-flag {
    z-index: 3;
    position: absolute;
    top: 15px;
    left: 20px;
    background: #86b850;
    color: #fff;
    font-size: 11px;
    padding: 0 8px;
    text-transform: uppercase
}

.info-card__tag {
    background: #858585;
    color: #fff;
    padding: 5px 10px
}

.info-card-list--list-view .info-card {
    display: block;
    width: 100%;
    margin: 0;
    height: auto;
    min-height: 0;
    border-bottom: 1px solid #d7d7d7
}

.info-card-list--list-view .info-card:last-child {
    border-bottom: none
}

.info-card-list--list-view .info-card__title {
    margin-bottom: 0
}

.info-card-list--list-view .info-card__header {
    background: none
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__header {
        margin-bottom: 15px
    }
}

.info-card-list--list-view .info-card__content {
    min-height: 0;
    padding-bottom: 15px;
    width: 100%;
    overflow: hidden
}

.info-card-list--list-view .info-card__content--hasflag {
    padding-top: 50px
}

.info-card-list--list-view .info-card__content-desc {
    float: left;
    width: 50%;
    margin: 0;
    margin-bottom: 15px
}

@media(max-width:1199px) {
    .info-card-list--list-view .info-card__content-desc {
        width: 45%
    }
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__content-desc {
        float: none;
        width: 100%
    }
}

.info-card-list--list-view .info-card__content-desc p:first-child {
    margin-top: 0
}

.info-card-list--list-view .info-card__content-pub {
    margin-top: 5px
}

.info-card-list--list-view .info-card__text-group {
    float: left;
    width: 22%;
    padding: 0 15px 0 0
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__text-group {
        float: none;
        padding: 0;
        width: auto
    }
}

.info-card-list--list-view .info-card__text-group--lead {
    width: 33%
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__text-group--lead {
        width: 75%
    }
}

@media(max-width:400px) {
    .info-card-list--list-view .info-card__text-group--lead {
        width: auto
    }
}

.info-card-list--list-view .info-card__text-group--follow {
    position: relative;
    left: 33%;
    margin-bottom: 0
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__text-group--follow {
        float: none;
        left: auto;
        width: auto;
        margin-bottom: 15px
    }
}

.info-card-list--list-view .info-card__text-group:nth-child(5) {
    float: none;
    left: 33%
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__text-group:nth-child(5) {
        left: auto
    }
}

.info-card-list--list-view .info-card__button {
    left: auto;
    right: 20px;
    bottom: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width:992px) {
    .info-card-list--list-view .info-card__button {
        top: auto;
        bottom: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__button {
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        position: relative;
        margin: 20px
    }
}

.info-card-list--list-view .info-card__text-line {
    display: block
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__text-line {
        display: inline-block
    }
}

.info-card-list--list-view .info-card__hide-on-list {
    display: none
}

@media(max-width:767px) {
    .info-card-list--list-view .info-card__hide-on-list--visible-medium {
        display: inline-block
    }
}

.info-card-list--list-view.info-card-list--flex.info-card-list--3row .info-card {
    height: auto;
    width: 100%
}

.info-card-list--flex.info-card-list--3row .info-card {
    float: left \9;
    width: 32% \9;
    -ms-flex: 0 0 32%;
    -webkit-flex-basis: 32%;
    flex-basis: 32%
}

.info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) {
    margin-right: 2%
}

.info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) {
    margin-left: 2%
}

@media(max-width:1199px) {
    .info-card-list--flex.info-card-list--3row .info-card {
        width: 49% \9;
        -ms-flex: 0 0 49%;
        -webkit-flex-basis: 49%;
        flex-basis: 49%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) {
        margin-right: 0%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) {
        margin-left: 0%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(even) {
        margin-left: calc(1%)
    }
}

@media(max-width:992px) {
    .info-card-list--flex.info-card-list--3row .info-card {
        width: 32% \9;
        -ms-flex: 0 0 32%;
        -webkit-flex-basis: 32%;
        flex-basis: 32%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(even) {
        margin-left: 0%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) {
        margin-right: 1.5%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) {
        margin-left: 1.5%
    }
}

@media(max-width:767px) {
    .info-card-list--flex.info-card-list--3row .info-card {
        width: 49% \9;
        -ms-flex: 0 0 49%;
        -webkit-flex-basis: 49%;
        flex-basis: 49%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) {
        margin-right: 0%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) {
        margin-left: 0%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(even) {
        margin-left: calc(1%)
    }
}

@media(max-width:600px) {
    .info-card-list--flex.info-card-list--3row .info-card {
        width: 100% \9;
        -ms-flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .info-card-list--flex.info-card-list--3row .info-card:nth-child(odd),
    .info-card-list--flex.info-card-list--3row .info-card:nth-child(even),
    .info-card-list--flex.info-card-list--3row .info-card:first-child,
    .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1),
    .info-card-list--flex.info-card-list--3row .info-card:last-child,
    .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) {
        margin-right: 0;
        margin-left: 0
    }
}

.info-card-list--list-view.info-card-list--4row .info-card:nth-child(3n+1),
.info-card-list--list-view.info-card-list--3row .info-card:nth-child(3n+1),
.info-card-list--list-view.info-card-list--4row .info-card:nth-child(3n),
.info-card-list--list-view.info-card-list--3row .info-card:nth-child(3n),
.info-card-list--list-view.info-card-list--4row .info-card:nth-child(even),
.info-card-list--list-view.info-card-list--3row .info-card:nth-child(even),
.info-card-list--list-view.info-card-list--4row .info-card:nth-child(4n+1),
.info-card-list--list-view.info-card-list--3row .info-card:nth-child(4n+1) {
    margin-left: 0
}

.info-card-list__slide .info-card {
    width: 100%;
    height: 100%;
    margin: 0
}

.info-card-list__slide:focus {
    outline: none
}

.info-card-list--slider .info-card-list__slide {
    float: left \9;
    width: 23.8% \9;
    -ms-flex: 0 0 23.8%;
    -webkit-flex-basis: 23.8%;
    flex-basis: 23.8%;
    margin: 15px 0 0;
    margin-left: 1.6%
}

.info-card-list--slider .info-card-list__slide:nth-child(4n+1) {
    margin-left: 0%
}

@media(max-width:1199px) {
    .info-card-list--slider .info-card-list__slide {
        width: 32% \9;
        -ms-flex: 0 0 32%;
        -webkit-flex-basis: 32%;
        flex-basis: 32%;
        margin-left: 2%
    }

    .info-card-list--slider .info-card-list__slide:nth-child(4n+1) {
        margin-left: 2%
    }

    .info-card-list--slider .info-card-list__slide:nth-child(3n+1) {
        margin-left: 0%
    }
}

@media(max-width:992px) {
    .info-card-list--slider .info-card-list__slide {
        width: 49% \9;
        -ms-flex: 0 0 49%;
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        margin-left: 0%
    }

    .info-card-list--slider .info-card-list__slide:nth-child(4n+1) {
        margin-left: 0%
    }

    .info-card-list--slider .info-card-list__slide:nth-child(even) {
        margin-left: 4%
    }
}

@media(max-width:600px) {
    .info-card-list--slider .info-card-list__slide {
        width: 100% \9;
        -ms-flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 15px 0 0
    }

    .info-card-list--slider .info-card-list__slide:nth-child(even) {
        margin-left: 0%
    }
}

.info-card-list--slider.slick-initialized .info-card-list__slide {
    margin-left: 0
}

.info-summary__header {
    overflow: hidden
}

.info-summary__title {
    word-break: break-word
}

.info-summary__subtitle {
    margin-right: 25px;
    float: left;
    color: #0b6bb5;
    font-size: 16px
}

.info-summary__subtitle .subtitle--upperbold {
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    font-weight: 600
}

.link-group {
    margin: 25px 0;
    width: 100%
}

.link-group__heading {
    float: left;
    color: #0b6bb5;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    margin-top: 5px
}

@media(max-width:767px) {
    .link-group__heading {
        float: none
    }
}

.link-group__list {
    width: 75%;
    float: left;
    margin: 0;
    padding-left: 40px;
    list-style-type: none
}

@media(max-width:767px) {
    .link-group__list {
        float: none;
        width: 100%
    }
}

@media(max-width:400px) {
    .link-group__list {
        padding-left: 0
    }
}

.link-group__list-item {
    font-family: 'Futura', sans-serif;
    font-size: 15px;
    margin: 5px 0
}

.link-group__list-item:before {
    display: none
}

.container__link-list {
    background: #f0f0f0;
    padding: 30px 35px
}

@media(max-width:767px) {
    .link-list__list {
        margin-bottom: 0
    }
}

@media(max-width:767px) {
    .link-list__list.link-list__list--second {
        margin-bottom: 1em;
        margin-top: 0
    }
}

.link-list__title {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 800;
    padding-bottom: 10px;
    margin: 1em 0
}

.link-list__item {
    list-style: none
}

.link-list__item a {
    font-size: 15px;
    font-family: 'Futura', sans-serif
}

.link-list__sub {
    color: #666;
    font-size: 10px;
    line-height: 14px
}

.basic-link-list {
    margin-top: 37.5px;
    padding: 0 25px
}

.basic-link-list img {
    height: 48px;
    width: 48px
}

.basic-link-list__link {
    display: block
}

.basic-link-list__link:hover,
.basic-link-list__link:focus {
    text-decoration: none
}

.basic-link-list__link-text {
    padding: 20px 10px 20px 15px;
    text-decoration: underline;
    letter-spacing: .02em
}

.basic-link-list__list {
    position: relative;
    max-height: 0;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    visibility: hidden;
    -webkit-transition: max-height .35s;
    -moz-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s
}

.basic-link-list__list.active {
    max-height: 500px;
    margin-top: calc(18.75px);
    padding: 37.5px;
    visibility: visible
}

.basic-link-list__list.active:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(240, 240, 240, 0);
    border-bottom-color: #f0f0f0;
    border-width: 20px;
    margin-left: -20px
}

.basic-link-list__list-item {
    display: block;
    margin-top: 5px;
    vertical-align: middle;
    overflow: hidden
}

.basic-link-list__list-item .stButton {
    vertical-align: middle
}

.basic-link-list__list-item:focus {
    text-decoration: none
}

.basic-link-list__list-item:hover .social-icon-bg.-gray {
    background-color: #0b6bb5
}

.basic-link-list__list-item:hover .social-icon-bg.-blue {
    background-color: #0b6bb5
}

.basic-link-list__list-item:hover .social-icon-bg.-green {
    background-color: #0b6bb5
}

.basic-link-list__list-item:hover .social-icon-bg.-orange {
    background-color: #0b6bb5
}

.feature-callout .basic-link-list {
    margin-top: calc(18.75px);
    padding: 0
}

.feature-callout .basic-link-list img {
    height: 30px;
    width: 30px
}

.feature-callout .basic-link-list__list {
    background-color: #fff
}

.feature-callout .basic-link-list__list.active {
    padding: 20px
}

.feature-callout .basic-link-list__list.active:after {
    left: 70px;
    border-bottom-color: #fff
}

.list-item__link-text {
    text-decoration: underline;
    color: #0b6bb5
}

.social-icon-bg {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    vertical-align: middle;
    text-align: center;
    height: 34px;
    width: 34px;
    content: "";
    color: #fff;
    transition: background-color .35s ease
}

.social-icon-bg>.fa {
    padding: 10px;
    vertical-align: middle;
    text-align: center
}

.social-icon-bg>.list-item__link-text {
    position: relative;
    left: 40px;
    top: -30px;
    font-size: 14px
}

.social-icon-bg.-custom-icon:before {
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "";
    vertical-align: middle;
    height: 34px;
    width: 34px;
    color: #fff;
    font-size: 18px;
    top: 0;
    left: 0
}

.social-icon-bg.-custom-icon.st_email_custom:before {
    content: "";
    padding-top: 6px
}

.social-icon-bg.-custom-icon.st_facebook_custom:before {
    content: "";
    padding-top: 6px
}

.social-icon-bg.-custom-icon.st_twitter_custom:before {
    content: "";
    padding-top: 6px
}

.social-icon-bg.-custom-icon.st_linkedin_custom:before {
    content: "";
    padding-top: 6px
}

.social-icon-bg.-gray {
    background-color: #666
}

.social-icon-bg.-blue {
    background-color: #0b6bb5
}

.social-icon-bg.-green {
    background-color: #86b850
}

.social-icon-bg.-orange {
    background-color: #e36f1e
}

.box-links {
    margin: 37.5px 0
}

.box-links__link-container {
    border-width: 30px;
    border-style: solid
}

.box-links__link-container.-blue-box {
    border-color: #0b6bb5
}

.box-links__link-container.-green-box {
    border-color: #86b850
}

.box-links__link-container.-orange-box {
    border-color: #e36f1e
}

.box-links__link-container.-gray-box {
    border-color: #666
}

@media(max-width:767px) {
    .box-links__link-container {
        border-width: 15px
    }
}

.box-links__link-row {
    padding: 37.5px 0;
    margin: 0 37.5px;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0
}

.box-links__link-row:last-child {
    border-bottom: unset
}

@media(max-width:767px) {
    .box-links__link-row {
        padding: calc(18.75px) 0;
        margin: 0 calc(18.75px)
    }
}

.box-links__column {
    width: 48%;
    margin-right: 2%;
    float: left
}

@media(max-width:992px) {}

@media(max-width:767px) {
    .box-links__column {
        width: 100%;
        margin-right: unset;
        padding-bottom: 20px;
        border-bottom: 1px solid #f0f0f0
    }
}

@media(max-width:767px) {
    .box-links__column+.box-links__column {
        margin-top: 20px;
        padding-bottom: 0;
        border-bottom: none
    }
}

.box-links__link-list {
    margin-top: 10px;
    margin-bottom: 0
}

.box-links__link-list-item {
    display: inline-block;
    color: #0b6bb5
}

.box-links__link-list-item>a {
    padding: 10px;
    text-decoration: underline;
    letter-spacing: .02em
}

@media(max-width:992px) {
    .box-links__link-list-item>a {
        padding: 5px
    }
}

.box-links__link-list-item:first-child>a {
    padding-left: 0
}

.item-list__block {
    margin: 30px 0;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #666
}

.item-list__block .item-list__title {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Futura', sans-serif;
    font-weight: 500;
    color: #0b6bb5;
    text-transform: capitalize;
    letter-spacing: 1px
}

.item-list__block .date {
    font-size: 11px;
    color: #666
}

.item-list__block p {
    margin: 0 0 30px 0
}

.item-list__block:first-of-type {
    margin-top: 0
}

.item-list__view-more {
    margin: 30px 0;
    display: block
}

.item-list__view-more a {
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
    -moz-transition: color .25s;
    -o-transition: color .25s;
    -webkit-transition: color .25s;
    transition: color .25s
}

.item-list__view-more a:hover {
    color: #e36f1e;
    -moz-transition: color .25s;
    -o-transition: color .25s;
    -webkit-transition: color .25s;
    transition: color .25s
}

.item-list__view-more.headlines:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(https://asq.org/Content/images/svgs/newspaper.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.item-list__img {
    margin-bottom: 15px
}

.item-list__img img {
    display: block;
    max-width: 100%;
    height: auto
}

.number-info__header {
    margin-bottom: 1em
}

.number-info__header .col-xs-9 {
    height: 75px;
    position: relative
}

.number-info__number-container {
    background: #86b850;
    height: 75px;
    width: 75px;
    border-radius: 37.5px
}

.number-container__number {
    position: absolute;
    top: 25px;
    left: 35px;
    font-family: 'Futura-Bold', sans-serif;
    font-size: 50px;
    color: #fff
}

.number-info__title {
    text-transform: uppercase;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.subnav-container {
    position: relative
}

.subnav-dropdown {
    background-color: #f0f0f0;
    padding: 20px;
    position: relative;
    z-index: 100;
    display: none;
    -webkit-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .3)
}

.subnav-dropdown.visible {
    display: block
}

.subnav-dropdown.-widescreen {
    position: absolute;
    width: calc(100% - 30px)
}

.subnav-dropdown__heading {
    padding: 10px 0 20px;
    border-bottom: 1px solid #666
}

.subnav-dropdown__heading h3 a {
    font-family: 'Futura', sans-serif;
    font-weight: 300
}

.subnav-dropdown__title-group {
    margin: 15px 0
}

.subnav-dropdown__title {
    display: inline-block
}

.subnav-dropdown__subtitle {
    display: inline-block;
    text-transform: capitalize;
    font-size: 17px;
    color: #0b6bb5
}

.subnav-dropdown__sidebar {
    padding: 15px 20px;
    background-color: #fff
}

.subnav-dropdown__link-list {
    margin: 0 0 1em 0
}

.subnav-dropdown__link-item a {
    display: block;
    padding: 3px 0;
    font-family: 'Futura', sans-serif;
    text-decoration: none
}

.subnav-dropdown__link-item a.new {
    position: relative
}

.subnav-dropdown__link-item a.new:before {
    left: 0;
    top: 0;
    margin-right: 5px;
    position: relative;
    text-transform: uppercase;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600;
    content: "New";
    color: #e36f1e
}

.subnav-dropdown__arrow-toggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 47px;
    width: 47px;
    background: none;
    border: none;
    z-index: 10
}

.subnav-dropdown__arrow-toggle:hover,
.subnav-dropdown__arrow-toggle:focus {
    outline: none
}

.subnav-dropdown__arrow-toggle:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(63, 63, 63, .5)
}

.subnav-dropdown__arrow-toggle.active:after {
    border-top: none;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(63, 63, 63, .5)
}

.subnav__editbtn {
    position: absolute;
    top: -33px;
    right: 0
}

.subnav__editbtn.active a {
    background: #e36f1e
}

.category-filters {
    min-height: initial
}

.login span {
    font-family: 'Futura', sans-serif;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-right: 20px
}

.category-topic-filters {
    padding: 30px;
    margin: 37.5px 0;
    background: #0b6bb5;
    color: #fff
}

.category-topic-filters .tab-block__list-item {
    width: 300px;
    position: relative;
    top: 1px
}

@media(max-width:1199px) {
    .category-topic-filters .tab-block__list-item {
        width: 200px
    }
}

.category-topic-filters .tab-block__list-item .tab-block__pane-link {
    color: #fff;
    background: #0b6bb5
}

.category-topic-filters .tab-block__list-item .tab-block__pane-link.active {
    color: #0b6bb5;
    background: #fff
}

.category-topic-filters .tab-block__list-item .tab-block__pane-link.active:after {
    display: none
}

.category-topic-filters .tab-block__list-item .tab-block__pane-link.active:hover {
    background: #fff
}

.category-topic-filters .tab-block__list-item .tab-block__pane-link:hover {
    background: #86b850
}

.category-topic-filters .tab-block__vert-list {
    width: 65%
}

.category-topic-filters .login {
    position: relative;
    top: auto;
    right: auto;
    overflow: hidden;
    text-align: center;
    padding: 15px 0;
    margin: 0 auto;
    float: right
}

@media(max-width:992px) {
    .category-topic-filters .login {
        border: 1px solid #fff;
        padding: 15px;
        width: 100%
    }
}

@media(max-width:600px) {}

.category-filters-list {
    padding: 0
}

.filter-type-list {
    background: #fff
}

.filter-title {
    background: #0b6bb5;
    font-family: 'Futura', sans-serif;
    font-size: 14px;
    letter-spacing: .1em;
    padding: 0;
    display: inline-block;
    border: none
}

.filter-title .tab-block__pane-link {
    padding: 15px 25px;
    color: #fff
}

.filter-title .tab-block__pane-link:hover {
    font-family: inherit
}

@media(max-width:1199px) {
    .filter-title .tab-block__pane-link {
        padding: 15px 20px
    }
}

.filter-title>.active {
    background: #fff;
    color: #0b6bb5;
    font-family: inherit !important
}

.filter-title>.active:after {
    border-left: none !important;
    width: 0;
    height: 0
}

@media(max-width:1199px) {
    .filter-title {
        width: 175px
    }
}

.filter-type {
    display: block;
    font-size: 22px;
    letter-spacing: .07em
}

.category-filters,
.topic-filters {
    padding: 0;
    overflow: hidden
}

.category-filters .tab-block__pane-content,
.topic-filters .tab-block__pane-content {
    padding: 15px 0;
    background: #fff
}

@media(max-width:992px) {

    .category-filters .tab-block__pane-content.active,
    .topic-filters .tab-block__pane-content.active {
        margin-bottom: 15px
    }
}

.container-center {
    width: 95%;
    margin: 0 auto
}

.filter-item-container {
    min-height: 200px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: space-around;
    -ms-align-content: space-around;
    align-content: space-around;
    overflow: hidden;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.filter-item-container__filter-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 315px;
    background: #f0f0f0;
    -ms-flex: 0 0 30%;
    flex-basis: 30%;
    font-family: 'Futura', sans-serif
}

.single-col-filters .filter-item-container__filter-item {
    -ms-flex: 0 0 100%;
    flex-basis: 100%;
    margin: 10px 0;
    padding: 10px 30px 10px 10px \9
}

.single-col-filters .filter-item-container__filter-item:first-child {
    margin-top: 0
}

.single-col-filters .filter-item-container__filter-item .filter-item {
    padding: 10px 15px
}

.tab-block__pane-content .filter-item-container__filter-item {
    text-indent: 0
}

.tab-block__pane-content .filter-item-container__filter-item:before {
    display: none
}

.category-filters .filter-item-container__filter-item {
    margin: 10px 0;
    padding-left: 0;
    text-indent: initial;
    padding: 0
}

.category-filters .filter-item-container__filter-item:nth-child(3n+2) {
    margin: 10px 20px
}

@media(max-width:1199px) {
    .category-filters .filter-item-container__filter-item:nth-child(3n+2) {
        margin: 10px
    }
}

@media(max-width:1199px) {
    .category-filters .filter-item-container__filter-item {
        margin: 10px
    }
}

.category-filters .filter-item-container__filter-item .filter-item {
    font-family: 'Futura', sans-serif;
    padding: 9px 15px;
    display: block;
    margin-top: 0
}

.category-filters .filter-item-container__filter-item:before {
    content: "";
    padding-right: unset
}

.filter-item-container__filter-item.active {
    background: #0b6bb5
}

.filter-item-container__filter-item.active .filter-item {
    color: #fff;
    padding-left: 40px;
    position: relative
}

.filter-item-container__filter-item.active .filter-item:before {
    content: "";
    display: block;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.filter-item-container__filter-item.active .filter-item:focus {
    text-decoration: none
}

.filter-item-container__filter-item:hover {
    text-decoration: underline
}

.filter-item-container__filter-item:focus {
    text-decoration: none
}

@media(max-width:1199px) {
    .filter-item-container__filter-item {
        width: 325px;
        flex-basis: 44%;
        margin: 10px 15px
    }
}

@media(max-width:767px) {
    .filter-item-container__filter-item {
        width: 90%;
        flex-basis: 100%;
        margin: 10px 15px
    }
}

@media screen and (min-width:0\0)and (min-resolution:.001dpcm) {
    .filter-item-container__filter-item {
        float: left
    }
}

.filter-item {
    text-decoration: none;
    font-size: 16px;
    width: 100%
}

.topic-filter-container__filter-item .filter-item {
    text-decoration: underline;
    font-family: 'Futura', sans-serif;
    font-size: 15px
}

.topic-filter-container {
    width: 98%;
    margin: 0 auto;
    padding: 0;
    background: transparent
}

.topic-filter-container .topic-filter-container__filter-item {
    margin: 2.5px 0
}

.topic-filter-container .topic-filter-container__filter-item:before {
    content: ""
}

.topic-filter-container .topic-filter-container__filter-item.active {
    background: #0b6bb5
}

.topic-filter-container .topic-filter-container__filter-item.active:before {
    margin-right: 10px;
    vertical-align: middle;
    font-size: 24px;
    height: 10px;
    width: 10px;
    position: relative
}

.topic-filter-container .topic-filter-container__filter-item.active .filter-item {
    color: #fff
}

@media(min-width:767px) {
    .block-detail-header {
        display: table;
        margin-bottom: 15px
    }
}

.detail-header__header-image-container:after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    background: #fff;
    top: 100%;
    left: calc(50% - 20px);
    margin-top: -20px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(max-width:767px) {
    .detail-header__header-image-container:after {
        left: calc(200px + 15px - 20px)
    }
}

@media(max-width:400px) {
    .detail-header__header-image-container:after {
        left: calc(50% - 20px)
    }
}

@media(min-width:767px) {
    .detail-header__header-image-container:after {
        left: auto;
        right: -5px;
        top: 50%;
        margin-top: -20px
    }
}

@media(min-width:767px) {
    .detail-header__header-image-container {
        display: table-cell;
        vertical-align: middle;
        float: none
    }
}

.detail-header-image {
    width: 100%;
    height: auto
}

.detail-header-image.-space-b {
    margin-bottom: calc(18.75px)
}

@media(max-width:767px) {
    .detail-header-image {
        max-width: 400px
    }
}

@media(max-width:992px) {
    .detail-header-container {
        margin-top: calc(18.75px)
    }
}

@media(max-width:600px) {
    .detail-header-container {
        margin-top: 0
    }
}

@media(min-width:767px) {
    .detail-header-container {
        display: table-cell;
        vertical-align: middle;
        float: none
    }
}

.detail-header .-wide-button {
    text-align: center;
    width: 100%
}

@media(min-width:1199px) {}

.detail-header__header-title {
    margin-bottom: 1em
}

h1.detail-header__header-title {
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin: 10px 0 15px
}

@media(max-width:600px) {
    h1.detail-header__header-title {
        margin: 15px 0
    }
}

.callout__content {
    overflow: hidden;
    margin: 10px 0
}

.callout__list-item {
    text-decoration: underline;
    color: #0b6bb5;
    letter-spacing: .05em
}

.callout__actions {
    margin: 10px 0
}

.callout__actions .btn {
    margin-right: 20px
}

.filters__item {
    position: relative
}

.filters__popup {
    display: none;
    background: #0b6bb5;
    color: #fff;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}

.filters__popup:hover {
    -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3)
}

.filters__popup:hover {
    -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3)
}

@media(max-width:992px) {
    .filters__popup {
        position: relative;
        margin-bottom: 10px
    }
}

.filters__popup:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #0b6bb5;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(max-width:992px) {
    .filters__popup:after {
        left: auto;
        right: 8px
    }
}

.instructors-page .search-filters-container,
.instructors-page .sort-filters-container {
    margin-top: 37.5px
}

@media(max-width:767px) {

    .instructors-page .search-filters-container,
    .instructors-page .sort-filters-container {
        margin-top: initial
    }
}

.search-filters-container .chosen-container,
.sort-filters-container .chosen-container {
    margin-top: 5px;
    margin-bottom: calc(18.75px)
}

.search-filters-container .chosen-container .chosen-drop,
.sort-filters-container .chosen-container .chosen-drop {
    background: #f0f0f0;
    padding: 15px 10px
}

.search-filters-container .chosen-container .chosen-results li,
.sort-filters-container .chosen-container .chosen-results li {
    font-family: 'Helvetica', sans-serif;
    font-weight: initial;
    text-transform: capitalize;
    color: #090909;
    letter-spacing: initial
}

.search-filters-container .chosen-container .chosen-results li.highlighted,
.sort-filters-container .chosen-container .chosen-results li.highlighted {
    background-image: unset;
    background-color: #0b6bb5;
    color: #fff
}

.search-filters-container .chosen-container-active.chosen-with-drop .chosen-single div b,
.sort-filters-container .chosen-container-active.chosen-with-drop .chosen-single div b {
    background: transparent url(https://asq.org/Content/images/icons/carrot-green.png) center center no-repeat !important;
    background-image: url(https://asq.org/Content/images/icons/carrot-green.svg), none !important;
    background-size: 15px 15px !important
}

.search-filters-container .chosen-container-active .chosen-single,
.sort-filters-container .chosen-container-active .chosen-single {
    box-shadow: unset
}

.search-filters-container .chosen-container-single .chosen-single,
.sort-filters-container .chosen-container-single .chosen-single {
    padding: 2px 0 0 20px;
    border: 1px solid #666;
    background: #fff
}

.search-filters-container .chosen-container-single .chosen-single abbr,
.sort-filters-container .chosen-container-single .chosen-single abbr {
    right: 40px
}

.search-filters-container .chosen-container-single .chosen-single div,
.sort-filters-container .chosen-container-single .chosen-single div {
    width: 40px
}

.search-filters-container .chosen-container-single .chosen-single div b,
.sort-filters-container .chosen-container-single .chosen-single div b {
    background: transparent url(https://asq.org/Content/images/icons/carrot-blue.png) center center no-repeat !important;
    background-image: url(https://asq.org/Content/images/icons/carrot-blue.svg), none !important;
    background-size: 15px 15px !important
}

.search-filters-container .chosen-container-single .chosen-drop,
.sort-filters-container .chosen-container-single .chosen-drop {
    margin-top: 0
}

.search-filters-container .chosen-container-single .chosen-default,
.sort-filters-container .chosen-container-single .chosen-default {
    color: unset;
    box-shadow: unset
}

@media(max-width:767px) {
    .sort-filters-container {
        margin-bottom: calc(18.75px)
    }
}

.sort-filters__filter-search {
    margin-bottom: 15px
}

.search-filters-container {
    margin-bottom: 37.5px
}

.filters {
    margin-top: 70px
}

.search-filters__title+.filters {
    margin-top: 32px
}

.search-filters__title {
    word-break: break-word
}

.instructors-page .search-filters__title {
    margin-bottom: 58px
}

@media(max-width:767px) {
    .instructors-page .search-filters__title {
        padding-top: 0;
        margin-bottom: .5em
    }
}

@media(max-width:767px) {
    .catalog-page .search-filters__title {
        padding-top: 15px;
        margin-bottom: .5em
    }
}

.filter__filter-label {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #0b6bb5;
    letter-spacing: .1em
}

.filter-label__select {
    width: 90%
}

.filter-tip {
    background: transparent url(https://asq.org/Content/images/icons/filtertip-blue.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/filtertip-blue.svg), none;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    float: right;
    opacity: .6
}

.filter-tip.active {
    opacity: 1
}

.glossary-filter-container {
    margin: 0;
    width: 50px;
    max-height: 760px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 2
}

@media(min-width:992px) {
    .glossary-filter-container {
        position: static;
        top: auto;
        right: auto;
        z-index: auto;
        background-color: #f0f0f0;
        padding: 37.5px;
        overflow: hidden;
        max-height: none;
        width: auto
    }
}

.glossary-filter-container+.glossary-filter-container {
    margin-top: 37.5px
}

.glossary-filter__title {
    display: none
}

@media(min-width:992px) {
    .glossary-filter__title {
        display: block
    }
}

@media(min-width:992px) {
    .glossary-item-container {
        overflow: hidden;
        margin-right: -5px
    }
}

.glossary-item__filter {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0b6bb5;
    text-align: center
}

@media(min-width:992px) {
    .glossary-item__filter {
        color: #fff;
        float: left;
        margin-left: auto;
        margin-right: 5px;
        margin-top: auto;
        margin-bottom: 5px;
        width: calc(20% - 5px)
    }
}

@media(min-width:1400px) {
    .glossary-item__filter {
        width: calc(12.5% - 5px)
    }
}

.glossary-item__filter .glossary-item__filter-link {
    display: block;
    margin: 0 auto;
    color: #0b6bb5;
    height: 15px;
    width: 15px;
    position: relative;
    background: transparent;
    text-decoration: none;
    border-radius: 50%;
    -moz-transition: height ease .25s, width ease .25s, background ease .25s;
    -o-transition: height ease .25s, width ease .25s, background ease .25s;
    -webkit-transition: height ease .25s, width ease .25s, background ease .25s;
    transition: height ease .25s, width ease .25s, background ease .25s
}

@media(min-width:992px) {
    .glossary-item__filter .glossary-item__filter-link {
        color: #fff;
        background: #0b6bb5;
        padding: 10px;
        height: auto;
        width: auto;
        border-radius: 0
    }
}

.glossary-item__filter .glossary-item__filter-link.selected,
.glossary-item__filter .glossary-item__filter-link:hover {
    color: #fff;
    height: 30px;
    width: 30px
}

@media(min-width:992px) {

    .glossary-item__filter .glossary-item__filter-link.selected,
    .glossary-item__filter .glossary-item__filter-link:hover {
        height: auto;
        width: auto
    }
}

.glossary-item__filter .glossary-item__filter-link.selected {
    background: #86b850;
    font-family: 'Futura-Bold', sans-serif;
    z-index: 1
}

.glossary-item__filter .glossary-item__filter-link.selected:hover {
    background: #86b850
}

.glossary-item__filter .glossary-item__filter-link:hover {
    background: #e36f1e;
    z-index: 2
}

.glossary-item__filter--full {
    display: block;
    float: none;
    width: 100%;
    height: 70px;
    max-width: 210px;
    margin: 0 auto 10px;
    position: relative
}

@media(min-width:992px) {
    .glossary-item__filter--full {
        height: auto;
        margin: 10px auto
    }
}

.glossary-item__filter--full .glossary-item__filter-link {
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:992px) {
    .glossary-item__filter--full .glossary-item__filter-link {
        top: auto;
        transform: none
    }
}

.glossary-item__filter--full .glossary-item__filter-link.selected,
.glossary-item__filter--full .glossary-item__filter-link:hover {
    width: 100%;
    height: 70px;
    border-radius: 10%
}

@media(min-width:992px) {

    .glossary-item__filter--full .glossary-item__filter-link.selected,
    .glossary-item__filter--full .glossary-item__filter-link:hover {
        border-radius: 0;
        height: auto
    }
}

.glossary-item__filter-name {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity ease .35s;
    -o-transition: opacity ease .35s;
    -webkit-transition: opacity ease .35s;
    transition: opacity ease .35s
}

@media(min-width:992px) {
    .glossary-item__filter-name {
        position: relative;
        top: auto;
        left: auto;
        transform: none
    }
}

@media(max-width:992px) {
    .definition-list {
        margin-right: 55px;
        padding-right: 10px;
        overflow-y: auto;
        max-height: 760px;
        min-height: 760px
    }
}

.definition-list,
.glossary-filter-container {
    scrollbar-face-color: #0b6bb5
}

.definition-list::-webkit-scrollbar,
.glossary-filter-container::-webkit-scrollbar {
    width: 10px
}

.definition-list::-webkit-scrollbar-track,
.glossary-filter-container::-webkit-scrollbar-track {
    background-color: transparent
}

.definition-list::-webkit-scrollbar-thumb,
.glossary-filter-container::-webkit-scrollbar-thumb {
    background-color: #0b6bb5;
    border-radius: 10px
}

.definition-list:-webkit-scrollbar-button,
.glossary-filter-container:-webkit-scrollbar-button {
    background-color: #86b850
}

.definition-list::-webkit-scrollbar-corner,
.glossary-filter-container::-webkit-scrollbar-corner {
    background-color: #0b6bb5
}

.feature-callout {
    padding: 60px;
    background: #f0f0f0;
    position: relative
}

@media(max-width:1199px) {
    .feature-callout {
        padding: 40px
    }
}

@media(max-width:600px) {
    .feature-callout {
        padding: 40px 15px
    }
}

@media(max-width:992px) {
    .feature-callout {
        margin-bottom: 15px
    }
}

.feature-callout__smalltxt {
    font-size: 11px;
    color: #666;
    margin: 0 0 5px 0
}

.feature-callout__flag {
    position: absolute;
    left: 0;
    top: 30px;
    color: #fff;
    background: #e36f1e;
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 11px
}

.feature-callout__title {
    font-size: 20px;
    margin-top: 15px
}

.feature-callout__btn-group {
    margin-top: 10px
}

.feature-callout__btn-group .btn+.btn--inline-link,
.feature-callout__btn-group .btn--inline-link+.btn--inline-link {
    margin-left: 10px
}

@media(max-width:1199px) {

    .feature-callout__btn-group .btn,
    .feature-callout__btn-group .btn--inline-link {
        display: block;
        margin: 10px 0
    }
}

.feature-callout__img-block {
    padding-left: 1em
}

.feature-callout__img-block img {
    width: 100%;
    height: auto
}

@media(max-width:1199px) {
    .feature-callout__img-block {
        padding: 1em 0 0 0
    }
}

.blue-callout {
    background: #14326d;
    background: transparent -moz-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background: transparent -webkit-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background: transparent linear-gradient(135deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: inherit;
    padding: 40px;
    position: relative
}

@media(max-width:1199px) {
    .blue-callout {
        padding: 40px 30px
    }
}

@media(max-width:600px) {
    .blue-callout {
        padding: 40px 25px
    }
}

.section-container .blue-callout {
    padding: 60px 125px;
    overflow: hidden;
    height: 100%
}

@media(max-width:1400px) {
    .section-container .blue-callout {
        padding: 60px 77.5px
    }
}

@media(max-width:767px) {
    .section-container .blue-callout {
        padding: 40px 25px
    }
}

.blue-callout--has-btns {
    padding-bottom: 90px
}

.blue-callout__heading {
    color: #86b850;
    font-size: 20px
}

.blue-callout__small-txt {
    color: #fff;
    font-size: 11px;
    margin: 0
}

.blue-callout__content {
    font-family: 'Futura-Bold', sans-serif;
    line-height: 2;
    color: #fff;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 30px;
    text-indent: -.5em
}

.blue-callout__content:before,
.blue-callout__content:after {
    content: '"';
    position: relative
}

.blue-callout__content:before {
    left: -5px
}

.section-container .blue-callout__content {
    font-size: 20px
}

@media(max-width:767px) {
    .section-container .blue-callout__content {
        font-size: 16px
    }
}

.blue-callout__attr {
    margin-top: 30px;
    color: #86b850;
    text-transform: uppercase;
    font-family: 'Futura', sans-serif
}

.section-container .blue-callout__text-group {
    width: 50%;
    float: left
}

@media(max-width:1199px) {
    .section-container .blue-callout__text-group {
        width: 75%
    }
}

@media(max-width:992px) {
    .section-container .blue-callout__text-group {
        width: 100%
    }
}

.blue-callout__btn-group {
    position: absolute;
    bottom: 40px;
    width: 100%
}

.blue-callout__btn-group .btn+.btn--inline-link,
.blue-callout__btn-group .btn--inline-link+.btn--inline-link {
    margin-left: 10px
}

@media(max-width:1199px) {

    .blue-callout__btn-group .btn+.btn--inline-link,
    .blue-callout__btn-group .btn--inline-link+.btn--inline-link {
        margin-left: 0
    }
}

.blue-callout__btn-group .btn--inline-link a:link,
.blue-callout__btn-group .btn--inline-link a:visited {
    color: #fff
}

@media(max-width:1199px) {
    .blue-callout__btn-group .btn--inline-link {
        display: block
    }
}

@media(max-width:1100px) {
    .blue-callout__btn-group .btn--inline-link {
        display: inline-block
    }
}

.section-container .blue-callout__btn-group {
    position: static;
    bottom: auto;
    width: 25%;
    float: right
}

@media(max-width:992px) {
    .section-container .blue-callout__btn-group {
        width: 100%;
        float: left;
        margin-top: 15px
    }
}

@media(max-width:1100px) {
    .blue-callout__btn-group {
        position: relative;
        bottom: auto
    }
}

.list-block-container {
    margin: 37.5px 0
}

.list-block-container__title {
    margin-top: 37.5px;
    font-family: 'Futura', sans-serif;
    padding: 0 30px;
    text-transform: uppercase;
    letter-spacing: .05em
}

.list-block {
    overflow: hidden;
    margin-bottom: 37.5px
}

.container-fluid .list-block {
    margin-bottom: initial
}

.list-block__header {
    position: relative;
    background-color: #666;
    color: #fff;
    padding: 40px 60px
}

@media(max-width:1199px) {
    .list-block__header {
        padding: 40px
    }
}

.list-block__header-title {
    text-transform: uppercase;
    color: #fff
}

.list-block__header-desc {
    color: #fff
}

.list-block__list-container {
    position: relative;
    background-color: #f0f0f0;
    padding: 40px 60px
}

@media(max-width:1199px) {
    .list-block__list-container {
        padding: 40px
    }
}

.list-block__list-container:after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-bottom-color: #f0f0f0;
    border-width: 30px;
    margin-left: -30px
}

.list-block__list {
    margin: 0
}

.list-block__list-block-item {
    padding: 37.5px 0;
    border-bottom: 1px solid #666
}

.list-block__list-block-item:first-child {
    padding: 0 0 37.5px 0
}

.list-block__list-block-item.-no-results {
    color: #545454;
    border-bottom: none;
    padding-bottom: 15px
}

.list-block-item__title {
    display: block;
    color: #0b6bb5;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .02em;
    padding-bottom: 5px
}

.list-block-item__desc {
    display: inline-block;
    color: #666;
    font-size: 12px
}

.list-block-item__desc.-bold-desc {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600
}

.list-block-item {
    display: inline-block;
    margin-right: 20px
}

.list-block-item.-block {
    display: block
}

.list-block__button-container {
    overflow: hidden;
    margin-top: 37.5px
}

.list-block__button-container>.btn {
    float: right;
    margin-left: 20px;
    margin-top: 10px
}

.slim-card-header {
    position: relative;
    width: 100%;
    padding: 15px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Futura', sans-serif;
    letter-spacing: .07em
}

.slim-card-header.-blue {
    background-color: #0b6bb5
}

.slim-card-header.-green {
    background-color: #86b850
}

.slim-card-header.-orange {
    background-color: #e36f1e
}

.slim-card-header.-gray {
    background-color: #666
}

.slim-card-header:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: inherit;
    position: absolute;
    bottom: -5px;
    right: auto;
    left: 20px;
    margin: 0 auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slim-card-grid {
    margin-top: 20px
}

.slim-card-list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
    overflow: hidden
}

.slim-card-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left \9;
    width: 49% \9;
    -ms-flex: 0 0 calc(-11%);
    flex-basis: 49%;
    margin-bottom: 15px;
    padding: 30px
}

@media(max-width:400px) {
    .slim-card-item {
        padding: 15px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slim-card-item {
        flex-basis: calc(49% - 60px)
    }
}

.-list-view .slim-card-item {
    display: block;
    width: 100%;
    -ms-flex: 100%;
    flex-basis: 100%;
    margin-bottom: 0;
    padding: 0 30px
}

.-list-view .slim-card-item .slim-card-container {
    border-bottom: 1px solid #545454
}

.-list-view .slim-card-item:last-child .slim-card-container {
    border-bottom: none
}

.-list-view .slim-card-item:nth-child(odd) {
    margin-right: 0
}

.slim-card-item.-empty {
    padding: 0 0 0 20px
}

.slim-card-item:nth-child(odd) {
    margin-right: 2%
}

.slim-card-item.-gray {
    background-color: #f0f0f0
}

@media(min-width:992px)and (max-width:1199px),
(max-width:767px) {
    .slim-card-item {
        width: 100% \9;
        -ms-flex: 0 0 100%;
        flex-basis: 100%;
        margin-bottom: 15px
    }

    .slim-card-item:nth-child(odd) {
        margin-right: 0
    }
}

.-list-view .slim-card-container {
    display: block
}

.slim-card {
    display: block;
    margin: 0;
    overflow: hidden
}

.-list-view .slim-card {
    padding: 15px 0
}

.slim-card__image {
    width: 100px;
    height: 100px;
    float: left
}

.slim-card__image.-circle {
    border-radius: 50%
}

.-list-view .slim-card__image {
    display: none
}

@media(min-width:992px)and (max-width:1199px),
(max-width:767px) {
    .slim-card__image {
        width: 75px;
        height: 75px
    }
}

.slim-card__text-group {
    padding: 5px 0
}

.-list-view .slim-card__text-group {
    float: left;
    width: 30%;
    margin-right: 3.33%
}

.slim-card__content {
    width: calc(100% - 120px);
    margin-left: 20px;
    float: left
}

.-list-view .slim-card__content {
    margin-left: unset;
    width: 100%;
    overflow: hidden
}

.slim-card__text-line {
    color: #545454
}

.slim-card__text-line.-dark-text {
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600
}

.basic-details-block {
    margin-bottom: 37.5px
}

.basic-details-divider {
    height: 1px;
    background: #353535
}

.basic-details__image {
    padding-bottom: 25px;
    width: 100%;
    height: auto
}

@media(max-width:767px) {
    .basic-details__image {
        width: 50%
    }
}

.basic-details__section {
    margin-bottom: 10px
}

@media(max-width:767px) {
    .basic-details__section {
        margin-bottom: 15px
    }
}

.basic-details__title {
    display: block
}

.basic-details__title.-heavy {
    font-family: 'Futura-Bold', sans-serif;
    color: #666
}

.basic-details__title.-upper {
    text-transform: uppercase
}

.basic-details__title.-inline {
    display: inline-block;
    padding-right: 5px
}

.basic-details__list {
    margin: unset
}

.basic-details__note {
    color: #666;
    font-size: 12px
}

.social-link {
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    height: 34px;
    width: 34px;
    content: "";
    transition: background-color .35s ease
}

.social-link:before {
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "";
    padding-top: 7px;
    vertical-align: middle;
    height: 34px;
    width: 34px;
    color: #fff;
    font-size: 18px;
    top: 0;
    left: 0
}

.social-link.-gray {
    background-color: #666
}

.social-link.-blue {
    background-color: #0b6bb5
}

.social-link.-green {
    background-color: #86b850
}

.social-link.-orange {
    background-color: #e36f1e
}

.social-link.-facebook:before {
    content: ""
}

.social-link.-twitter:before {
    content: ""
}

.social-link.-linkedin:before {
    content: ""
}

.social-link:hover {
    background-color: #0b6bb5;
    text-decoration: none
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    margin-bottom: 40px;
    z-index: 1;
    background-color: #f0f0f0
}

.google-maps.-square {
    padding-bottom: 100%
}

.google-maps.-slim {
    padding-bottom: 30%
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

@media(max-height:450px) {
    .google-maps {
        max-width: 75%;
        padding-bottom: 50%
    }

    .google-maps.-square {
        padding-bottom: 75%
    }
}

.google-maps__block {
    position: absolute;
    background: #fff;
    opacity: .35;
    width: 100%;
    height: 100%;
    z-index: 100;
    cursor: pointer
}

.maps-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    font-family: 'Futura-Bold', sans-serif;
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    text-align: center;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5)
}

.maps-overlay__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wait-overlay {
    width: 100%;
    height: 0;
    background: transparent;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.active .wait-overlay,
.de-activated .wait-overlay {
    height: 100%;
    visibility: visible;
    background: #fff;
    opacity: .8;
    z-index: 5
}

.wait-overlay__spinner {
    width: 56px;
    height: 56px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    display: none;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.wait-overlay__spinner>i {
    color: #0b6bb5
}

.active .wait-overlay__spinner,
.de-activated .wait-overlay__spinner {
    visibility: visible;
    opacity: 1;
    display: block
}

.detail-nav {
    margin: 37.5px 0;
    overflow: hidden
}

@media(max-width:767px) {
    .detail-nav {
        margin: calc(18.75px) 0
    }
}

.detail-nav__link {
    display: table;
    position: relative;
    float: left;
    padding: 37.5px;
    background-color: #f0f0f0;
    text-decoration: none;
    color: #545454;
    text-transform: uppercase;
    -moz-transition: background-color ease .25s;
    -o-transition: background-color ease .25s;
    -webkit-transition: background-color ease .25s;
    transition: background-color ease .25s
}

@media(max-width:767px) {
    .detail-nav__link {
        padding: calc(18.75px)
    }
}

@media(max-width:600px) {
    .detail-nav__link {
        float: none
    }
}

.-count-2 .detail-nav__link {
    width: 50%
}

@media(max-width:600px) {
    .-count-2 .detail-nav__link {
        width: 100%
    }
}

.-count-3 .detail-nav__link {
    width: 33.33%
}

@media(max-width:600px) {
    .-count-3 .detail-nav__link {
        width: 100%
    }
}

.detail-nav__link:hover,
.detail-nav__link:focus {
    text-decoration: none;
    color: #fff;
    background-color: #86b850
}

.detail-nav__link.selected {
    background-color: #0b6bb5;
    color: #fff;
    text-decoration: none
}

.detail-nav__link.selected:hover {
    background-color: #0b6bb5
}

.detail-nav__link.selected:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    height: 20px;
    width: 20px;
    content: "";
    background-color: #fff;
    -moz-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%)
}

@media(max-width:600px) {
    .detail-nav__link.selected:after {
        background-color: transparent
    }
}

.detail-nav__link-text {
    display: table-cell;
    text-align: center;
    font-family: 'Futura', sans-serif;
    letter-spacing: .04em;
    vertical-align: middle
}

.header-filters {
    position: relative
}

.header-filters__title {
    font-family: 'Futura-Bold', sans-serif;
    color: #666;
    margin-right: 5px;
    vertical-align: middle
}

.header-filters__divider {
    margin: 0 5px;
    color: #0b6bb5;
    vertical-align: middle
}

.header-filters__link-group--right {
    position: absolute;
    top: -52.5px;
    right: 0
}

@media(max-width:767px) {
    .header-filters__link-group--right {
        position: relative;
        top: auto;
        right: auto
    }
}

.header-filters__link {
    font-family: 'Futura', sans-serif;
    text-decoration: underline;
    vertical-align: middle
}

.header-filters__link.filtered {
    color: #666;
    text-decoration: none
}

.header-filters__link--heavy {
    text-transform: uppercase;
    font-family: 'Futura-Bold', sans-serif
}

.header-filters__link-group--right .header-filters__link {
    display: block;
    position: relative;
    text-align: right;
    text-decoration: none;
    padding: 0 0 10px 0
}

@media(max-width:767px) {
    .header-filters__link-group--right .header-filters__link {
        text-align: left
    }
}

.header-filters__link-text {
    margin-left: 15px;
    position: relative;
    vertical-align: middle;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-filters__link-icon {
    height: 40px;
    width: 40px
}

.search-box {
    width: 380px;
    max-width: 100%;
    overflow: hidden
}

.search-box__header {
    position: relative;
    margin-bottom: 5px;
    vertical-align: bottom
}

.search-box__footer {
    position: relative;
    margin-top: 5px
}

.search-box__header-title {
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    color: #fff
}

.search-box__header-title+.search-box__link {
    float: right
}

.search-box__button {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #0b6bb5;
    -moz-transition: background ease .5s, color ease .5s;
    -o-transition: background ease .5s, color ease .5s;
    -webkit-transition: background ease .5s, color ease .5s;
    transition: background ease .5s, color ease .5s
}

.search-box__button:hover,
.search-box__button:focus {
    background: #0b6bb5;
    color: #fff
}

.search-box__button .fa {
    position: absolute;
    top: 50%;
    right: 12.5px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle
}

.search-box__input {
    padding: 10px 45px 10px 15px
}

.search-box__input:focus {
    outline: 1px solid #0b6bb5;
    outline-offset: -1px
}

.search-box__input-container {
    position: relative
}

.search-box__link {
    color: #fff;
    text-decoration: underline;
    text-align: right;
    display: block
}

.search-box__link--header {
    font-size: 12px
}

.search-box__link:hover,
.search-box__link:focus {
    color: #fff
}

.list-view-toggle {
    width: 100%
}

.list-view-toggle__container {
    float: right
}

.list-view-toggle__btn {
    border: none;
    opacity: .5;
    width: 44px;
    height: 44px;
    outline: none
}

.list-view-toggle__btn.active {
    opacity: 1
}

.list-view-toggle__btn--grid {
    background: transparent url(https://asq.org/Content/images/icons/toggle-grid-blue.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/toggle-grid-blue.svg), none;
    background-size: 25px 22px
}

.list-view-toggle__btn--list {
    background: transparent url(https://asq.org/Content/images/icons/toggle-list-blue.png) center center no-repeat;
    background-image: url(https://asq.org/Content/images/icons/toggle-list-blue.svg), none;
    background-size: 22px 22px
}

.load-more__container {
    margin: 37.5px 0;
    text-align: center;
    position: static;
    width: 100%
}

.load-more__results {
    color: #666;
    margin-bottom: 10px;
    display: block
}

.main-hr-component {
    background: #666;
    height: 1px;
    margin: 10px auto 10px auto;
    width: calc(100% - 250px)
}

@media(max-width:1400px) {
    .main-hr-component {
        width: calc(100% - 125px)
    }
}

@media(max-width:1199px) {
    .main-hr-component {
        width: 90%
    }
}

@media(max-width:767px) {
    .main-hr-component {
        width: auto;
        margin: 10px 15px
    }
}

@font-face {
    font-family: 'Futura';
    src: url(https://asq.org/Content/fonts/Futura.eot?#iefix) format('embedded-opentype'), url(https://asq.org/Content/fonts/Futura.otf) format('opentype'), url(https://asq.org/Content/fonts/Futura.woff) format('woff'), url(https://asq.org/Content/fonts/Futura.ttf) format('truetype'), url(https://asq.org/Content/fonts/Futura.svg#Futura) format('svg')
}

@font-face {
    font-family: 'Futura-Bold';
    src: url(https://asq.org/Content/fonts/Futura-Bold.eot?#iefix) format('embedded-opentype'), url(https://asq.org/Content/fonts/Futura-Bold.otf) format('opentype'), url(https://asq.org/Content/fonts/Futura-Bold.woff) format('woff'), url(https://asq.org/Content/fonts/Futura-Bold.ttf) format('truetype'), url(https://asq.org/Content/fonts/Futura-Bold.svg#Futura-Bold) format('svg')
}

.mx-vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx-center--vert {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mx-center--horz {
    position: absolute;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.card-shadow {
    -webkit-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .3);
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}

.card-shadow:hover {
    -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .3)
}

.card-shadow--lighter {
    -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .3);
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}

.card-shadow--lighter:hover {
    -webkit-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 10px -3px rgba(0, 0, 0, .3)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0b6bb5;
    padding: 0;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0;
    font-weight: normal;
    font-family: 'Futura', sans-serif;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC', sizingMethod=crop);
    zoom: 1
}

h1.-no-space,
h2.-no-space,
h3.-no-space,
h4.-no-space,
h5.-no-space,
h6.-no-space {
    margin-bottom: initial
}

.do-not-smooth {
    filter: none
}

.header-w-callout {
    width: 100%;
    margin-bottom: 15px;
    vertical-align: middle
}

.header-w-callout__title {
    display: inline-block;
    margin-right: 15px
}

.header-w-callout__nav {
    float: right
}

.header-w-callout__nav a {
    display: inline-block;
    padding: 10px 0;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase
}

h1,
.txt-h1 {
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media(max-width:400px) {

    h1,
    .txt-h1 {
        font-size: 30px;
        line-height: 36px
    }
}

h1.-alt-header,
.txt-h1.-alt-header {
    font-size: 35px;
    line-height: 40px;
    letter-spacing: .02em;
    margin-bottom: .5em;
    text-transform: capitalize;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600;
    overflow-wrap: break-word;
    word-wrap: break-word
}

h2 {
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin-bottom: .5em
}

h2.-alt-header {
    text-transform: capitalize;
    font-family: 'Futura-Bold', sans-serif;
    font-weight: 600
}

@media(max-width:400px) {
    h2 {
        font-size: 24px;
        line-height: 30px
    }
}

h3 {
    font-size: 19px;
    font-family: 'Futura-Bold', sans-serif;
    line-height: 25px;
    font-weight: bold;
    text-transform: unset
}

h4 {
    font-size: 19px;
    line-height: 25px;
    text-transform: unset;
    letter-spacing: .02em;
    color: #86b850;
    font-weight: 200
}

@media(max-width:400px) {
    h4 {
        font-size: 14px;
        line-height: 18px
    }
}

h5 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: .5em
}

h6 {
    font-size: 16px;
    line-height: 18px
}

a {
    color: #0b6bb5
}

.quote {
    text-indent: -1ex
}

body {
    margin: 0;
    padding: 0;
    color: #090909;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: Helvetica, sans-serif;
    line-height: 23px;
    font-size: 14px
}

address {
    font-style: normal
}

span.note {
    display: block;
    margin: 1em 0;
    font-size: 12px;
    font-family: 'Helvetica', sans-serif
}

span.note.-blue {
    color: #0b6bb5
}

span.note.-orange {
    color: #e36f1e
}

span.note.-green {
    color: #86b850
}

span.note.-gray {
    color: #545454
}

ol {
    list-style-type: none;
    counter-reset: ol-counter;
    margin: 1em 0;
    padding: 0
}

ol li {
    margin-left: 3px;
    padding-left: 3em;
    position: relative
}

ol li:before {
    counter-increment: ol-counter;
    content: counter(ol-counter, decimal) ".";
    font-family: 'Futura', sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin-right: 3em;
    color: #0b6bb5;
    position: absolute;
    left: 0;
    top: 4px
}

.bkg-colors-blue ol li:before,
.bkg-colors-green ol li:before,
.bkg-colors-orange ol li:before {
    color: #fff
}

ol li ol li:before {
    content: counter(ol-counter, lower-alpha) "."
}

ol li ol li ol li:before {
    content: counter(ol-counter, lower-roman) "."
}

ol.rte-roman-list li:before {
    content: counter(ol-counter, upper-roman) "."
}

ol.rte-roman-list li ol li:before {
    content: counter(ol-counter, lower-alpha) "."
}

ol.rte-roman-list li ol li ol li:before {
    content: counter(ol-counter, lower-roman) "."
}

ol li>ul,
ol.rte-ordered-list li>ul,
ol.rte-roman-list li>ul,
ul.rte-unordered-list li>ul,
ol li>ol,
ol.rte-ordered-list li>ol,
ol.rte-roman-list li>ol,
ul.rte-unordered-list li>ol {
    margin: 0
}

ol li>ul li>ul,
ol.rte-ordered-list li>ul li>ul,
ol.rte-roman-list li>ul li>ul,
ul.rte-unordered-list li>ul li>ul,
ol li>ol li>ul,
ol.rte-ordered-list li>ol li>ul,
ol.rte-roman-list li>ol li>ul,
ul.rte-unordered-list li>ol li>ul,
ol li>ul li>ol,
ol.rte-ordered-list li>ul li>ol,
ol.rte-roman-list li>ul li>ol,
ul.rte-unordered-list li>ul li>ol,
ol li>ol li>ol,
ol.rte-ordered-list li>ol li>ol,
ol.rte-roman-list li>ol li>ol,
ul.rte-unordered-list li>ol li>ol {
    margin: 0
}

.bkg-colors-blue.rich-text-callout-container ul li:before,
.bkg-colors-blue.rich-text-container ul li:before,
.bkg-colors-blue.tile__content ul li:before,
.bkg-colors-blue.tab-block__pane-content ul li:before,
.bkg-colors-blue#ContentWrapper ul li:before,
.bkg-colors-green.rich-text-callout-container ul li:before,
.bkg-colors-green.rich-text-container ul li:before,
.bkg-colors-green.tile__content ul li:before,
.bkg-colors-green.tab-block__pane-content ul li:before,
.bkg-colors-green#ContentWrapper ul li:before,
.bkg-colors-orange.rich-text-callout-container ul li:before,
.bkg-colors-orange.rich-text-container ul li:before,
.bkg-colors-orange.tile__content ul li:before,
.bkg-colors-orange.tab-block__pane-content ul li:before,
.bkg-colors-orange#ContentWrapper ul li:before {
    color: #fff
}

.rich-text-callout-container ul li ul li:before,
.rich-text-container ul li ul li:before,
.tile__content ul li ul li:before,
.tab-block__pane-content ul li ul li:before,
#ContentWrapper ul li ul li:before {
    content: "-"
}

.rich-text-callout-container ul li ul li ul li,
.rich-text-container ul li ul li ul li,
.tile__content ul li ul li ul li,
.tab-block__pane-content ul li ul li ul li,
#ContentWrapper ul li ul li ul li {
    text-indent: -1.3em
}

.rich-text-callout-container ul li ul li ul li:before,
.rich-text-container ul li ul li ul li:before,
.tile__content ul li ul li ul li:before,
.tab-block__pane-content ul li ul li ul li:before,
#ContentWrapper ul li ul li ul li:before {
    content: "■";
    font-size: 14px;
    top: -2px
}

.list-item-clear {
    padding-left: 0;
    text-indent: 0
}

.list-item-clear:before {
    content: "";
    display: none
}

img {
    border-style: none;
    border: 0;
    text-decoration: none
}

img.-circle {
    border-radius: 50%
}

.asq-main-content {
    background: #fff
}

.no-margins {
    margin-left: 0;
    margin-right: 0
}

@media(max-width:400px) {
    .no-margins {
        margin-left: -15px;
        margin-right: -15px
    }
}

.detail-container+section {
    margin-top: 37.5px
}

.content-section {
    padding-top: 37.5px;
    padding-bottom: 37.5px
}

.section-header {
    margin-top: 37.5px;
    text-transform: uppercase;
    letter-spacing: .05em
}

hr {
    margin: 15px 0;
    display: block;
    border: none;
    height: 1px
}

hr.short {
    background: #fff;
    width: 80px;
    margin-left: 0;
    text-align: left
}

.tile__content hr.short {
    background: #666
}

.bkg-colors-blue {
    color: #fff;
    background-color: #0b6bb5;
    padding: 20px
}

.bkg-colors-green {
    color: #fff;
    background-color: #86b850;
    padding: 20px
}

.bkg-colors-orange {
    color: #fff;
    background-color: #e36f1e;
    padding: 20px
}

.bkg-colors-blue h1,
.bkg-colors-green h1,
.bkg-colors-orange h1,
.bkg-colors-blue h2,
.bkg-colors-green h2,
.bkg-colors-orange h2,
.bkg-colors-blue h3,
.bkg-colors-green h3,
.bkg-colors-orange h3,
.bkg-colors-blue h4,
.bkg-colors-green h4,
.bkg-colors-orange h4,
.bkg-colors-blue h5,
.bkg-colors-green h5,
.bkg-colors-orange h5,
.bkg-colors-blue h6,
.bkg-colors-green h6,
.bkg-colors-orange h6,
.bkg-colors-blue a,
.bkg-colors-green a,
.bkg-colors-orange a,
.bkg-colors-blue p,
.bkg-colors-green p,
.bkg-colors-orange p {
    color: #fff
}

.rich-text-callout-container {
    clear: both
}

.rich-text-callout-container img {
    max-width: 100%;
    height: auto
}

.rich-text-callout-container h2 {
    word-break: break-word
}

.rich-text-callout-container.align-right {
    float: right;
    text-align: right;
    width: 100%
}

.rich-text-callout-container.align-left {
    text-align: left;
    width: 100%
}

.rich-text-callout-container+.rich-text-callout-container:last-child {
    margin-bottom: 0
}

.rte-blue-text {
    color: #0b6bb5
}

.rte-green-text {
    color: #86b850
}

.rte-orange-text {
    color: #e36f1e
}

.rte-horizontal-rule {
    background: #666 !important;
    height: 1px
}

.btn {
    display: inline-block;
    transition: background .25s
}

.btn a,
.btn button {
    background: transparent;
    color: #fff;
    display: inline-block;
    border: none;
    padding: 10px 20px;
    font-family: 'Futura-Bold', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1px;
    transition: background .3s;
    cursor: pointer
}

.btn a:hover,
.btn button:hover {
    text-decoration: none;
    color: #fff
}

@media(max-width:400px) {

    .btn a,
    .btn button {
        padding: 10px
    }
}

.btn.transparent {
    background: rgba(255, 255, 255, .3)
}

.btn.green {
    background: #86b850
}

.btn.blue {
    background: #0b6bb5
}

.btn.blue:hover {
    background: #e36f1e;
    transition: background .3s
}

.btn.orange {
    background: #e36f1e
}

.btn:hover {
    background: #0b6bb5;
    transition: background .3s
}

.btn.alt-hover:hover {
    background: #e36f1e
}

.rte-ordered-list,
.rte-unordered-list,
.rte-roman-list {
    padding-top: 1px;
    padding-bottom: 1px
}

.rte-ordered-list li,
.rte-unordered-list li,
.rte-roman-list li {
    padding-top: 1px;
    padding-bottom: 1px
}

.rte-unordered-list li {
    margin-left: 3px;
    padding-left: 1em;
    text-indent: -1.2em;
    position: relative
}

.rte-unordered-list li:before {
    content: "•";
    color: #0b6bb5;
    padding-right: 10px;
    font-size: 20px;
    line-height: 14px;
    position: relative;
    top: 2px
}

.bkg-colors-blue.rte-unordered-list li:before,
.bkg-colors-green.rte-unordered-list li:before,
.bkg-colors-orange.rte-unordered-list li:before {
    color: #fff
}

.rte-unordered-list li ul li {
    text-indent: -1.25em
}

.rte-unordered-list li ul li:before {
    content: "-"
}

.rte-unordered-list li ul li ul li {
    text-indent: -1.3em
}

.rte-unordered-list li ul li ul li:before {
    content: "■";
    font-size: 14px;
    top: -2px
}