svg:not(:root) {
    overflow: hidden
}
.banner-user .message-text,
.header-app-title {
    text-align: center
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/OpenSans-Light-webfont.woff2) format("woff2"), url(../fonts/OpenSans-Light-webfont.woff) format("woff"), url(../fonts/OpenSans-Light-webfont.ttf) format("truetype")
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/OpenSans-LightItalic-webfont.woff2) format("woff2"), url(../fonts/OpenSans-LightItalic-webfont.woff) format("woff"), url(../fonts/OpenSans-LightItalic-webfont.ttf) format("truetype")
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/OpenSans-Regular-webfont.woff2) format("woff2"), url(../fonts/OpenSans-Regular-webfont.woff) format("woff"), url(../fonts/OpenSans-Regular-webfont.ttf) format("truetype")
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/OpenSans-Italic-webfont.woff2) format("woff2"), url(../fonts/OpenSans-Italic-webfont.woff) format("woff"), url(../fonts/OpenSans-Italic-webfont.ttf) format("truetype")
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/OpenSans-Semibold-webfont.woff2) format("woff2"), url(../fonts/OpenSans-Semibold-webfont.woff) format("woff"), url(../fonts/OpenSans-Semibold-webfont.ttf) format("truetype")
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/OpenSans-SemiboldItalic-webfont.woff2) format("woff2"), url(../fonts/OpenSans-SemiboldItalic-webfont.woff) format("woff"), url(../fonts/OpenSans-SemiboldItalic-webfont.ttf) format("truetype")
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/OpenSans-Bold-webfont.woff2) format("woff2"), url(../fonts/OpenSans-Bold-webfont.woff) format("woff"), url(../fonts/OpenSans-Bold-webfont.ttf) format("truetype")
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/OpenSans-BoldItalic-webfont.woff2) format("woff2"), url(../fonts/OpenSans-BoldItalic-webfont.woff) format("woff"), url(../fonts/OpenSans-BoldItalic-webfont.ttf) format("truetype")
}
@font-face {
    font-family: edx-icons;
    font-style: normal;
    font-weight: 300;
    src: url(/node_modules/edx-pattern-library/pattern-library../fonts/edx-icons/edx-icons.woff) format("woff"), url(/node_modules/edx-pattern-library/pattern-library../fonts/edx-icons/edx-icons.ttf) format("truetype")
}
.btn-combo:disabled,
.btn-default:disabled,
.btn-elevated-alt:disabled,
.btn-elevated:disabled,
.btn-link:disabled,
.btn-overlay:disabled,
.btn-primary:disabled,
.btn-secondary:disabled,
.is-disabled.btn-combo,
.is-disabled.btn-default,
.is-disabled.btn-elevated,
.is-disabled.btn-elevated-alt,
.is-disabled.btn-link,
.is-disabled.btn-overlay,
.is-disabled.btn-primary,
.is-disabled.btn-secondary,
.wrapper-custom-select.is-disabled,
.wrapper-custom-select:disabled {
    pointer-events: none;
    outline: 0;
    cursor: not-allowed
}
[class^=wrapper] {
    width: 100%
}
[class^=wrapper]::after {
    clear: both;
    content: "";
    display: table
}
.banner-user .action.icon-only .action-label,
.input-checkbox.replace-checkbox,
.input-checkbox.replace-radio,
.input-radio.replace-checkbox,
.input-radio.replace-radio,
.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.bg-replace {
    text-indent: 100%;
    white-space: nowrap
}
pre,
textarea {
    overflow: auto
}
.sr-only,
.sr-only * {
    background: #000!important;
    color: #fff!important
}
.accomplishment-metadata-copy .metadata-copy-list,
.accomplishment-stamps,
.footer-app-nav .list,
.grid-manual .gallery,
.wrapper-accomplishment-orgs .list-orgs {
    margin: 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}
.accomplishment-metadata-copy .metadata-copy-list dd,
.accomplishment-metadata-copy .metadata-copy-list dt,
.accomplishment-metadata-copy .metadata-copy-list li,
.accomplishment-stamps dd,
.accomplishment-stamps dt,
.accomplishment-stamps li,
.footer-app-nav .list dd,
.footer-app-nav .list dt,
.footer-app-nav .list li,
.wrapper-accomplishment-orgs .list-orgs dd,
.wrapper-accomplishment-orgs .list-orgs dt,
.wrapper-accomplishment-orgs .list-orgs li {
    margin: 0;
    padding: 0
}
.btn-link,
.link,
a {
    transition: color 125ms ease-in-out 0s, border-color 125ms ease-in-out 0s;
    border-bottom: 1px solid transparent;
    color: #FEB205;
    text-decoration: none
}
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.link:active,
.link:focus,
.link:hover,
a:active,
a:focus,
a:hover {
    border-bottom-color: #0ea6ec;
    color: #0ea6ec
}
fieldset,
img,
legend {
    border: 0
}
.btn-link:disabled,
.is-disabled.btn-link,
.is-disabled.link,
.link:disabled,
a.is-disabled,
a:disabled {
    display: none;
    color: #d2d0d0
}
article,
aside,
details,
figcaption,
figure,
figure img,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
.btn-link:active,
.is-active.btn-link,
.is-active.link,
.is-pressed.btn-link,
.is-pressed.link,
.link:active,
a.is-active,
a.is-pressed,
a:active {
    color: #065683
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
hr {
    box-sizing: content-box;
    height: 0
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
.edx-icons .icon,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
legend {
    padding: 0
}
textarea {
    resize: vertical
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
* {
    box-sizing: border-box
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}
body {
    color: #4d4b4b;
    font-size: 1rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
dl,
ol,
p,
ul {
    margin: 0 0 1.25rem
}
fieldset {
    margin: 0;
    padding: 0
}
figure {
    display: inline-block;
    margin: 0;
    padding: 0
}
.img,
picture {
    max-width: 100%;
    margin: 0
}
pre {
    font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
    margin: 0
}
.is-hidden {
    display: none
}
.btn-combo,
.btn-default,
.btn-elevated,
.btn-elevated-alt,
.btn-link,
.btn-overlay,
.btn-primary,
.btn-secondary {
    transition: color 125ms ease-in-out 0s, border-color 125ms ease-in-out 0s, background 125ms ease-in-out 0s, box-shadow 125ms ease-in-out 0s;
    display: inline-block;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    font-weight: 600
}
.btn-combo,
.btn-link {
    border-radius: 0
}
.block.btn-combo,
.block.btn-default,
.block.btn-elevated,
.block.btn-elevated-alt,
.block.btn-link,
.block.btn-overlay,
.block.btn-primary,
.block.btn-secondary {
    display: block;
    width: 100%
}
.btn-large {
    padding: 1.25rem 1.875rem;
    font-size: 1.125rem
}
.banner-user .action,
.btn-base {
    padding: .625rem 1.25rem;
    font-size: 1rem
}
.btn-small {
    padding: .625rem;
    font-size: .875rem
}
.btn-default {
    border-color: #0079bc;
    background: #fcfcfc;
    color: #0079bc
}
.btn-default.is-focused,
.btn-default.is-hovered,
.btn-default:focus,
.btn-default:hover {
    background: #0079bc;
    color: #fcfcfc
}
.btn-default.is-active,
.btn-default.is-pressed,
.btn-default:active {
    border-color: #065683;
    background: #065683
}
.btn-default.is-disabled,
.btn-default:disabled {
    border-color: #d2d0d0;
    background: #fcfcfc;
    color: #6b6969
}
.btn-primary {
    border-color: #0079bc;
    background: #0079bc;
    color: #fcfcfc
}
.btn-primary.is-focused,
.btn-primary.is-hovered,
.btn-primary:focus,
.btn-primary:hover {
    border-color: #0ea6ec;
    background: #0ea6ec
}
.btn-primary.is-active,
.btn-primary.is-pressed,
.btn-primary:active {
    border-color: #0079bc;
    background: #0079bc
}
.btn-primary.is-disabled,
.btn-primary:disabled {
    border-color: #d2d0d0;
    background: #F5F5F5;
    color: #6b6969
}
.btn-secondary {
    border-color: transparent;
    background: 0 0;
    color: #0079bc
}
.btn-secondary.is-focused,
.btn-secondary.is-hovered,
.btn-secondary:focus,
.btn-secondary:hover {
    border-color: #cdd7db
}
.btn-secondary.is-active,
.btn-secondary.is-pressed,
.btn-secondary:active {
    border-color: #0079bc;
    color: #0079bc
}
.btn-secondary.is-disabled,
.btn-secondary:disabled {
    border-color: #d2d0d0;
    color: #6b6969
}
.btn-link {
    border-color: transparent;
    padding: 1px;
    background: 0 0
}
.btn-link:disabled {
    display: none
}
.btn-elevated {
    border-color: #0079bc;
    box-shadow: inset 0 -3px 0 0 #065683;
    background: #0079bc;
    color: #fcfcfc
}
.btn-elevated.is-focused,
.btn-elevated.is-hovered,
.btn-elevated:focus,
.btn-elevated:hover {
    box-shadow: inset 0 -3px 0 0 #065683;
    background: #0ea6ec
}
.btn-elevated.is-active,
.btn-elevated.is-pressed,
.btn-elevated:active {
    box-shadow: inset 0 3px 0 0 #0b344a;
    background: #065683
}
.btn-elevated.is-disabled,
.btn-elevated:disabled {
    border-color: #F5F5F5;
    box-shadow: inset 0 -1px 0 #d2d0d0;
    background: #F5F5F5;
    color: #6b6969
}
.btn-elevated-alt {
    box-shadow: inset 0 0-"inset 0 -3px 0 0 #065683" 0 0 #cdd7db;
    border-color: #cdd7db;
    background: 0 0;
    color: #0079bc
}
.btn-elevated-alt.is-focused,
.btn-elevated-alt.is-hovered,
.btn-elevated-alt:focus,
.btn-elevated-alt:hover {
    border-color: #0079bc;
    box-shadow: inset 0 0-"inset 0 -3px 0 0 #065683" 0 0 #0079bc;
    background: #0ea6ec;
    color: #fcfcfc
}
.btn-elevated-alt.is-active,
.btn-elevated-alt.is-pressed,
.btn-elevated-alt:active {
    box-shadow: inset 0 inset 0 -3px 0 0 #065683 0 0 #0b344a;
    background: #065683
}
.btn-elevated-alt.is-disabled,
.btn-elevated-alt:disabled {
    border-color: #F5F5F5;
    box-shadow: inset 0 -1px 0 #d2d0d0;
    background: #F5F5F5;
    color: #6b6969
}
.btn-combo:first-of-type {
    -webkit-border-top-left-radius: 3px;
    -moz-border-topleft-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottomleft-radius: 3px;
    border-bottom-left-radius: 3px
}
.btn-combo:last-of-type {
    -webkit-border-top-right-radius: 3px;
    -moz-border-topright-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottomright-radius: 3px;
    border-bottom-right-radius: 3px
}
.btn-overlay {
    border-color: #fcfcfc;
    background: 0 0;
    color: #fcfcfc
}
.btn-overlay.is-focused,
.btn-overlay.is-hovered,
.btn-overlay:focus,
.btn-overlay:hover {
    background: #fcfcfc;
    color: #0079bc
}
.btn-overlay.is-active,
.btn-overlay.is-pressed,
.btn-overlay:active {
    color: #065683
}
.btn-overlay.is-disabled,
.btn-overlay:disabled {
    border-color: rgba(167, 164, 164, .5);
    color: #fcfcfc
}
.btn-overlay.is-disabled:hover,
.btn-overlay:disabled:hover {
    border-color: rgba(167, 164, 164, .5);
    background: 0 0;
    color: #fcfcfc
}
.hd-1,
.hd-2,
.hd-3,
.hd-4,
.hd-5,
.hd-6,
.wrapper-accomplishment-statement .accomplishment-course,
.wrapper-accomplishment-statement .accomplishment-program,
.wrapper-accomplishment-statement .accomplishment-recipient,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 1.25rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #4d4b4b
}
.hd-1.emphasized,
.hd-2.emphasized,
.hd-3.emphasized,
.hd-4.emphasized,
.hd-5.emphasized,
.hd-6.emphasized,
.wrapper-accomplishment-statement .emphasized.accomplishment-course,
.wrapper-accomplishment-statement .emphasized.accomplishment-program,
.wrapper-accomplishment-statement .emphasized.accomplishment-recipient {
    color: #000;
    font-weight: 600
}
.hd-1.de-emphasized,
.hd-2.de-emphasized,
.hd-3.de-emphasized,
.hd-4.de-emphasized,
.hd-5.de-emphasized,
.hd-6.de-emphasized,
.wrapper-accomplishment-statement .de-emphasized.accomplishment-course,
.wrapper-accomplishment-statement .de-emphasized.accomplishment-program,
.wrapper-accomplishment-statement .de-emphasized.accomplishment-recipient {
    color: #6b6969
}
.hd-6.emphasized,
.hd-7.emphasized {
    font-weight: 700
}
.hd-1,
.wrapper-accomplishment-title .accomplishment-title {
    margin-bottom: 1.25rem;
    font-size: 2.375rem;
    line-height: 1.4
}
.hd-2,
.wrapper-accomplishment-statement .accomplishment-recipient {
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    line-height: 1.4
}
.hd-3,
.wrapper-accomplishment-statement .accomplishment-course,
.wrapper-accomplishment-statement .accomplishment-program {
    margin-bottom: .625rem;
    font-size: 1.5rem;
    line-height: 1.5
}
.hd-4 {
    margin-bottom: .625rem;
    font-size: 1.3125rem;
    line-height: 1.6
}
.hd-5,
.wrapper-accomplishment-orgs .organization-name {
    margin-bottom: .625rem;
    font-size: 1.125rem;
    line-height: 1.6
}
.banner-user .message-title,
.hd-6,
.signatory .signatory-name {
    margin-bottom: .3125rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6
}
.banner-user .emphasized.message-title,
.emphasized.hd-6,
.signatory .emphasized.signatory-name {
    font-weight: 700
}
.accomplishment-metadata-title,
.hd-7 {
    margin-bottom: .625rem;
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.6;
    letter-spacing: .0625rem
}
.emphasized.accomplishment-metadata-title,
.emphasized.hd-7 {
    font-weight: 700
}
.accomplishment-stamps .title,
.hd-8 {
    margin-bottom: .3125rem;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: .03125rem
}
.accomplishment-stamps .emphasized.title,
.emphasized.hd-8 {
    font-weight: 700
}
.accomplishment-stamps .emphasized,
.banner-user .emphasized.message-copy,
.emphasized.accomplishment-metadata-copy,
.emphasized.copy-base,
.emphasized.copy-large,
.emphasized.copy-lead,
.emphasized.copy-meta,
.emphasized.copy-micro,
.emphasized.footer-app,
.emphasized.support-copy,
.signatory .emphasized.signatory-credentials,
.wrapper-accomplishment-statement .emphasized.copy {
    color: #000;
    font-weight: 400
}
.accomplishment-stamps .de-emphasized.emphasized,
.banner-user .de-emphasized.message-copy,
.de-emphasized.accomplishment-metadata-copy,
.de-emphasized.copy-base,
.de-emphasized.copy-large,
.de-emphasized.copy-lead,
.de-emphasized.copy-meta,
.de-emphasized.copy-micro,
.de-emphasized.footer-app,
.de-emphasized.support-copy,
.signatory .de-emphasized.signatory-credentials,
.wrapper-accomplishment-statement .de-emphasized.copy {
    color: #6b6969;
    font-weight: 400
}
.accomplishment-metadata-copy,
.accomplishment-stamps .emphasized,
.banner-user .message-copy,
.copy-base,
.copy-large,
.copy-lead,
.copy-meta,
.copy-micro,
.footer-app,
.signatory .signatory-credentials,
.support-copy,
.wrapper-accomplishment-statement .copy {
    color: #4d4b4b
}
.copy-lead {
    font-size: 1.3125rem;
    line-height: 1.5
}
.copy-lead dl,
.copy-lead ol,
.copy-lead p,
.copy-lead ul {
    margin-bottom: 1.875rem
}
.accomplishment-metadata-copy dl,
.accomplishment-metadata-copy ol,
.accomplishment-metadata-copy p,
.accomplishment-metadata-copy ul,
.accomplishment-stamps .emphasized dl,
.accomplishment-stamps .emphasized ol,
.accomplishment-stamps .emphasized p,
.accomplishment-stamps .emphasized ul,
.banner-user .message-copy dl,
.banner-user .message-copy ol,
.banner-user .message-copy p,
.banner-user .message-copy ul,
.copy-base dl,
.copy-base ol,
.copy-base p,
.copy-base ul,
.copy-large dl,
.copy-large ol,
.copy-large p,
.copy-large ul,
.copy-meta dl,
.copy-meta ol,
.copy-meta p,
.copy-meta ul,
.copy-micro dl,
.copy-micro ol,
.copy-micro p,
.copy-micro ul,
.footer-app dl,
.footer-app ol,
.footer-app p,
.footer-app ul,
.signatory .signatory-credentials dl,
.signatory .signatory-credentials ol,
.signatory .signatory-credentials p,
.signatory .signatory-credentials ul,
.support-copy dl,
.support-copy ol,
.support-copy p,
.support-copy ul,
.wrapper-accomplishment-statement .copy dl,
.wrapper-accomplishment-statement .copy ol,
.wrapper-accomplishment-statement .copy p,
.wrapper-accomplishment-statement .copy ul {
    margin-bottom: 1.25rem
}
.copy-large {
    font-size: 1.125rem;
    line-height: 1.6
}
.copy-base {
    font-size: 1rem;
    line-height: 1.6
}
.accomplishment-metadata-copy,
.banner-user .message-copy,
.copy-meta,
.support-copy,
.wrapper-accomplishment-statement .copy {
    font-size: .875rem;
    line-height: 1.6
}
.accomplishment-stamps .emphasized,
.copy-micro,
.footer-app,
.signatory .signatory-credentials {
    font-size: .75rem;
    line-height: 1.5
}
.form-group {
    margin-bottom: 1.875rem
}
.form-group::after {
    clear: both;
    content: "";
    display: table
}
.form-group .form-group-hd {
    margin-bottom: 1.25rem;
    font-size: 1.125rem
}
.form-group .field {
    margin-bottom: 2.5rem
}
.form-group .field:last-child {
    margin-bottom: 0
}
.form-group .field .field-hint {
    font-size: .875rem;
    color: #586165
}
.field-group {
    margin-bottom: 1.25rem
}
.field-group .field-group-hd {
    margin-bottom: 1.25rem;
    font-size: 1.125rem
}
.field-group .field {
    margin-bottom: .625rem
}
.field-group .field:last-child {
    margin-bottom: 0
}
.field-group .field .field-hint {
    margin-left: 1.875rem;
    margin-top: .3125rem;
    font-size: .875rem;
    color: #586165
}
.field-label {
    display: block;
    width: auto;
    margin-bottom: .625rem;
    font-size: 1rem;
    line-height: 100%;
    color: #4d4b4b
}
.field-label.label-inline {
    display: inline-block;
    margin-bottom: 0
}
.field-label .field-input:checked+.field-input-label,
.field-label .field-radio:checked+.field-input-label,
.field-label .wrapper-custom-select:checked+.field-input-label,
.field-label.is-active,
.field-label.is-selected {
    transition: all 125ms ease-in-out 0s;
    color: #4d4b4b
}
.field-message {
    font-size: .875rem;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
.field-message.has-error {
    padding: .625rem;
    background: #b20610;
    color: #fcfcfc
}
.field-hint {
    margin-top: .625rem
}
.field-required:after {
    display: inline-block;
    margin-left: .3125rem;
    content: "*";
    font-size: .875rem;
    color: #4d4b4b
}
.field-hint,
.field-message,
.input-progress,
.input-select,
.input-slider,
.input-text,
.input-textarea,
.wrapper-custom-select {
    width: 18.75rem
}
.field-input,
.field-select,
.field-textarea,
.wrapper-custom-select {
    transition: all 125ms ease-in-out 0s;
    display: inline-block;
    padding: .625rem;
    border: 1px solid #F5F5F5;
    background: #fcfcfc;
    font-size: 1rem;
    color: #34383a
}
.field-input::-webkit-input-placeholder,
.field-select::-webkit-input-placeholder,
.field-textarea::-webkit-input-placeholder,
.wrapper-custom-select::-webkit-input-placeholder {
    color: #cdd7db
}
.field-input::-moz-placeholder,
.field-select::-moz-placeholder,
.field-textarea::-moz-placeholder,
.wrapper-custom-select::-moz-placeholder {
    color: #cdd7db
}
.field-input:-moz-placeholder,
.field-select:-moz-placeholder,
.field-textarea:-moz-placeholder,
.wrapper-custom-select:-moz-placeholder {
    color: #cdd7db
}
.field-input:-ms-input-placeholder,
.field-select:-ms-input-placeholder,
.field-textarea:-ms-input-placeholder,
.wrapper-custom-select:-ms-input-placeholder {
    color: #cdd7db
}
.field-input.is-active,
.field-input:focus,
.field-select.is-active,
.field-select:focus,
.field-textarea.is-active,
.field-textarea:focus,
.is-active.wrapper-custom-select,
.wrapper-custom-select:focus {
    border-color: #0ea6ec;
    color: #34383a;
    outline: 0
}
.field-input.is-disabled,
.field-input:disabled,
.field-select.is-disabled,
.field-select:disabled,
.field-textarea.is-disabled,
.field-textarea:disabled,
.is-disabled.wrapper-custom-select,
.wrapper-custom-select:disabled {
    border-color: #cdd7db;
    background: #e5e9eb;
    cursor: not-allowed
}
.field-input.has-error,
.field-select.has-error,
.field-textarea.has-error,
.has-error.wrapper-custom-select {
    border-color: #b20610
}
.field-input.has-error+.field-hint,
.field-select.has-error+.field-hint,
.field-textarea.has-error+.field-hint,
.has-error.wrapper-custom-select+.field-hint {
    color: #7d0910
}
.field-input.has-error .icon,
.field-select.has-error .icon,
.field-textarea.has-error .icon,
.has-error.wrapper-custom-select .icon {
    fill: #b20610
}
.field-input.has-warning,
.field-select.has-warning,
.field-textarea.has-warning,
.has-warning.wrapper-custom-select {
    border-color: #fdbc56
}
.field-input.has-warning+.field-hint,
.field-select.has-warning+.field-hint,
.field-textarea.has-warning+.field-hint,
.has-warning.wrapper-custom-select+.field-hint {
    color: #af833f
}
.field-input.has-warning .icon,
.field-select.has-warning .icon,
.field-textarea.has-warning .icon,
.has-warning.wrapper-custom-select .icon {
    fill: #fdbc56
}
.field-input.has-success,
.field-select.has-success,
.field-textarea.has-success,
.has-success.wrapper-custom-select {
    border-color: #25b85a
}
.field-input.has-success .icon,
.field-select.has-success .icon,
.field-textarea.has-success .icon,
.has-success.wrapper-custom-select .icon {
    fill: #25b85a
}
.form-progress {
    transition: all 125ms ease-in-out 0s
}
.input-text.input-alt {
    padding: spacing-verical(small) 0;
    border-width: 0 0 2px;
    background: 0 0
}
.grid-manual .col-1,
.grid-manual .col-10,
.grid-manual .col-11,
.grid-manual .col-12,
.grid-manual .col-2,
.grid-manual .col-3,
.grid-manual .col-4,
.grid-manual .col-5,
.grid-manual .col-7,
.grid-manual .col-8,
.grid-manual .col-9 {
    padding-left: 1.04167%;
    padding-right: 1.04167%
}
.input-text.input-alt.is-active,
.input-text.input-alt:focus {
    border-color: #4d4b4b;
    background: 0 0
}
.input-text.input-alt.has-error {
    border-width: 1px 1px 2px;
    border-color: #b20610
}
.wrapper-replace-select {
    position: relative;
    margin-bottom: 0
}
.input-select {
    height: 2.5rem;
    line-height: 1.25rem
}
.input-select+.field-message {
    margin-top: -.3125rem
}
.input-select.is-replaced {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0
}
.wrapper-custom-select {
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    height: 2.5rem;
    line-height: 100%;
    z-index: 1
}
.wrapper-custom-select .icon {
    height: 1.25rem;
    width: 1.25rem;
    position: absolute;
    right: .3125rem;
    margin-top: -.125rem;
    color: #0079bc;
    vertical-align: middle
}
.input-checkbox.is-disabled+.field-input-label,
.input-checkbox.is-disabled.replace-checkbox+.field-input-label,
.input-checkbox.is-disabled.replace-radio+.field-input-label,
.input-checkbox:disabled+.field-input-label,
.input-checkbox:disabled.replace-checkbox+.field-input-label,
.input-checkbox:disabled.replace-radio+.field-input-label,
.input-radio.is-disabled+.field-input-label,
.input-radio.is-disabled.replace-checkbox+.field-input-label,
.input-radio.is-disabled.replace-radio+.field-input-label,
.input-radio:disabled+.field-input-label,
.input-radio:disabled.replace-checkbox+.field-input-label,
.input-radio:disabled.replace-radio+.field-input-label {
    color: #a7a4a4
}
.wrapper-custom-select .icon-fallback-glyph .icon:before {
    content: "\25BE"
}
.wrapper-custom-select.is-disabled .icon,
.wrapper-custom-select:disabled .icon {
    fill: #cdd7db
}
.input-checkbox,
.input-radio {
    margin-right: .625rem
}
.input-checkbox.replace-checkbox+.field-input-label:before,
.input-checkbox.replace-radio+.field-input-label:before,
.input-radio.replace-checkbox+.field-input-label:before,
.input-radio.replace-radio+.field-input-label:before {
    height: 1rem;
    width: 1rem;
    display: inline-block;
    vertical-align: top;
    content: ""
}
.gallery::after,
.row::after {
    content: "";
    display: table
}
.input-checkbox.replace-checkbox+.field-input-label:before,
.input-radio.replace-checkbox+.field-input-label:before {
    transition: all 125ms ease-in-out 0s;
    margin-right: .625rem;
    border: 1px solid #F5F5F5;
    background: #e5e9eb;
    box-shadow: inset 0 0 0 3px #fcfcfc
}
.input-checkbox.replace-checkbox:checked+.field-input-label:before,
.input-radio.replace-checkbox:checked+.field-input-label:before {
    border-color: transparent;
    background: #fcfcfc;
    box-shadow: inset 0 0 0 6px #0079bc
}
.input-checkbox.replace-radio+.field-input-label:before,
.input-radio.replace-radio+.field-input-label:before {
    transition: all 125ms ease-in-out 0s;
    margin-right: .625rem;
    border: 1px solid #F5F5F5;
    border-radius: 50%;
    background: #0079bc;
    box-shadow: inset 0 0 0 3px #fcfcfc
}
.input-checkbox.replace-radio:checked+.field-input-label:before,
.input-radio.replace-radio:checked+.field-input-label:before {
    border-color: transparent;
    background: #fcfcfc;
    box-shadow: inset 0 0 0 6px #0079bc
}
.input-checkbox.is-disabled.replace-checkbox+.field-input-label:before+.field-input-label:before,
.input-checkbox.is-disabled.replace-radio+.field-input-label:before,
.input-checkbox:disabled.replace-checkbox+.field-input-label:before+.field-input-label:before,
.input-checkbox:disabled.replace-radio+.field-input-label:before,
.input-radio.is-disabled.replace-checkbox+.field-input-label:before+.field-input-label:before,
.input-radio.is-disabled.replace-radio+.field-input-label:before,
.input-radio:disabled.replace-checkbox+.field-input-label:before+.field-input-label:before,
.input-radio:disabled.replace-radio+.field-input-label:before {
    background: #fcfcfc;
    box-shadow: none;
    cursor: not-allowed
}
.input-checkbox.is-disabled,
.input-checkbox:disabled,
.input-radio.is-disabled,
.input-radio:disabled {
    cursor: not-allowed
}
.input-textarea {
    height: 10rem
}
.input-textarea+.field-message {
    margin-top: -.3125rem
}
.input-textarea.textarea-short {
    height: 5rem
}
.input-textarea.textarea-tall {
    height: 15rem
}
.input-textarea.textarea-block {
    width: 100%
}
.input-slider {
    transition: all 125ms ease-in-out 0s;
    border: none;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.input-slider::-webkit-slider-runnable-track {
    transition: all 125ms ease-in-out 0s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    height: .625rem;
    border: 0;
    border-radius: 3px;
    background: #F5F5F5;
    cursor: pointer
}
.input-slider::-webkit-slider-thumb {
    height: .625rem;
    width: .625rem;
    transition: all 125ms ease-in-out 0s;
    border: 0;
    border-radius: 50%;
    background: #53a4d1;
    -webkit-appearance: none
}
.input-slider::-moz-range-track {
    transition: all 125ms ease-in-out 0s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    height: .625rem;
    border: 0;
    border-radius: 3px;
    background: #F5F5F5;
    cursor: pointer
}
.input-slider::-moz-range-thumb {
    height: .625rem;
    width: .625rem;
    transition: all 125ms ease-in-out 0s;
    border: 0;
    border-radius: 50%;
    background: #53a4d1;
    -webkit-appearance: none
}
.input-slider::-ms-fill-upper {
    transition: all 125ms ease-in-out 0s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    height: .625rem;
    border: 0;
    border-radius: 3px;
    background: #F5F5F5;
    cursor: pointer
}
.input-slider::-ms-fill-lower {
    transition: all 125ms ease-in-out 0s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    height: .625rem;
    border: 0;
    border-radius: 3px;
    background: #F5F5F5;
    cursor: pointer
}
.input-slider::-ms-track {
    border-width: .625rem;
    border-color: transparent;
    background: 0 0;
    color: transparent
}
.input-slider::-ms-thumb {
    height: .625rem;
    width: .625rem;
    transition: all 125ms ease-in-out 0s;
    border: 0;
    border-radius: 50%;
    background: #53a4d1;
    -webkit-appearance: none
}
.input-slider.is-focused::-webkit-slider-runnable-track,
.input-slider.is-hovered::-webkit-slider-runnable-track,
.input-slider:focus::-webkit-slider-runnable-track,
.input-slider:hover::-webkit-slider-runnable-track {
    background: #00abfa
}
.input-slider.is-focused::-webkit-slider-thumb,
.input-slider.is-hovered::-webkit-slider-thumb,
.input-slider:focus::-webkit-slider-thumb,
.input-slider:hover::-webkit-slider-thumb {
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -.38462rem;
    background: #0079bc
}
.input-slider.is-focused::-moz-range-track,
.input-slider.is-hovered::-moz-range-track,
.input-slider:focus::-moz-range-track,
.input-slider:hover::-moz-range-track {
    background: #00abfa
}
.input-slider.is-focused::-moz-range-thumb,
.input-slider.is-hovered::-moz-range-thumb,
.input-slider:focus::-moz-range-thumb,
.input-slider:hover::-moz-range-thumb {
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -.38462rem;
    background: #0079bc
}
.input-slider.is-focused::-ms-track,
.input-slider.is-hovered::-ms-track,
.input-slider:focus::-ms-track,
.input-slider:hover::-ms-track {
    background: 0 0;
    border-color: transparent
}
.input-slider.is-focused::-ms-fill-upper,
.input-slider.is-hovered::-ms-fill-upper,
.input-slider:focus::-ms-fill-upper,
.input-slider:hover::-ms-fill-upper {
    background: #00abfa
}
.input-slider.is-focused::-ms-fill-lower,
.input-slider.is-hovered::-ms-fill-lower,
.input-slider:focus::-ms-fill-lower,
.input-slider:hover::-ms-fill-lower {
    background: #00abfa
}
.input-slider.is-focused::-ms-thumb,
.input-slider.is-hovered::-ms-thumb,
.input-slider:focus::-ms-thumb,
.input-slider:hover::-ms-thumb {
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -.38462rem;
    background: #0079bc
}
.input-progress {
    height: .625rem;
    background: #F5F5F5;
    border: none;
    border-radius: 3px
}
.input-progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.input-progress[value]::-webkit-progress-bar {
    transition: all 125ms ease-in-out 0s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    height: .625rem;
    border: 0;
    border-radius: 3px;
    background: #F5F5F5;
    cursor: pointer
}
.input-progress[value]::-webkit-progress-value {
    transition: all 125ms ease-in-out 0s;
    background: #00abfa;
    border-radius: 3px
}
.input-progress[value]::-moz-progress-bar {
    transition: all 125ms ease-in-out 0s;
    background: #00abfa;
    border-radius: 3px
}
.input-progress[value]::-ms-progress-bar {
    transition: all 125ms ease-in-out 0s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    height: .625rem;
    border: 0;
    border-radius: 3px;
    background: #F5F5F5;
    cursor: pointer
}
.input-progress[value]::-ms-progress-value {
    transition: all 125ms ease-in-out 0s;
    background: #00abfa;
    border-radius: 3px
}
.grid-container .col.col-last,
.grid-container .col.col-omega {
    float: right;
    margin-right: 0
}
.gallery,
.gallery::after,
.grid-break,
.grid-container .col.col-break,
.grid-container .col.col-full,
.row,
.row::after {
    clear: both
}
.accomplishment,
.accomplishment-metadata,
.accomplishment-support,
.banner-user,
.footer-app,
.grid-container,
.header-app {
    max-width: 73.125rem;
    margin-left: auto;
    margin-right: auto
}
.accomplishment-metadata::after,
.accomplishment-support::after,
.accomplishment::after,
.banner-user::after,
.footer-app::after,
.grid-container::after,
.header-app::after {
    clear: both;
    content: "";
    display: table
}
.grid-container .col .fill-col {
    display: block;
    width: 100%
}
.grid-container .col.col-first {
    margin-left: 0
}
.grid-container .col.col-full {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}
.grid-unbreak {
    clear: none
}
.grid-manual .row {
    margin-right: -1.04167%;
    margin-left: -1.04167%
}
.grid-manual .col-1 {
    width: 8.33333%;
    float: left
}
.grid-manual .col-2 {
    width: 16.66667%;
    float: left
}
.grid-manual .col-3 {
    width: 25%;
    float: left
}
.grid-manual .col-4 {
    width: 33.33333%;
    float: left
}
.grid-manual .col-5 {
    width: 41.66667%;
    float: left
}
.grid-manual .col-6 {
    width: 50%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%
}
.grid-manual .col-7 {
    width: 58.33333%;
    float: left
}
.grid-manual .col-8 {
    width: 66.66667%;
    float: left
}
.grid-manual .col-9 {
    width: 75%;
    float: left
}
.grid-manual .col-10 {
    width: 83.33333%;
    float: left
}
.grid-manual .col-11 {
    width: 91.66667%;
    float: left
}
.grid-manual .col-12 {
    width: 100%;
    float: left
}
.grid-manual .pre-1 {
    margin-left: 8.33333%
}
.grid-manual .pre-2 {
    margin-left: 16.66667%
}
.grid-manual .pre-3 {
    margin-left: 25%
}
.grid-manual .pre-4 {
    margin-left: 33.33333%
}
.grid-manual .pre-5 {
    margin-left: 41.66667%
}
.grid-manual .pre-6 {
    margin-left: 50%
}
.grid-manual .pre-7 {
    margin-left: 58.33333%
}
.grid-manual .pre-8 {
    margin-left: 66.66667%
}
.grid-manual .pre-9 {
    margin-left: 75%
}
.grid-manual .pre-10 {
    margin-left: 83.33333%
}
.grid-manual .pre-11 {
    margin-left: 91.66667%
}
.grid-manual .pre-12 {
    margin-left: 100%
}
.grid-manual .post-1 {
    margin-left: 8.33333%
}
.grid-manual .post-2 {
    margin-left: 16.66667%
}
.grid-manual .post-3 {
    margin-left: 25%
}
.grid-manual .post-4 {
    margin-left: 33.33333%
}
.grid-manual .post-5 {
    margin-left: 41.66667%
}
.grid-manual .post-6 {
    margin-left: 50%
}
.grid-manual .post-7 {
    margin-left: 58.33333%
}
.grid-manual .post-8 {
    margin-left: 66.66667%
}
.grid-manual .post-9 {
    margin-left: 75%
}
.grid-manual .post-10 {
    margin-left: 83.33333%
}
.grid-manual .post-11 {
    margin-left: 91.66667%
}
.grid-manual .post-12 {
    margin-left: 100%
}
@media (min-width: 480px) {
    .grid-manual .sm-col-1 {
        width: 8.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-2 {
        width: 16.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-3 {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-4 {
        width: 33.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-5 {
        width: 41.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-6 {
        width: 50%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-7 {
        width: 58.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-8 {
        width: 66.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-9 {
        width: 75%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-10 {
        width: 83.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-11 {
        width: 91.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-col-12 {
        width: 100%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .sm-pre-1 {
        margin-left: 8.33333%
    }
    .grid-manual .sm-pre-2 {
        margin-left: 16.66667%
    }
    .grid-manual .sm-pre-3 {
        margin-left: 25%
    }
    .grid-manual .sm-pre-4 {
        margin-left: 33.33333%
    }
    .grid-manual .sm-pre-5 {
        margin-left: 41.66667%
    }
    .grid-manual .sm-pre-6 {
        margin-left: 50%
    }
    .grid-manual .sm-pre-7 {
        margin-left: 58.33333%
    }
    .grid-manual .sm-pre-8 {
        margin-left: 66.66667%
    }
    .grid-manual .sm-pre-9 {
        margin-left: 75%
    }
    .grid-manual .sm-pre-10 {
        margin-left: 83.33333%
    }
    .grid-manual .sm-pre-11 {
        margin-left: 91.66667%
    }
    .grid-manual .sm-pre-12 {
        margin-left: 100%
    }
    .grid-manual .sm-post-1 {
        margin-right: 8.33333%
    }
    .grid-manual .sm-post-2 {
        margin-right: 16.66667%
    }
    .grid-manual .sm-post-3 {
        margin-right: 25%
    }
    .grid-manual .sm-post-4 {
        margin-right: 33.33333%
    }
    .grid-manual .sm-post-5 {
        margin-right: 41.66667%
    }
    .grid-manual .sm-post-6 {
        margin-right: 50%
    }
    .grid-manual .sm-post-7 {
        margin-right: 58.33333%
    }
    .grid-manual .sm-post-8 {
        margin-right: 66.66667%
    }
    .grid-manual .sm-post-9 {
        margin-right: 75%
    }
    .grid-manual .sm-post-10 {
        margin-right: 83.33333%
    }
    .grid-manual .sm-post-11 {
        margin-right: 91.66667%
    }
    .grid-manual .sm-post-12 {
        margin-right: 100%
    }
}
@media (min-width: 768px) {
    .grid-manual .md-col-1 {
        width: 8.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-2 {
        width: 16.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-3 {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-4 {
        width: 33.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-5 {
        width: 41.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-6 {
        width: 50%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-7 {
        width: 58.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-8 {
        width: 66.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-9 {
        width: 75%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-10 {
        width: 83.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-11 {
        width: 91.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-col-12 {
        width: 100%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .md-pre-1 {
        margin-left: 8.33333%
    }
    .grid-manual .md-pre-2 {
        margin-left: 16.66667%
    }
    .grid-manual .md-pre-3 {
        margin-left: 25%
    }
    .grid-manual .md-pre-4 {
        margin-left: 33.33333%
    }
    .grid-manual .md-pre-5 {
        margin-left: 41.66667%
    }
    .grid-manual .md-pre-6 {
        margin-left: 50%
    }
    .grid-manual .md-pre-7 {
        margin-left: 58.33333%
    }
    .grid-manual .md-pre-8 {
        margin-left: 66.66667%
    }
    .grid-manual .md-pre-9 {
        margin-left: 75%
    }
    .grid-manual .md-pre-10 {
        margin-left: 83.33333%
    }
    .grid-manual .md-pre-11 {
        margin-left: 91.66667%
    }
    .grid-manual .md-pre-12 {
        margin-left: 100%
    }
    .grid-manual .md-post-1 {
        margin-right: 8.33333%
    }
    .grid-manual .md-post-2 {
        margin-right: 16.66667%
    }
    .grid-manual .md-post-3 {
        margin-right: 25%
    }
    .grid-manual .md-post-4 {
        margin-right: 33.33333%
    }
    .grid-manual .md-post-5 {
        margin-right: 41.66667%
    }
    .grid-manual .md-post-6 {
        margin-right: 50%
    }
    .grid-manual .md-post-7 {
        margin-right: 58.33333%
    }
    .grid-manual .md-post-8 {
        margin-right: 66.66667%
    }
    .grid-manual .md-post-9 {
        margin-right: 75%
    }
    .grid-manual .md-post-10 {
        margin-right: 83.33333%
    }
    .grid-manual .md-post-11 {
        margin-right: 91.66667%
    }
    .grid-manual .md-post-12 {
        margin-right: 100%
    }
}
@media (min-width: 1024px) {
    .grid-manual .lg-col-1 {
        width: 8.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-2 {
        width: 16.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-3 {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-4 {
        width: 33.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-5 {
        width: 41.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-6 {
        width: 50%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-7 {
        width: 58.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-8 {
        width: 66.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-9 {
        width: 75%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-10 {
        width: 83.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-11 {
        width: 91.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-col-12 {
        width: 100%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .lg-pre-1 {
        margin-left: 8.33333%
    }
    .grid-manual .lg-pre-2 {
        margin-left: 16.66667%
    }
    .grid-manual .lg-pre-3 {
        margin-left: 25%
    }
    .grid-manual .lg-pre-4 {
        margin-left: 33.33333%
    }
    .grid-manual .lg-pre-5 {
        margin-left: 41.66667%
    }
    .grid-manual .lg-pre-6 {
        margin-left: 50%
    }
    .grid-manual .lg-pre-7 {
        margin-left: 58.33333%
    }
    .grid-manual .lg-pre-8 {
        margin-left: 66.66667%
    }
    .grid-manual .lg-pre-9 {
        margin-left: 75%
    }
    .grid-manual .lg-pre-10 {
        margin-left: 83.33333%
    }
    .grid-manual .lg-pre-11 {
        margin-left: 91.66667%
    }
    .grid-manual .lg-pre-12 {
        margin-left: 100%
    }
    .grid-manual .lg-post-1 {
        margin-right: 8.33333%
    }
    .grid-manual .lg-post-2 {
        margin-right: 16.66667%
    }
    .grid-manual .lg-post-3 {
        margin-right: 25%
    }
    .grid-manual .lg-post-4 {
        margin-right: 33.33333%
    }
    .grid-manual .lg-post-5 {
        margin-right: 41.66667%
    }
    .grid-manual .lg-post-6 {
        margin-right: 50%
    }
    .grid-manual .lg-post-7 {
        margin-right: 58.33333%
    }
    .grid-manual .lg-post-8 {
        margin-right: 66.66667%
    }
    .grid-manual .lg-post-9 {
        margin-right: 75%
    }
    .grid-manual .lg-post-10 {
        margin-right: 83.33333%
    }
    .grid-manual .lg-post-11 {
        margin-right: 91.66667%
    }
    .grid-manual .lg-post-12 {
        margin-right: 100%
    }
}
@media (min-width: 1280px) {
    .grid-manual .xl-col-1 {
        width: 8.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-2 {
        width: 16.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-3 {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-4 {
        width: 33.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-5 {
        width: 41.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-6 {
        width: 50%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-7 {
        width: 58.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-8 {
        width: 66.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-9 {
        width: 75%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-10 {
        width: 83.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-11 {
        width: 91.66667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-col-12 {
        width: 100%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .grid-manual .xl-pre-1 {
        margin-left: 8.33333%
    }
    .grid-manual .xl-pre-2 {
        margin-left: 16.66667%
    }
    .grid-manual .xl-pre-3 {
        margin-left: 25%
    }
    .grid-manual .xl-pre-4 {
        margin-left: 33.33333%
    }
    .grid-manual .xl-pre-5 {
        margin-left: 41.66667%
    }
    .grid-manual .xl-pre-6 {
        margin-left: 50%
    }
    .grid-manual .xl-pre-7 {
        margin-left: 58.33333%
    }
    .grid-manual .xl-pre-8 {
        margin-left: 66.66667%
    }
    .grid-manual .xl-pre-9 {
        margin-left: 75%
    }
    .grid-manual .xl-pre-10 {
        margin-left: 83.33333%
    }
    .grid-manual .xl-pre-11 {
        margin-left: 91.66667%
    }
    .grid-manual .xl-pre-12 {
        margin-left: 100%
    }
    .grid-manual .xl-post-1 {
        margin-right: 8.33333%
    }
    .grid-manual .xl-post-2 {
        margin-right: 16.66667%
    }
    .grid-manual .xl-post-3 {
        margin-right: 25%
    }
    .grid-manual .xl-post-4 {
        margin-right: 33.33333%
    }
    .grid-manual .xl-post-5 {
        margin-right: 41.66667%
    }
    .grid-manual .xl-post-6 {
        margin-right: 50%
    }
    .grid-manual .xl-post-7 {
        margin-right: 58.33333%
    }
    .grid-manual .xl-post-8 {
        margin-right: 66.66667%
    }
    .grid-manual .xl-post-9 {
        margin-right: 75%
    }
    .grid-manual .xl-post-10 {
        margin-right: 83.33333%
    }
    .grid-manual .xl-post-11 {
        margin-right: 91.66667%
    }
    .grid-manual .xl-post-12 {
        margin-right: 100%
    }
}
.grid-manual .gallery-1 .gallery-item {
    width: 6.38298%;
    float: left
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+1) {
    margin-right: -100%;
    clear: both;
    margin-left: 0
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+2) {
    margin-left: 8.51064%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+3) {
    margin-left: 17.02128%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+4) {
    margin-left: 25.53191%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+5) {
    margin-left: 34.04255%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+6) {
    margin-left: 42.55319%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+7) {
    margin-left: 51.06383%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+8) {
    margin-left: 59.57447%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+9) {
    margin-left: 68.08511%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+10) {
    margin-left: 76.59574%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+11) {
    margin-left: 85.10638%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-1 .gallery-item:nth-child(12n+12) {
    margin-left: 93.61702%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-2 .gallery-item {
    width: 14.89362%;
    float: left
}
.grid-manual .gallery-2 .gallery-item:nth-child(6n+1) {
    margin-right: -100%;
    clear: both;
    margin-left: 0
}
.grid-manual .gallery-2 .gallery-item:nth-child(6n+2) {
    margin-left: 17.02128%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-2 .gallery-item:nth-child(6n+3) {
    margin-left: 34.04255%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-2 .gallery-item:nth-child(6n+4) {
    margin-left: 51.06383%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-2 .gallery-item:nth-child(6n+5) {
    margin-left: 68.08511%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-2 .gallery-item:nth-child(6n+6) {
    margin-left: 85.10638%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-3 .gallery-item {
    width: 23.40426%;
    float: left
}
.grid-manual .gallery-3 .gallery-item:nth-child(4n+1) {
    margin-right: -100%;
    clear: both;
    margin-left: 0
}
.grid-manual .gallery-3 .gallery-item:nth-child(4n+2) {
    margin-left: 25.53191%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-3 .gallery-item:nth-child(4n+3) {
    margin-left: 51.06383%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-3 .gallery-item:nth-child(4n+4) {
    margin-left: 76.59574%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-4 .gallery-item {
    width: 31.91489%;
    float: left
}
.grid-manual .gallery-4 .gallery-item:nth-child(3n+1) {
    margin-right: -100%;
    clear: both;
    margin-left: 0
}
.grid-manual .gallery-4 .gallery-item:nth-child(3n+2) {
    margin-left: 34.04255%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-4 .gallery-item:nth-child(3n+3) {
    margin-left: 68.08511%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-5 .gallery-item {
    width: 40.42553%;
    float: left
}
.grid-manual .gallery-5 .gallery-item:nth-child(2n+1) {
    margin-right: -100%;
    clear: both;
    margin-left: 0
}
.grid-manual .gallery-5 .gallery-item:nth-child(2n+2) {
    margin-left: 42.55319%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-6 .gallery-item {
    width: 48.93617%;
    float: left
}
.grid-manual .gallery-6 .gallery-item:nth-child(2n+1) {
    margin-right: -100%;
    clear: both;
    margin-left: 0
}
.grid-manual .gallery-6 .gallery-item:nth-child(2n+2) {
    margin-left: 51.06383%;
    margin-right: -100%;
    clear: none
}
.grid-manual .gallery-10 .gallery-item:nth-child(1n+1),
.grid-manual .gallery-11 .gallery-item:nth-child(1n+1),
.grid-manual .gallery-7 .gallery-item:nth-child(1n+1),
.grid-manual .gallery-8 .gallery-item:nth-child(1n+1),
.grid-manual .gallery-9 .gallery-item:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
    margin-right: -100%
}
.grid-manual .gallery-7 .gallery-item {
    width: 57.44681%;
    float: left
}
.grid-manual .gallery-8 .gallery-item {
    width: 65.95745%;
    float: left
}
.grid-manual .gallery-9 .gallery-item {
    width: 74.46809%;
    float: left
}
.grid-manual .gallery-10 .gallery-item {
    width: 82.97872%;
    float: left
}
.grid-manual .gallery-11 .gallery-item {
    width: 91.48936%;
    float: left
}
.grid-manual .gallery-12 .gallery-item {
    width: 100%;
    float: left
}
.grid-manual .gallery-12 .gallery-item:nth-child(1n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: none
}
@media (min-width: 480px) {
    .grid-manual .sm-gallery-1 .gallery-item {
        width: 6.38298%;
        float: left
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+2) {
        margin-left: 8.51064%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+3) {
        margin-left: 17.02128%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+4) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+5) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+6) {
        margin-left: 42.55319%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+7) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+8) {
        margin-left: 59.57447%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+9) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+10) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+11) {
        margin-left: 85.10638%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-1 .gallery-item:nth-child(12n+12) {
        margin-left: 93.61702%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-2 .gallery-item {
        width: 14.89362%;
        float: left
    }
    .grid-manual .sm-gallery-2 .gallery-item:nth-child(6n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-2 .gallery-item:nth-child(6n+2) {
        margin-left: 17.02128%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-2 .gallery-item:nth-child(6n+3) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-2 .gallery-item:nth-child(6n+4) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-2 .gallery-item:nth-child(6n+5) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-2 .gallery-item:nth-child(6n+6) {
        margin-left: 85.10638%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-3 .gallery-item {
        width: 23.40426%;
        float: left
    }
    .grid-manual .sm-gallery-3 .gallery-item:nth-child(4n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-3 .gallery-item:nth-child(4n+2) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-3 .gallery-item:nth-child(4n+3) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-3 .gallery-item:nth-child(4n+4) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-4 .gallery-item {
        width: 31.91489%;
        float: left
    }
    .grid-manual .sm-gallery-4 .gallery-item:nth-child(3n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-4 .gallery-item:nth-child(3n+2) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-4 .gallery-item:nth-child(3n+3) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-5 .gallery-item {
        width: 40.42553%;
        float: left
    }
    .grid-manual .sm-gallery-5 .gallery-item:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-5 .gallery-item:nth-child(2n+2) {
        margin-left: 42.55319%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-6 .gallery-item {
        width: 48.93617%;
        float: left
    }
    .grid-manual .sm-gallery-6 .gallery-item:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-6 .gallery-item:nth-child(2n+2) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .sm-gallery-7 .gallery-item {
        width: 57.44681%;
        float: left
    }
    .grid-manual .sm-gallery-7 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-8 .gallery-item {
        width: 65.95745%;
        float: left
    }
    .grid-manual .sm-gallery-8 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-9 .gallery-item {
        width: 74.46809%;
        float: left
    }
    .grid-manual .sm-gallery-9 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-10 .gallery-item {
        width: 82.97872%;
        float: left
    }
    .grid-manual .sm-gallery-10 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-11 .gallery-item {
        width: 91.48936%;
        float: left
    }
    .grid-manual .sm-gallery-11 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .sm-gallery-12 .gallery-item {
        width: 100%;
        float: left
    }
    .grid-manual .sm-gallery-12 .gallery-item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}
@media (min-width: 768px) {
    .grid-manual .md-gallery-1 .gallery-item {
        width: 6.38298%;
        float: left
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+2) {
        margin-left: 8.51064%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+3) {
        margin-left: 17.02128%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+4) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+5) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+6) {
        margin-left: 42.55319%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+7) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+8) {
        margin-left: 59.57447%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+9) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+10) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+11) {
        margin-left: 85.10638%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-1 .gallery-item:nth-child(12n+12) {
        margin-left: 93.61702%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-2 .gallery-item {
        width: 14.89362%;
        float: left
    }
    .grid-manual .md-gallery-2 .gallery-item:nth-child(6n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-2 .gallery-item:nth-child(6n+2) {
        margin-left: 17.02128%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-2 .gallery-item:nth-child(6n+3) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-2 .gallery-item:nth-child(6n+4) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-2 .gallery-item:nth-child(6n+5) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-2 .gallery-item:nth-child(6n+6) {
        margin-left: 85.10638%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-3 .gallery-item {
        width: 23.40426%;
        float: left
    }
    .grid-manual .md-gallery-3 .gallery-item:nth-child(4n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-3 .gallery-item:nth-child(4n+2) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-3 .gallery-item:nth-child(4n+3) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-3 .gallery-item:nth-child(4n+4) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-4 .gallery-item {
        width: 31.91489%;
        float: left
    }
    .grid-manual .md-gallery-4 .gallery-item:nth-child(3n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-4 .gallery-item:nth-child(3n+2) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-4 .gallery-item:nth-child(3n+3) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-5 .gallery-item {
        width: 40.42553%;
        float: left
    }
    .grid-manual .md-gallery-5 .gallery-item:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-5 .gallery-item:nth-child(2n+2) {
        margin-left: 42.55319%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-6 .gallery-item {
        width: 48.93617%;
        float: left
    }
    .grid-manual .md-gallery-6 .gallery-item:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-6 .gallery-item:nth-child(2n+2) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .md-gallery-7 .gallery-item {
        width: 57.44681%;
        float: left
    }
    .grid-manual .md-gallery-7 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-8 .gallery-item {
        width: 65.95745%;
        float: left
    }
    .grid-manual .md-gallery-8 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-9 .gallery-item {
        width: 74.46809%;
        float: left
    }
    .grid-manual .md-gallery-9 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-10 .gallery-item {
        width: 82.97872%;
        float: left
    }
    .grid-manual .md-gallery-10 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-11 .gallery-item {
        width: 91.48936%;
        float: left
    }
    .grid-manual .md-gallery-11 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .md-gallery-12 .gallery-item {
        width: 100%;
        float: left
    }
    .grid-manual .md-gallery-12 .gallery-item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}
@media (min-width: 1024px) {
    .grid-manual .lg-gallery-1 .gallery-item {
        width: 6.38298%;
        float: left
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+2) {
        margin-left: 8.51064%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+3) {
        margin-left: 17.02128%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+4) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+5) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+6) {
        margin-left: 42.55319%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+7) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+8) {
        margin-left: 59.57447%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+9) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+10) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+11) {
        margin-left: 85.10638%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-1 .gallery-item:nth-child(12n+12) {
        margin-left: 93.61702%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-2 .gallery-item {
        width: 14.89362%;
        float: left
    }
    .grid-manual .lg-gallery-2 .gallery-item:nth-child(6n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-2 .gallery-item:nth-child(6n+2) {
        margin-left: 17.02128%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-2 .gallery-item:nth-child(6n+3) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-2 .gallery-item:nth-child(6n+4) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-2 .gallery-item:nth-child(6n+5) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-2 .gallery-item:nth-child(6n+6) {
        margin-left: 85.10638%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-3 .gallery-item {
        width: 23.40426%;
        float: left
    }
    .grid-manual .lg-gallery-3 .gallery-item:nth-child(4n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-3 .gallery-item:nth-child(4n+2) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-3 .gallery-item:nth-child(4n+3) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-3 .gallery-item:nth-child(4n+4) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-4 .gallery-item {
        width: 31.91489%;
        float: left
    }
    .grid-manual .lg-gallery-4 .gallery-item:nth-child(3n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-4 .gallery-item:nth-child(3n+2) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-4 .gallery-item:nth-child(3n+3) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-5 .gallery-item {
        width: 40.42553%;
        float: left
    }
    .grid-manual .lg-gallery-5 .gallery-item:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-5 .gallery-item:nth-child(2n+2) {
        margin-left: 42.55319%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-6 .gallery-item {
        width: 48.93617%;
        float: left
    }
    .grid-manual .lg-gallery-6 .gallery-item:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-6 .gallery-item:nth-child(2n+2) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .lg-gallery-7 .gallery-item {
        width: 57.44681%;
        float: left
    }
    .grid-manual .lg-gallery-7 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-8 .gallery-item {
        width: 65.95745%;
        float: left
    }
    .grid-manual .lg-gallery-8 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-9 .gallery-item {
        width: 74.46809%;
        float: left
    }
    .grid-manual .lg-gallery-9 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-10 .gallery-item {
        width: 82.97872%;
        float: left
    }
    .grid-manual .lg-gallery-10 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-11 .gallery-item {
        width: 91.48936%;
        float: left
    }
    .grid-manual .lg-gallery-11 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .lg-gallery-12 .gallery-item {
        width: 100%;
        float: left
    }
    .grid-manual .lg-gallery-12 .gallery-item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}
@media (min-width: 1280px) {
    .grid-manual .xl-gallery-1 .gallery-item {
        width: 6.38298%;
        float: left
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+2) {
        margin-left: 8.51064%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+3) {
        margin-left: 17.02128%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+4) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+5) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+6) {
        margin-left: 42.55319%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+7) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+8) {
        margin-left: 59.57447%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+9) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+10) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+11) {
        margin-left: 85.10638%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-1 .gallery-item:nth-child(12n+12) {
        margin-left: 93.61702%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-2 .gallery-item {
        width: 14.89362%;
        float: left
    }
    .grid-manual .xl-gallery-2 .gallery-item:nth-child(6n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-2 .gallery-item:nth-child(6n+2) {
        margin-left: 17.02128%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-2 .gallery-item:nth-child(6n+3) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-2 .gallery-item:nth-child(6n+4) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-2 .gallery-item:nth-child(6n+5) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-2 .gallery-item:nth-child(6n+6) {
        margin-left: 85.10638%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-3 .gallery-item {
        width: 23.40426%;
        float: left
    }
    .grid-manual .xl-gallery-3 .gallery-item:nth-child(4n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-3 .gallery-item:nth-child(4n+2) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-3 .gallery-item:nth-child(4n+3) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-3 .gallery-item:nth-child(4n+4) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-4 .gallery-item {
        width: 31.91489%;
        float: left
    }
    .grid-manual .xl-gallery-4 .gallery-item:nth-child(3n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-4 .gallery-item:nth-child(3n+2) {
        margin-left: 34.04255%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-4 .gallery-item:nth-child(3n+3) {
        margin-left: 68.08511%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-5 .gallery-item {
        width: 40.42553%;
        float: left
    }
    .grid-manual .xl-gallery-5 .gallery-item:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-5 .gallery-item:nth-child(2n+2) {
        margin-left: 42.55319%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-6 .gallery-item {
        width: 48.93617%;
        float: left
    }
    .grid-manual .xl-gallery-6 .gallery-item:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-6 .gallery-item:nth-child(2n+2) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
    .grid-manual .xl-gallery-7 .gallery-item {
        width: 57.44681%;
        float: left
    }
    .grid-manual .xl-gallery-7 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-8 .gallery-item {
        width: 65.95745%;
        float: left
    }
    .grid-manual .xl-gallery-8 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-9 .gallery-item {
        width: 74.46809%;
        float: left
    }
    .grid-manual .xl-gallery-9 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-10 .gallery-item {
        width: 82.97872%;
        float: left
    }
    .grid-manual .xl-gallery-10 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-11 .gallery-item {
        width: 91.48936%;
        float: left
    }
    .grid-manual .xl-gallery-11 .gallery-item:nth-child(1n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .grid-manual .xl-gallery-12 .gallery-item {
        width: 100%;
        float: left
    }
    .grid-manual .xl-gallery-12 .gallery-item:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}
.layout-1h1h.layout-flush:after,
.layout-1h1h.layout-reversed:after,
.layout-1h1h.layout:after,
.layout-1q1h1q.layout-flush:after,
.layout-1q1h1q.layout-reversed:after,
.layout-1q1h1q.layout:after,
.layout-1q1q1h.layout-flush:after,
.layout-1q1q1h.layout-reversed:after,
.layout-1q1q1h.layout:after,
.layout-1q3q.layout-flush:after,
.layout-1q3q.layout-reversed:after,
.layout-1q3q.layout:after,
.layout-1t1t1t.layout-flush:after,
.layout-1t1t1t.layout-reversed:after,
.layout-1t1t1t.layout:after,
.layout-1t2t.layout-flush:after,
.layout-1t2t.layout-reversed:after,
.layout-1t2t.layout:after,
.layout-flush:after,
.layout-full:after,
.layout-view-1h1h.layout-view-flush:after,
.layout-view-1h1h.layout-view-reversed:after,
.layout-view-1h1h.layout-view:after,
.layout-view-1q1h1q.layout-view-flush:after,
.layout-view-1q1h1q.layout-view-reversed:after,
.layout-view-1q1h1q.layout-view:after,
.layout-view-1q3q.layout-view-flush:after,
.layout-view-1q3q.layout-view-reversed:after,
.layout-view-1q3q.layout-view:after,
.layout-view-1t1t1t.layout-view-flush:after,
.layout-view-1t1t1t.layout-view-reversed:after,
.layout-view-1t1t1t.layout-view:after,
.layout-view-1t2t.layout-view-flush:after,
.layout-view-1t2t.layout-view-reversed:after,
.layout-view-1t2t.layout-view:after,
.layout:after {
    content: " ";
    display: block;
    clear: both
}
.layout,
.layout-1h1h.layout,
.layout-1q1h1q.layout,
.layout-1q1q1h.layout,
.layout-1q3q.layout,
.layout-1t1t1t.layout,
.layout-1t2t.layout,
.layout-full {
    max-width: 73.125rem;
    margin-left: auto;
    margin-right: auto
}
.layout-1h1h.layout-flush,
.layout-1q1h1q.layout-flush,
.layout-1q1q1h.layout-flush,
.layout-1q3q.layout-flush,
.layout-1t1t1t.layout-flush,
.layout-1t2t.layout-flush,
.layout-flush {
    max-width: 73.125rem;
    margin-left: auto;
    margin-right: auto
}
.layout-1h1h.layout-reversed,
.layout-1q1h1q.layout-reversed,
.layout-1q1q1h.layout-reversed,
.layout-1q3q.layout-reversed,
.layout-1t1t1t.layout-reversed,
.layout-1t2t.layout-reversed {
    max-width: 73.125rem;
    margin-left: auto;
    margin-right: auto
}
.layout-view-1h1h.layout-view,
.layout-view-1q1h1q.layout-view,
.layout-view-1q3q.layout-view,
.layout-view-1t1t1t.layout-view,
.layout-view-1t2t.layout-view {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}
.layout-view-1h1h.layout-view-flush,
.layout-view-1q1h1q.layout-view-flush,
.layout-view-1q3q.layout-view-flush,
.layout-view-1t1t1t.layout-view-flush,
.layout-view-1t2t.layout-view-flush {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}
.layout-view-1h1h.layout-view-reversed,
.layout-view-1q1h1q.layout-view-reversed,
.layout-view-1q3q.layout-view-reversed,
.layout-view-1t1t1t.layout-view-reversed,
.layout-view-1t2t.layout-view-reversed {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}
.layout-col,
.layout-full .layout-col-a,
.layout-full .layout-col-b,
.layout-full .layout-col-c,
.layout-full .layout-col-d {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}
@media (min-width: 768px) {
    .layout-1q3q.layout .layout-col-a {
        width: 23.40426%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-1q3q.layout .layout-col-b {
        width: 74.46809%;
        float: right;
        margin-right: 0
    }
    .layout-1q3q.layout-flush .layout-col-a {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1q3q.layout-flush .layout-col-b {
        width: 75%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1q3q.layout-reversed .layout-col-a {
        width: 23.40426%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-1q3q.layout-reversed .layout-col-b {
        width: 74.46809%;
        float: left;
        margin-left: 0
    }
    .layout-1t1t1t.layout .layout-col-a,
    .layout-1t1t1t.layout .layout-col-b {
        width: 31.91489%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-1t1t1t.layout .layout-col-c {
        width: 31.91489%;
        float: right;
        margin-right: 0
    }
    .layout-1t1t1t.layout-flush .layout-col-a,
    .layout-1t1t1t.layout-flush .layout-col-b {
        width: 33.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1t1t1t.layout-flush .layout-col-c {
        width: 33.33333%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1t1t1t.layout-reversed .layout-col-a,
    .layout-1t1t1t.layout-reversed .layout-col-b {
        width: 31.91489%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-1t1t1t.layout-reversed .layout-col-c {
        width: 31.91489%;
        float: left;
        margin-left: 0
    }
    .layout-1t2t.layout .layout-col-a {
        width: 31.91489%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-1t2t.layout .layout-col-b {
        width: 65.95745%;
        float: right;
        margin-right: 0
    }
    .layout-1t2t.layout-flush .layout-col-a {
        width: 33.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1t2t.layout-flush .layout-col-b {
        width: 66.66667%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1t2t.layout-reversed .layout-col-a {
        width: 31.91489%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-1t2t.layout-reversed .layout-col-b {
        width: 65.95745%;
        float: left;
        margin-left: 0
    }
    .layout-1h1h.layout .layout-col-a {
        width: 48.93617%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-1h1h.layout .layout-col-b {
        width: 48.93617%;
        float: right;
        margin-right: 0
    }
    .layout-1h1h.layout-flush .layout-col-a {
        width: 50%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1h1h.layout-flush .layout-col-b {
        width: 50%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1h1h.layout-reversed .layout-col-a {
        width: 48.93617%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-1h1h.layout-reversed .layout-col-b {
        width: 48.93617%;
        float: left;
        margin-left: 0
    }
    .layout-1q1h1q.layout .layout-col-a {
        width: 23.40426%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-1q1h1q.layout .layout-col-b {
        width: 48.93617%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-1q1h1q.layout .layout-col-c {
        width: 23.40426%;
        float: right;
        margin-right: 0
    }
    .layout-1q1h1q.layout-flush .layout-col-a {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1q1h1q.layout-flush .layout-col-b {
        width: 50%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1q1h1q.layout-flush .layout-col-c {
        width: 25%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1q1h1q.layout-reversed .layout-col-a {
        width: 23.40426%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-1q1h1q.layout-reversed .layout-col-b {
        width: 48.93617%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-1q1h1q.layout-reversed .layout-col-c {
        width: 23.40426%;
        float: left;
        margin-left: 0
    }
    .layout-1q1q1h.layout .layout-col-a,
    .layout-1q1q1h.layout .layout-col-b {
        width: 23.40426%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-1q1q1h.layout .layout-col-c {
        width: 48.93617%;
        float: right;
        margin-right: 0
    }
    .layout-1q1q1h.layout-flush .layout-col-a,
    .layout-1q1q1h.layout-flush .layout-col-b {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1q1q1h.layout-flush .layout-col-c {
        width: 50%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-1q1q1h.layout-reversed .layout-col-a,
    .layout-1q1q1h.layout-reversed .layout-col-b {
        width: 23.40426%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-1q1q1h.layout-reversed .layout-col-c {
        width: 48.93617%;
        float: left;
        margin-left: 0
    }
    .layout-view-1h1h.layout-view .layout-view-col-a {
        width: 48.93617%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-view-1h1h.layout-view .layout-view-col-b {
        width: 48.93617%;
        float: right;
        margin-right: 0
    }
    .layout-view-1h1h.layout-view-flush .layout-view-col-a {
        width: 50%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1h1h.layout-view-flush .layout-view-col-b {
        width: 50%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1h1h.layout-view-reversed .layout-view-col-a {
        width: 48.93617%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-view-1h1h.layout-view-reversed .layout-view-col-b {
        width: 48.93617%;
        float: left;
        margin-left: 0
    }
    .layout-view-1t1t1t.layout-view .layout-view-col-a,
    .layout-view-1t1t1t.layout-view .layout-view-col-b {
        width: 31.91489%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-view-1t1t1t.layout-view .layout-view-col-c {
        width: 31.91489%;
        float: right;
        margin-right: 0
    }
    .layout-view-1t1t1t.layout-view-flush .layout-view-col-a,
    .layout-view-1t1t1t.layout-view-flush .layout-view-col-b {
        width: 33.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1t1t1t.layout-view-flush .layout-view-col-c {
        width: 33.33333%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1t1t1t.layout-view-reversed .layout-view-col-a,
    .layout-view-1t1t1t.layout-view-reversed .layout-view-col-b {
        width: 31.91489%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-view-1t1t1t.layout-view-reversed .layout-view-col-c {
        width: 31.91489%;
        float: left;
        margin-left: 0
    }
    .layout-view-1q1h1q.layout-view .layout-view-col-a {
        width: 23.40426%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-view-1q1h1q.layout-view .layout-view-col-b {
        width: 48.93617%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-view-1q1h1q.layout-view .layout-view-col-c {
        width: 23.40426%;
        float: right;
        margin-right: 0
    }
    .layout-view-1q1h1q.layout-view-flush .layout-view-col-a {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1q1h1q.layout-view-flush .layout-view-col-b {
        width: 50%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1q1h1q.layout-view-flush .layout-view-col-c {
        width: 25%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1q1h1q.layout-view-reversed .layout-view-col-a {
        width: 23.40426%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-view-1q1h1q.layout-view-reversed .layout-view-col-b {
        width: 48.93617%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-view-1q1h1q.layout-view-reversed .layout-view-col-c {
        width: 23.40426%;
        float: left;
        margin-left: 0
    }
    .layout-view-1t2t.layout-view .layout-view-col-a {
        width: 31.91489%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-view-1t2t.layout-view .layout-view-col-b {
        width: 65.95745%;
        float: right;
        margin-right: 0
    }
    .layout-view-1t2t.layout-view-flush .layout-view-col-a {
        width: 33.33333%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1t2t.layout-view-flush .layout-view-col-b {
        width: 66.66667%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1t2t.layout-view-reversed .layout-view-col-a {
        width: 31.91489%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-view-1t2t.layout-view-reversed .layout-view-col-b {
        width: 65.95745%;
        float: left;
        margin-left: 0
    }
    .layout-view-1q3q.layout-view .layout-view-col-a {
        width: 23.40426%;
        float: left;
        margin-right: 2.12766%
    }
    .layout-view-1q3q.layout-view .layout-view-col-b {
        width: 74.46809%;
        float: right;
        margin-right: 0
    }
    .layout-view-1q3q.layout-view-flush .layout-view-col-a {
        width: 25%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1q3q.layout-view-flush .layout-view-col-b {
        width: 75%;
        float: right;
        padding-left: 1.04167%;
        padding-right: 1.04167%
    }
    .layout-view-1q3q.layout-view-reversed .layout-view-col-a {
        width: 23.40426%;
        float: right;
        margin-left: 2.12766%
    }
    .layout-view-1q3q.layout-view-reversed .layout-view-col-b {
        width: 74.46809%;
        float: left;
        margin-left: 0
    }
}
.card,
.slat,
.well {
    padding: 1.25rem
}
.depth--3 {
    background: #34383a
}
.depth--2 {
    background: #586165
}
.depth--1,
.well {
    background: #F5F5F5
}
.depth-0,
.zebra-stripe>:nth-child(odd),
body {
    background: #efefef
}
.depth-1,
.slat,
.zebra-stripe>:nth-child(even) {
    background: #fcfcfc
}
.accomplishment-rendering,
.card,
.depth-2 {
    background: #fcfcfc;
    box-shadow: 0 1px 2px 1px rgba(167, 164, 164, .25)
}
.well {
    box-shadow: inset 0 1px 2px 1px rgba(167, 164, 164, .25)
}
/*! afontgarde - v0.1.6 - 2015-03-13
 * https://github.com/filamentgroup/a-font-garde
 * Copyright (c) 2015 Filament Group c/o Zach Leatherman
 * MIT License */

.icon-fallback-text .icon {
    display: none
}
.icon-fallback-glyph .text,
.icon-fallback-img .text {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}
.no-generatedcontent .icon-fallback-glyph .text {
    clip: auto;
    overflow: visible;
    position: static;
    height: auto;
    width: auto
}
.icon-fallback-img .icon {
    display: inline-block;
    height: 1em;
    width: 1em
}
.icon-fallback-img .icon:before {
    content: ""
}
.edx-icons .icon-fallback.icon-fallback-img .icon {
    background-image: none
}
.icon {
    display: inline-block;
    color: currentColor
}
.edx-icons .icon {
    height: auto;
    width: auto;
    font-family: edx-icons, "Open Sans", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}
.edx-icons .icon-linkedin-square:before {
    content: "\e600"
}
.edx-icons .icon-caret-down:before {
    content: "\e601"
}
.edx-icons .icon-caret-up:before {
    content: "\e602"
}
.edx-icons .icon-caret-left:before {
    content: "\e603"
}
.edx-icons .icon-caret-right:before {
    content: "\e604"
}
.edx-icons .icon-dot-circle-o:before {
    content: "\e605"
}
.edx-icons .icon-square-o:before {
    content: "\e606"
}
.edx-icons .icon-square:before {
    content: "\e607"
}
.edx-icons .icon-circle:before {
    content: "\e608"
}
.edx-icons .icon-circle-thin:before,
.edx-icons .icon-genderless:before {
    content: "\e609"
}
.edx-icons .icon-search:before {
    content: "\e60a"
}
.edx-icons .icon-envelope-o:before {
    content: "\e60b"
}
.edx-icons .icon-star:before {
    content: "\e60c"
}
.edx-icons .icon-user:before {
    content: "\e60d"
}
.edx-icons .icon-check:before {
    content: "\e60e"
}
.edx-icons .icon-close:before,
.edx-icons .icon-remove:before,
.edx-icons .icon-times:before {
    content: "\e60f"
}
.edx-icons .icon-search-plus:before {
    content: "\e610"
}
.edx-icons .icon-search-minus:before {
    content: "\e611"
}
.edx-icons .icon-cog:before,
.edx-icons .icon-gear:before {
    content: "\e612"
}
.edx-icons .icon-trash-o:before {
    content: "\e613"
}
.edx-icons .icon-home:before {
    content: "\e614"
}
.edx-icons .icon-file-o:before {
    content: "\e615"
}
.edx-icons .icon-clock-o:before {
    content: "\e616"
}
.edx-icons .icon-refresh:before {
    content: "\e617"
}
.edx-icons .icon-list-alt:before {
    content: "\e618"
}
.edx-icons .icon-lock:before {
    content: "\e619"
}
.edx-icons .icon-flag:before {
    content: "\e61a"
}
.edx-icons .icon-volume-off:before {
    content: "\e61b"
}
.edx-icons .icon-volume-down:before {
    content: "\e61c"
}
.edx-icons .icon-volume-up:before {
    content: "\e61d"
}
.edx-icons .icon-book:before {
    content: "\e61e"
}
.edx-icons .icon-print:before {
    content: "\e61f"
}
.edx-icons .icon-camera:before {
    content: "\e620"
}
.edx-icons .icon-video-camera:before {
    content: "\e621"
}
.edx-icons .icon-pencil:before {
    content: "\e622"
}
.edx-icons .icon-edit:before,
.edx-icons .icon-pencil-square-o:before {
    content: "\e623"
}
.edx-icons .icon-share-square-o:before {
    content: "\e624"
}
.edx-icons .icon-check-square-o:before {
    content: "\e625"
}
.edx-icons .icon-fast-backward:before {
    content: "\e626"
}
.edx-icons .icon-play:before {
    content: "\e627"
}
.edx-icons .icon-pause:before {
    content: "\e628"
}
.edx-icons .icon-stop:before {
    content: "\e629"
}
.edx-icons .icon-fast-forward:before {
    content: "\e62a"
}
.edx-icons .icon-chevron-left:before {
    content: "\e62b"
}
.edx-icons .icon-chevron-right:before {
    content: "\e62c"
}
.edx-icons .icon-times-circle:before {
    content: "\e62d"
}
.edx-icons .icon-question-circle:before {
    content: "\e62e"
}
.edx-icons .icon-info-circle:before {
    content: "\e62f"
}
.edx-icons .icon-times-circle-o:before {
    content: "\e630"
}
.edx-icons .icon-arrow-up:before {
    content: "\e631"
}
.edx-icons .icon-arrow-down:before {
    content: "\e632"
}
.edx-icons .icon-compress:before {
    content: "\e633"
}
.edx-icons .icon-plus:before {
    content: "\e634"
}
.edx-icons .icon-minus:before {
    content: "\e635"
}
.edx-icons .icon-exclamation-circle:before {
    content: "\e636"
}
.edx-icons .icon-eye:before {
    content: "\e637"
}
.edx-icons .icon-eye-slash:before {
    content: "\e638"
}
.edx-icons .icon-exclamation-triangle:before,
.edx-icons .icon-warning:before {
    content: "\e639"
}
.edx-icons .icon-calendar:before {
    content: "\e63a"
}
.edx-icons .icon-comment:before {
    content: "\e63b"
}
.edx-icons .icon-shopping-cart:before {
    content: "\e63c"
}
.edx-icons .icon-twitter-square:before {
    content: "\e63d"
}
.edx-icons .icon-facebook-square:before {
    content: "\e63e"
}
.edx-icons .icon-comments:before {
    content: "\e63f"
}
.edx-icons .icon-thumb-tack:before {
    content: "\e640"
}
.edx-icons .icon-external-link:before {
    content: "\e641"
}
.edx-icons .icon-upload:before {
    content: "\e642"
}
.edx-icons .icon-square-o2:before {
    content: "\e643"
}
.edx-icons .icon-bullhorn:before {
    content: "\e644"
}
.edx-icons .icon-arrow-circle-down:before {
    content: "\e645"
}
.edx-icons .icon-filter:before {
    content: "\e646"
}
.edx-icons .icon-arrows-alt:before {
    content: "\e647"
}
.edx-icons .icon-chain:before,
.edx-icons .icon-link:before {
    content: "\e648"
}
.edx-icons .icon-copy:before,
.edx-icons .icon-files-o:before {
    content: "\e649"
}
.edx-icons .icon-bars:before,
.edx-icons .icon-navicon:before,
.edx-icons .icon-reorder:before {
    content: "\e64a"
}
.edx-icons .icon-list-ul:before {
    content: "\e64b"
}
.edx-icons .icon-table:before {
    content: "\e64c"
}
.edx-icons .icon-money:before {
    content: "\e64d"
}
.edx-icons .icon-sort:before,
.edx-icons .icon-unsorted:before {
    content: "\e64e"
}
.edx-icons .icon-envelope:before {
    content: "\e64f"
}
.edx-icons .icon-rotate-left:before,
.edx-icons .icon-undo:before {
    content: "\e650"
}
.edx-icons .icon-sitemap:before {
    content: "\e651"
}
.edx-icons .icon-angle-left:before {
    content: "\e652"
}
.edx-icons .icon-angle-right:before {
    content: "\e653"
}
.edx-icons .icon-angle-up:before {
    content: "\e654"
}
.edx-icons .icon-angle-down:before {
    content: "\e655"
}
.edx-icons .icon-circle-o:before {
    content: "\e656"
}
.edx-icons .icon-quote-left:before {
    content: "\e657"
}
.edx-icons .icon-spinner:before {
    content: "\e658"
}
.edx-icons .icon-mail-reply:before,
.edx-icons .icon-reply:before {
    content: "\e659"
}
.edx-icons .icon-chain-broken:before,
.edx-icons .icon-unlink:before {
    content: "\e65a"
}
.edx-icons .icon-unlock-alt:before {
    content: "\e65b"
}
.edx-icons .icon-ellipsis-h:before {
    content: "\e65c"
}
.edx-icons .icon-check-square:before {
    content: "\e65d"
}
.edx-icons .icon-file:before {
    content: "\e65e"
}
.edx-icons .icon-cc:before {
    content: "\e65f"
}
.icon-fallback-img .icon-linkedin-square {
    background: url(../fonts/edx-icons/fallback-img/linkedin-square.svg) center center no-repeat
}
.icon-fallback-img .icon-caret-down {
    background: url(../fonts/edx-icons/fallback-img/caret-down.svg) center center no-repeat
}
.icon-fallback-img .icon-caret-up {
    background: url(../fonts/edx-icons/fallback-img/caret-up.svg) center center no-repeat
}
.icon-fallback-img .icon-caret-left {
    background: url(../fonts/edx-icons/fallback-img/caret-left.svg) center center no-repeat
}
.icon-fallback-img .icon-caret-right {
    background: url(../fonts/edx-icons/fallback-img/caret-right.svg) center center no-repeat
}
.icon-fallback-img .icon-dot-circle-o {
    background: url(../fonts/edx-icons/fallback-img/dot-circle-o.svg) center center no-repeat
}
.icon-fallback-img .icon-square-o {
    background: url(../fonts/edx-icons/fallback-img/square-o.svg) center center no-repeat
}
.icon-fallback-img .icon-square {
    background: url(../fonts/edx-icons/fallback-img/square.svg) center center no-repeat
}
.icon-fallback-img .icon-circle {
    background: url(../fonts/edx-icons/fallback-img/circle.svg) center center no-repeat
}
.icon-fallback-img .icon-circle-thin {
    background: url(../fonts/edx-icons/fallback-img/circle-thin.svg) center center no-repeat
}
.icon-fallback-img .icon-genderless {
    background: url(../fonts/edx-icons/fallback-img/genderless.svg) center center no-repeat
}
.icon-fallback-img .icon-search {
    background: url(../fonts/edx-icons/fallback-img/search.svg) center center no-repeat
}
.icon-fallback-img .icon-envelope-o {
    background: url(../fonts/edx-icons/fallback-img/envelope-o.svg) center center no-repeat
}
.icon-fallback-img .icon-star {
    background: url(../fonts/edx-icons/fallback-img/star.svg) center center no-repeat
}
.icon-fallback-img .icon-user {
    background: url(../fonts/edx-icons/fallback-img/user.svg) center center no-repeat
}
.icon-fallback-img .icon-check {
    background: url(../fonts/edx-icons/fallback-img/check.svg) center center no-repeat
}
.icon-fallback-img .icon-close {
    background: url(../fonts/edx-icons/fallback-img/close.svg) center center no-repeat
}
.icon-fallback-img .icon-remove {
    background: url(../fonts/edx-icons/fallback-img/remove.svg) center center no-repeat
}
.icon-fallback-img .icon-times {
    background: url(../fonts/edx-icons/fallback-img/times.svg) center center no-repeat
}
.icon-fallback-img .icon-search-plus {
    background: url(../fonts/edx-icons/fallback-img/search-plus.svg) center center no-repeat
}
.icon-fallback-img .icon-search-minus {
    background: url(../fonts/edx-icons/fallback-img/search-minus.svg) center center no-repeat
}
.icon-fallback-img .icon-cog {
    background: url(../fonts/edx-icons/fallback-img/cog.svg) center center no-repeat
}
.icon-fallback-img .icon-gear {
    background: url(../fonts/edx-icons/fallback-img/gear.svg) center center no-repeat
}
.icon-fallback-img .icon-trash-o {
    background: url(../fonts/edx-icons/fallback-img/trash-o.svg) center center no-repeat
}
.icon-fallback-img .icon-home {
    background: url(../fonts/edx-icons/fallback-img/home.svg) center center no-repeat
}
.icon-fallback-img .icon-file-o {
    background: url(../fonts/edx-icons/fallback-img/file-o.svg) center center no-repeat
}
.icon-fallback-img .icon-clock-o {
    background: url(../fonts/edx-icons/fallback-img/clock-o.svg) center center no-repeat
}
.icon-fallback-img .icon-refresh {
    background: url(../fonts/edx-icons/fallback-img/refresh.svg) center center no-repeat
}
.icon-fallback-img .icon-list-alt {
    background: url(../fonts/edx-icons/fallback-img/list-alt.svg) center center no-repeat
}
.icon-fallback-img .icon-lock {
    background: url(../fonts/edx-icons/fallback-img/lock.svg) center center no-repeat
}
.icon-fallback-img .icon-flag {
    background: url(../fonts/edx-icons/fallback-img/flag.svg) center center no-repeat
}
.icon-fallback-img .icon-volume-off {
    background: url(../fonts/edx-icons/fallback-img/volume-off.svg) center center no-repeat
}
.icon-fallback-img .icon-volume-down {
    background: url(../fonts/edx-icons/fallback-img/volume-down.svg) center center no-repeat
}
.icon-fallback-img .icon-volume-up {
    background: url(../fonts/edx-icons/fallback-img/volume-up.svg) center center no-repeat
}
.icon-fallback-img .icon-book {
    background: url(../fonts/edx-icons/fallback-img/book.svg) center center no-repeat
}
.icon-fallback-img .icon-print {
    background: url(../fonts/edx-icons/fallback-img/print.svg) center center no-repeat
}
.icon-fallback-img .icon-camera {
    background: url(../fonts/edx-icons/fallback-img/camera.svg) center center no-repeat
}
.icon-fallback-img .icon-video-camera {
    background: url(../fonts/edx-icons/fallback-img/video-camera.svg) center center no-repeat
}
.icon-fallback-img .icon-pencil {
    background: url(../fonts/edx-icons/fallback-img/pencil.svg) center center no-repeat
}
.icon-fallback-img .icon-edit {
    background: url(../fonts/edx-icons/fallback-img/edit.svg) center center no-repeat
}
.icon-fallback-img .icon-pencil-square-o {
    background: url(../fonts/edx-icons/fallback-img/pencil-square-o.svg) center center no-repeat
}
.icon-fallback-img .icon-share-square-o {
    background: url(../fonts/edx-icons/fallback-img/share-square-o.svg) center center no-repeat
}
.icon-fallback-img .icon-check-square-o {
    background: url(../fonts/edx-icons/fallback-img/check-square-o.svg) center center no-repeat
}
.icon-fallback-img .icon-fast-backward {
    background: url(../fonts/edx-icons/fallback-img/fast-backward.svg) center center no-repeat
}
.icon-fallback-img .icon-play {
    background: url(../fonts/edx-icons/fallback-img/play.svg) center center no-repeat
}
.icon-fallback-img .icon-pause {
    background: url(../fonts/edx-icons/fallback-img/pause.svg) center center no-repeat
}
.icon-fallback-img .icon-stop {
    background: url(../fonts/edx-icons/fallback-img/stop.svg) center center no-repeat
}
.icon-fallback-img .icon-fast-forward {
    background: url(../fonts/edx-icons/fallback-img/fast-forward.svg) center center no-repeat
}
.icon-fallback-img .icon-chevron-left {
    background: url(../fonts/edx-icons/fallback-img/chevron-left.svg) center center no-repeat
}
.icon-fallback-img .icon-chevron-right {
    background: url(../fonts/edx-icons/fallback-img/chevron-right.svg) center center no-repeat
}
.icon-fallback-img .icon-times-circle {
    background: url(../fonts/edx-icons/fallback-img/times-circle.svg) center center no-repeat
}
.icon-fallback-img .icon-question-circle {
    background: url(../fonts/edx-icons/fallback-img/question-circle.svg) center center no-repeat
}
.icon-fallback-img .icon-info-circle {
    background: url(../fonts/edx-icons/fallback-img/info-circle.svg) center center no-repeat
}
.icon-fallback-img .icon-times-circle-o {
    background: url(../fonts/edx-icons/fallback-img/times-circle-o.svg) center center no-repeat
}
.icon-fallback-img .icon-arrow-up {
    background: url(../fonts/edx-icons/fallback-img/arrow-up.svg) center center no-repeat
}
.icon-fallback-img .icon-arrow-down {
    background: url(../fonts/edx-icons/fallback-img/arrow-down.svg) center center no-repeat
}
.icon-fallback-img .icon-compress {
    background: url(../fonts/edx-icons/fallback-img/compress.svg) center center no-repeat
}
.icon-fallback-img .icon-plus {
    background: url(../fonts/edx-icons/fallback-img/plus.svg) center center no-repeat
}
.icon-fallback-img .icon-minus {
    background: url(../fonts/edx-icons/fallback-img/minus.svg) center center no-repeat
}
.icon-fallback-img .icon-exclamation-circle {
    background: url(../fonts/edx-icons/fallback-img/exclamation-circle.svg) center center no-repeat
}
.icon-fallback-img .icon-eye {
    background: url(../fonts/edx-icons/fallback-img/eye.svg) center center no-repeat
}
.icon-fallback-img .icon-eye-slash {
    background: url(../fonts/edx-icons/fallback-img/eye-slash.svg) center center no-repeat
}
.icon-fallback-img .icon-exclamation-triangle {
    background: url(../fonts/edx-icons/fallback-img/exclamation-triangle.svg) center center no-repeat
}
.icon-fallback-img .icon-warning {
    background: url(../fonts/edx-icons/fallback-img/warning.svg) center center no-repeat
}
.icon-fallback-img .icon-calendar {
    background: url(../fonts/edx-icons/fallback-img/calendar.svg) center center no-repeat
}
.icon-fallback-img .icon-comment {
    background: url(../fonts/edx-icons/fallback-img/comment.svg) center center no-repeat
}
.icon-fallback-img .icon-shopping-cart {
    background: url(../fonts/edx-icons/fallback-img/shopping-cart.svg) center center no-repeat
}
.icon-fallback-img .icon-twitter-square {
    background: url(../fonts/edx-icons/fallback-img/twitter-square.svg) center center no-repeat
}
.icon-fallback-img .icon-facebook-square {
    background: url(../fonts/edx-icons/fallback-img/facebook-square.svg) center center no-repeat
}
.icon-fallback-img .icon-comments {
    background: url(../fonts/edx-icons/fallback-img/comments.svg) center center no-repeat
}
.icon-fallback-img .icon-thumb-tack {
    background: url(../fonts/edx-icons/fallback-img/thumb-tack.svg) center center no-repeat
}
.icon-fallback-img .icon-external-link {
    background: url(../fonts/edx-icons/fallback-img/external-link.svg) center center no-repeat
}
.icon-fallback-img .icon-upload {
    background: url(../fonts/edx-icons/fallback-img/upload.svg) center center no-repeat
}
.icon-fallback-img .icon-square-o2 {
    background: url(../fonts/edx-icons/fallback-img/square-o2.svg) center center no-repeat
}
.icon-fallback-img .icon-bullhorn {
    background: url(../fonts/edx-icons/fallback-img/bullhorn.svg) center center no-repeat
}
.icon-fallback-img .icon-arrow-circle-down {
    background: url(../fonts/edx-icons/fallback-img/arrow-circle-down.svg) center center no-repeat
}
.icon-fallback-img .icon-filter {
    background: url(../fonts/edx-icons/fallback-img/filter.svg) center center no-repeat
}
.icon-fallback-img .icon-arrows-alt {
    background: url(../fonts/edx-icons/fallback-img/arrows-alt.svg) center center no-repeat
}
.icon-fallback-img .icon-chain {
    background: url(../fonts/edx-icons/fallback-img/chain.svg) center center no-repeat
}
.icon-fallback-img .icon-link {
    background: url(../fonts/edx-icons/fallback-img/link.svg) center center no-repeat
}
.icon-fallback-img .icon-copy {
    background: url(../fonts/edx-icons/fallback-img/copy.svg) center center no-repeat
}
.icon-fallback-img .icon-files-o {
    background: url(../fonts/edx-icons/fallback-img/files-o.svg) center center no-repeat
}
.icon-fallback-img .icon-bars {
    background: url(../fonts/edx-icons/fallback-img/bars.svg) center center no-repeat
}
.icon-fallback-img .icon-navicon {
    background: url(../fonts/edx-icons/fallback-img/navicon.svg) center center no-repeat
}
.icon-fallback-img .icon-reorder {
    background: url(../fonts/edx-icons/fallback-img/reorder.svg) center center no-repeat
}
.icon-fallback-img .icon-list-ul {
    background: url(../fonts/edx-icons/fallback-img/list-ul.svg) center center no-repeat
}
.icon-fallback-img .icon-table {
    background: url(../fonts/edx-icons/fallback-img/table.svg) center center no-repeat
}
.icon-fallback-img .icon-money {
    background: url(../fonts/edx-icons/fallback-img/money.svg) center center no-repeat
}
.icon-fallback-img .icon-sort {
    background: url(../fonts/edx-icons/fallback-img/sort.svg) center center no-repeat
}
.icon-fallback-img .icon-unsorted {
    background: url(../fonts/edx-icons/fallback-img/unsorted.svg) center center no-repeat
}
.icon-fallback-img .icon-envelope {
    background: url(../fonts/edx-icons/fallback-img/envelope.svg) center center no-repeat
}
.icon-fallback-img .icon-rotate-left {
    background: url(../fonts/edx-icons/fallback-img/rotate-left.svg) center center no-repeat
}
.icon-fallback-img .icon-undo {
    background: url(../fonts/edx-icons/fallback-img/undo.svg) center center no-repeat
}
.icon-fallback-img .icon-sitemap {
    background: url(../fonts/edx-icons/fallback-img/sitemap.svg) center center no-repeat
}
.icon-fallback-img .icon-angle-left {
    background: url(../fonts/edx-icons/fallback-img/angle-left.svg) center center no-repeat
}
.icon-fallback-img .icon-angle-right {
    background: url(../fonts/edx-icons/fallback-img/angle-right.svg) center center no-repeat
}
.icon-fallback-img .icon-angle-up {
    background: url(../fonts/edx-icons/fallback-img/angle-up.svg) center center no-repeat
}
.icon-fallback-img .icon-angle-down {
    background: url(../fonts/edx-icons/fallback-img/angle-down.svg) center center no-repeat
}
.icon-fallback-img .icon-circle-o {
    background: url(../fonts/edx-icons/fallback-img/circle-o.svg) center center no-repeat
}
.icon-fallback-img .icon-quote-left {
    background: url(../fonts/edx-icons/fallback-img/quote-left.svg) center center no-repeat
}
.icon-fallback-img .icon-spinner {
    background: url(../fonts/edx-icons/fallback-img/spinner.svg) center center no-repeat
}
.icon-fallback-img .icon-mail-reply {
    background: url(../fonts/edx-icons/fallback-img/mail-reply.svg) center center no-repeat
}
.icon-fallback-img .icon-reply {
    background: url(../fonts/edx-icons/fallback-img/reply.svg) center center no-repeat
}
.icon-fallback-img .icon-chain-broken {
    background: url(../fonts/edx-icons/fallback-img/chain-broken.svg) center center no-repeat
}
.icon-fallback-img .icon-unlink {
    background: url(../fonts/edx-icons/fallback-img/unlink.svg) center center no-repeat
}
.icon-fallback-img .icon-unlock-alt {
    background: url(../fonts/edx-icons/fallback-img/unlock-alt.svg) center center no-repeat
}
.icon-fallback-img .icon-ellipsis-h {
    background: url(../fonts/edx-icons/fallback-img/ellipsis-h.svg) center center no-repeat
}
.icon-fallback-img .icon-check-square {
    background: url(../fonts/edx-icons/fallback-img/check-square.svg) center center no-repeat
}
.icon-fallback-img .icon-file {
    background: url(../fonts/edx-icons/fallback-img/file.svg) center center no-repeat
}
.icon-fallback-img .icon-cc {
    background: url(../fonts/edx-icons/fallback-img/cc.svg) center center no-repeat
}
.header-app .logo,
.img-link {
    border-bottom: none;
    padding: 0
}
.header-app .logo:active,
.header-app .logo:focus,
.header-app .logo:hover,
.img-link:active,
.img-link:focus,
.img-link:hover {
    border-bottom: 0
}
.wrapper-header {
    background: #fff
}
.wrapper-banner-user {
    background-color: #FEB205;
    border-top: 1px solid rgba(158, 177, 185, .25);
    border-bottom: 1px solid rgba(158, 177, 185, .25);
    color: #fcfcfc
}
.banner-user .message-title {
    color: #fcfcfc;
    font-weight: 600
}
.banner-user .message-copy {
    color: #fcfcfc
}
@media (min-width: 768px) {
    .banner-user .message-title {
        font-size: 1.125rem
    }
    .banner-user .message-copy {
        font-size: 1rem
    }
}
.banner-user .message-actions-box {
    display: inline-block;
    border: 1px solid #fcfcfc;
    border-radius: 3px;
    background-color: #F5F5F5;
    padding: .3125rem
}
.banner-user .action {
    border: 1px solid transparent;
    border-radius: 3px;
    padding: .625rem;
    background-color: transparent;
    font-size: 1.3125rem;
    color: #6b6969
}
.accomplishment-statement,
.wrapper-header {
    border-bottom: 1px solid #cdd7db
}
.banner-user .action .icon {
    display: block;
    height: 1em;
    width: 1em;
    margin: 0 -2px -2px 0;
    fill: currentColor;
    font-style: normal
}
.banner-user .action .action-label {
    margin-right: .3125rem
}
.banner-user .action:hover {
    background-color: #fcfcfc;
    color: #0079bc
}
.banner-user .action.action-share-facebook:hover {
    background-color: #FFB600;
    color: #fcfcfc
}
.banner-user .action.action-share-twitter:hover {
    background-color: #55ACEE;
    color: #fcfcfc
}
.banner-user .action.action-share-linkedin:hover {
    background-color: #0077B5;
    color: #fcfcfc
}
.accomplishment-metadata-copy .metadata-copy-list {
    margin-bottom: 1.25rem
}
.accomplishment-metadata-copy .emphasized {
    font-weight: 700
}
.footer-app-nav .list .nav-item {
    display: inline-block;
    margin-right: .625rem
}
.footer-app-related .logo-openedx {
    width: 120px
}
.wrapper-accomplishment-title .accomplishment-title {
    font-weight: 300;
    line-height: 1.1;
    text-transform: uppercase;
    color: #0079bc
}
.wrapper-accomplishment-title.professionaled .deco,
.wrapper-accomplishment-title.verified .deco,
.wrapper-accomplishment-title.xseries .deco {
    vertical-align: middle;
    margin-top: -7px;
    text-transform: lowercase;
    font-style: italic
}
.wrapper-accomplishment-title .accomplishment-title-label {
    display: block;
    font-size: 2.5rem
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title .accomplishment-title-label {
        font-size: 3rem
    }
}
.wrapper-accomplishment-title .accomplishment-title-type {
    display: block;
    font-size: 2.875rem
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title .accomplishment-title-type {
        font-size: 3.5rem
    }
}
.wrapper-accomplishment-title.verified .accomplishment-title {
    color: #193D6F
}
.wrapper-accomplishment-title.verified .accomplishment-title-label {
    margin-left: 13px;
    display: block;
    font-size: 3.25rem;
    letter-spacing: .16em
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title.verified .accomplishment-title-label {
        font-size: 3.75rem;
        margin-left: 0
    }
}
.wrapper-accomplishment-title.verified .accomplishment-title-type {
    display: block;
    font-size: 1.25rem
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title.verified .accomplishment-title-type {
        font-size: 1.4375rem
    }
}
.wrapper-accomplishment-title.verified .deco {
    display: inline-block;
    font-size: 1.125rem
}
.wrapper-accomplishment-title.professionaled .accomplishment-title {
    color: #b52a67
}
.wrapper-accomplishment-title.professionaled .accomplishment-title-label {
    display: block;
    font-size: 2.1875rem
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title.professionaled .accomplishment-title-label {
        font-size: 2.375rem
    }
}
.wrapper-accomplishment-title.professionaled .accomplishment-title-label .label-professional {
    letter-spacing: .16em
}
.wrapper-accomplishment-title.professionaled .accomplishment-title-label .label-ed {
    font-size: 2.8125rem;
    letter-spacing: .16em
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title.professionaled .accomplishment-title-label .label-ed {
        font-size: 3.0625rem
    }
}
.wrapper-accomplishment-title.professionaled .accomplishment-title-type {
    display: block;
    font-size: 1.4375rem
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title.professionaled .accomplishment-title-type {
        font-size: 1.5625rem
    }
}
.wrapper-accomplishment-title.professionaled .deco {
    display: inline-block;
    font-size: 1.125rem
}
.wrapper-accomplishment-title.xseries .accomplishment-title {
    color: #111010
}
.wrapper-accomplishment-statement .accomplishment-course,
.wrapper-accomplishment-statement .accomplishment-program,
.wrapper-accomplishment-statement .accomplishment-recipient {
    line-height: 1.2;
    color: #000;
    font-weight: 600
}
.wrapper-accomplishment-title.xseries .accomplishment-title-label {
    margin-left: 13px;
    display: block;
    font-size: 3.25rem;
    letter-spacing: .26em
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title.xseries .accomplishment-title-label {
        margin-left: 0;
        font-size: 3.75rem
    }
}
.wrapper-accomplishment-title.xseries .accomplishment-title-type {
    display: block;
    font-size: 1.25rem
}
@media (min-width: 768px) {
    .wrapper-accomplishment-title.xseries .accomplishment-title-type {
        font-size: 1.4375rem
    }
}
.wrapper-accomplishment-title.xseries .deco {
    display: inline-block;
    font-size: 1.125rem
}
.wrapper-accomplishment-orgs img {
    float: right;
    max-width: 100%;
    max-height: 100px
}
.wrapper-accomplishment-orgs .organization-name {
    font-weight: 600;
    word-wrap: break-word;
    text-align: center
}
.wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(3),
.wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(3)~.wrapper-organization {
    display: block;
    margin: 2.5rem auto
}
@media (min-width: 768px) {
    .wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(3),
    .wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(3)~.wrapper-organization {
        display: inline-block;
        max-width: 31.91489%;
        margin: 0;
        vertical-align: middle
    }
    .wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(3) .organization,
    .wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(3)~.wrapper-organization .organization {
        margin-left: 2.5rem
    }
}
.wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(2),
.wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(2)~.wrapper-organization {
    display: block;
    margin: 2.5rem auto
}
@media (min-width: 768px) {
    .wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(2),
    .wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(2)~.wrapper-organization {
        display: inline-block;
        max-width: 48.93617%;
        margin: 0;
        vertical-align: middle
    }
    .wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(2) .organization,
    .wrapper-accomplishment-orgs .wrapper-organization:first-child:nth-last-child(2)~.wrapper-organization .organization {
        margin-left: 2.5rem
    }
    .wrapper-accomplishment-statement .accomplishment-recipient {
        font-size: 2.5rem
    }
    .wrapper-accomplishment-statement .accomplishment-course,
    .wrapper-accomplishment-statement .accomplishment-program {
        font-size: 1.75rem
    }
    .wrapper-accomplishment-statement .copy {
        font-size: 1.125rem
    }
}
.wrapper-signatories img {
    max-width: 100%;
    max-height: 150px
}
.signatory {
    margin-top: 1.25rem
}
.signatory .signatory-signature {
    max-width: 60%;
    max-height: 120px
}
.signatory .signatory-name {
    font-size: .875rem;
    font-weight: 600
}
.signatory .signatory-credentials {
    color: #6b6969
}
.signatory .signatory-credentials .role {
    white-space: pre-line
}
.signatory .signatory-credentials .organization {
    display: block;
    margin-top: .3125rem;
    font-style: italic
}
.accomplishment-stamps .title {
    color: #a7a4a4;
    display: block;
    margin-bottom: 0
}
.accomplishment-stamps .emphasized {
    display: block;
    font-weight: 700;
    color: #6b6969
}
body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #F5F5F5
}
.header-app {
    margin: 0 auto;
    padding: 17px 2%
}
.header-app .logo {
    display: inline-block;
    width: 77px;
    margin: 0 auto;
    vertical-align: text-bottom
}
.header-app .logo-img {
    max-width: 100%
}
.header-app-title {
    margin: 0
}
.banner-user {
    margin: 0 auto
}
.banner-user .message-block {
    margin: 0 2%;
    padding: 1.25rem 2%
}
@media (min-width: 768px) {
    .banner-user .message-text {
        width: 65.95745%;
        float: left;
        margin-right: 2.12766%;
        text-align: left
    }
}
.banner-user .message-actions {
    margin-top: 1.25rem;
    text-align: center
}
@media (min-width: 768px) {
    .banner-user .message-actions {
        width: 31.91489%;
        float: right;
        margin-right: 0;
        text-align: right
    }
}
.accomplishment-support {
    margin: 0 3%;
    padding: 0 1.25rem
}
@media (min-width: 768px) {
    .accomplishment-support {
        margin: 0 auto;
        padding: 0 1.875rem
    }
}
.accomplishment-metadata {
    margin: 0 3%;
    padding: .625rem 1.25rem
}
@media (min-width: 768px) {
    .accomplishment-metadata {
        margin: 0 auto;
        padding: .625rem 1.875rem
    }
    .accomplishment-metadata-aboutedx {
        width: 48.93617%;
        float: left;
        margin-right: 2.12766%
    }
    .accomplishment-metadata-aboutcert {
        width: 48.93617%;
        float: right;
        margin-right: 0
    }
}
.footer-app {
    margin: 0 3%;
    border-top: .25rem solid #e5e9eb;
    padding: 1.25rem
}
@media (min-width: 768px) {
    .footer-app {
        margin: 0 auto;
        padding: 1.25rem 1.875rem
    }
    .footer-app-legal {
        width: 48.93617%;
        float: left;
        margin-right: 2.12766%
    }
}
.footer-app-legal .copyright-trademarks {
    margin-top: 1.25rem
}
.footer-app-legal .copyright-trademarks .copyright {
    display: block
}
@media (min-width: 768px) {
    .footer-app-related {
        width: 48.93617%;
        float: right;
        margin-right: 0;
        text-align: right
    }
}
.accomplishment-rendering {
    margin: 2%;
    border: 1px solid #cdd7db;
    padding: 7% 5% 5%;
    background-color: #fcfcfc;
    text-align: center
}
.wrapper-accomplishment-title .accomplishment-title {
    display: block;
    margin-top: .625rem;
    margin-bottom: 2.5rem
}
@media (min-width: 768px) {
    .accomplishment-rendering {
        text-align: left;
        padding: 5% 5% 3%
    }
    .wrapper-accomplishment-title .accomplishment-title {
        display: inline-block;
        vertical-align: middle;
        width: 48.93617%
    }
}
.wrapper-accomplishment-orgs {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    text-align: center
}
@media (min-width: 768px) {
    .wrapper-accomplishment-orgs {
        margin-left: 1.04167%;
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        width: 48.93617%;
        margin-top: 0;
        margin-bottom: 2.5rem
    }
}
.accomplishment-statement {
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
    padding-bottom: 1.25rem
}
@media (min-width: 1024px) {
    .wrapper-accomplishment-orgs,
    .wrapper-accomplishment-title .accomplishment-title {
        width: 48.93617%
    }
    .accomplishment-statement {
        display: inline-block;
        vertical-align: middle;
        width: 65.95745%;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        border: 0
    }
}
.accomplishment-statement .accomplishment-course,
.accomplishment-statement .accomplishment-program,
.accomplishment-statement .accomplishment-recipient,
.accomplishment-statement .accomplishment-statement-detail,
.accomplishment-statement .accomplishment-summary {
    display: block;
    margin-bottom: 1.25rem
}
.accomplishment-signatories {
    border-bottom: 1px solid #cdd7db;
    padding-bottom: 1.25rem
}
@media (min-width: 1024px) {
    .accomplishment-signatories {
        margin-left: 1.04167%;
        text-align: right;
        display: inline-block;
        vertical-align: top;
        width: 31.91489%;
        border-bottom: 0;
        padding-bottom: 0
    }
}
.signatory {
    width: 100%;
    float: left;
    float: none
}
.signatory:nth-child(1n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: none
}
@media (min-width: 768px) {
    .signatory {
        width: 48.93617%;
        float: left
    }
    .signatory:nth-child(2n+1) {
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .signatory:nth-child(2n+2) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none
    }
}
@media (min-width: 1024px) {
    .signatory {
        width: 100%;
        float: left;
        float: none
    }
    .signatory:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
}
.wrapper-accomplishment-stamps {
    margin-top: 2.5rem
}
.accomplishment-stamps .accomplishment-stamp-platform {
    margin-bottom: 1.25rem
}
.accomplishment-stamps .accomplishment-stamp-date,
.accomplishment-stamps .accomplishment-stamp-validity,
.accomplishment-stamps .accomplishment-stamp-hours-of-effort {
    margin-bottom: .625rem
}
.accomplishment-stamps .accomplishment-stamp-platform .logo-img {
    width: 200px;
    margin-top: 2px
}
@media (min-width: 1024px) {
    .accomplishment-stamps .accomplishment-stamp-platform {
        margin-right: 1.04167%;
        display: inline-block;
        vertical-align: middle;
        width: 22%;
        margin-bottom: .625rem
    }
}
@media (min-width: 768px) {
    .accomplishment-stamps .accomplishment-stamp-date {
        margin-right: 1.04167%;
        display: inline-block;
        vertical-align: middle;
        width: 31.91489%
    }
}
@media (min-width: 1024px) {
    .accomplishment-stamps .accomplishment-stamp-date {
        width: 23.40426%
    }
}
@media (min-width: 480px) {
    .accomplishment-stamps .accomplishment-stamp-validity {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }
}
@media (min-width: 768px) {
    .accomplishment-stamps .accomplishment-stamp-validity {
        display: inline-block;
        vertical-align: middle;
        width: 31.91489%
    }
}
@media (min-width: 1024px) {
    .accomplishment-stamps .accomplishment-stamp-validity {
        display: inline-block;
        vertical-align: middle;
        width: 28.91489%
    }
}
@media (min-width: 480px) {
    .accomplishment-stamps .accomplishment-stamp-hours-of-effort{
        display: inline-block;
        vertical-align: middle;
        width: 31.91489%
    }
}
@media (min-width: 1024px) {
    .accomplishment-stamps .accomplishment-stamp-hours-of-effort{
        display: inline-block;
        vertical-align: middle;
        width: auto;
    }
}
.certificate-verified .accomplishment-rendering {
    background-color: #fff;
    background-image: url(bg_abpmp1.png);
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: 80% auto
}
@media (min-width: 768px) {
    .certificate-verified .accomplishment-rendering {
        background-position: center 40px;
        background-size: 50% auto
    }
}
@media (min-width: 1024px) {
    .certificate-verified .accomplishment-rendering {
        background-position: -325px -50px;
        background-size: 100% auto
    }
}
.certificate-professional .accomplishment-rendering {
    background-color: #fff;
    background-image: url(bg_abpmp1.png);
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: 80% auto
}
@media (min-width: 768px) {
    .certificate-professional .accomplishment-rendering {
        background-position: center 40px;
        background-size: 50% auto
    }
    .certificate-professional .accomplishment-stamp-date {
        width: 31.91489%
    }
}
@media (min-width: 1024px) {
    .certificate-professional .accomplishment-rendering {
        background-position: -325px -50px;
        background-size: 100% auto
    }
}
.certificate-xseries .accomplishment-rendering {
    background-color: #fff;
    background-image: url(bg_abpmp11.png);
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: 80% auto
}


@media (min-width: 768px) {
    .certificate-xseries .accomplishment-rendering {
        background-position: center 40px;
        background-size: 50% auto
    }
}
@media (min-width: 1024px) {
    .certificate-xseries .accomplishment-rendering {
        background-position: -325px -50px;
        background-size: 100% auto
    }
}

@page {
    size: landscape
}
@media print and (color) {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}
@media print {
    .wrapper-accomplishment-metadata,
    .wrapper-accomplishment-support,
    .wrapper-banner-user,
    .wrapper-footer,
    .wrapper-header {
        display: none!important
    }
    body,
    html {
        background: #fff!important;
        color: #000!important
    }
    .wrapper-accomplishment-rendering {
        padding: 0!important
    }
    img {
        max-width: 100%!important
    }
    img,
    ul {
        page-break-inside: avoid
    }
    body {
        margin: 2.5rem .625rem 0!important;
        padding: 0;
        height: auto
    }
    .wrapper-view {
        margin-bottom: 0!important
    }
    [class^=wrapper]::after {
        display: none
    }
    .hd-2,
    .wrapper-accomplishment-statement .accomplishment-recipient {
        margin-bottom: 1.25rem;
        font-size: 1.75rem;
        line-height: 1.2
    }
    .hd-3,
    .wrapper-accomplishment-statement .accomplishment-course,
    .wrapper-accomplishment-statement .accomplishment-program {
        margin-bottom: .625rem;
        font-size: 1.5rem;
        line-height: 1.2
    }
    .copy-meta,
    .wrapper-accomplishment-statement .copy {
        font-size: .875rem;
        line-height: 1.6
    }
    .accomplishment-rendering {
        text-align: left;
        top: 0!important;
        box-shadow: none;
        border: none;
        padding: .625rem 2.5rem;
        background-color: #fff
    }
    .accomplishment-rendering .wrapper-accomplishment-title .accomplishment-title {
        display: inline-block;
        vertical-align: middle;
        width: 65.95745%;
        margin-top: .625rem;
        margin-bottom: 0
    }
    .accomplishment-rendering .wrapper-accomplishment-orgs {
        display: inline-block;
        vertical-align: middle;
        width: 31.91489%;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
    .accomplishment-rendering .wrapper-accomplishment-orgs img {
        max-width: 100%;
        max-height: 100px
    }
    .accomplishment-rendering .accomplishment-statement {
        text-align: left;
        display: inline-block;
        vertical-align: top;
        width: 65.95745%;
        margin-top: 3.75rem;
        border-bottom: 0
    }
    .accomplishment-rendering .accomplishment-signatories {
        margin-left: 1.04167%;
        text-align: right;
        display: inline-block;
        vertical-align: top;
        width: 31.91489%;
        border-bottom: 0;
        padding-bottom: 0
    }
    .accomplishment-rendering .signatory {
        width: 100%;
        float: left;
        float: none;
        margin: 0 0 .625rem
    }
    .accomplishment-rendering .signatory:nth-child(1n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none
    }
    .accomplishment-rendering .signatory:last-child {
        margin-bottom: 0
    }
    .accomplishment-stamps,
    .wrapper-accomplishment-stamps {
        margin-top: 0
    }
    .accomplishment-stamps .accomplishment-stamp-platform {
        margin-right: 1.04167%;
        display: inline-block;
        vertical-align: top;
        width: 15%;
        margin-bottom: 0;
        padding-top: 0
    }
    .accomplishment-stamps .accomplishment-stamp-date {
        margin-right: 1.04167%;
        margin-left: 4.5%;
        width: 23.40426%;
        display: inline-block;
        vertical-align: top
    }
    .accomplishment-stamps .accomplishment-stamp-validity {
        width: 25%;
        display: inline-block;
        vertical-align: top
    }
    .accomplishment-stamps .accomplishment-stamp-hours-of-effort {
        width: auto;
        display: inline-block;
        vertical-align: top
    }
    .wrapper-accomplishment-statement .copy {
        color: #6b6969
    }
    .wrapper-accomplishment-statement .accomplishment-course,
    .wrapper-accomplishment-statement .accomplishment-program,
    .wrapper-accomplishment-statement .accomplishment-recipient,
    .wrapper-accomplishment-statement .accomplishment-statement-detail,
    .wrapper-accomplishment-statement .accomplishment-summary {
        margin: 0 0 1.25rem
    }
    .signatory .signatory-signature {
        max-width: 50%;
        height: 40px
    }
    .signatory .signatory-credentials,
    .signatory .signatory-name {
        margin-bottom: 2px;
        font-size: .625rem;
        line-height: 1.5
    }
    .accomplishment-stamps .title {
        font-size: .625rem;
        line-height: 1.5
    }
    .accomplishment-stamps .emphasized {
        font-weight: 400;
        font-size: .625rem;
        line-height: 1.5
    }
    .certificate-professionaled .accomplishment-rendering,
    .certificate-verified .accomplishment-rendering,
    .certificate-xseries .accomplishment-rendering {
        border: 1px solid #cdd7db;
        background-position: -325px -50px;
        background-size: 100% auto
    }
    .certificate-honor .wrapper-accomplishment-title .accomplishment-title-label {
        font-size: 2.5rem
    }
    .certificate-honor .wrapper-accomplishment-title .accomplishment-title-type {
        font-size: 2.875rem!important
    }
    .certificate-verified .accomplishment-rendering {
        background-image: url(bg_abpmp1.png)
    }
    .certificate-professionaled .accomplishment-rendering {
        background-image: url(bg_abpmp1.png)
    }
    .certificate-professionaled .accomplishment-stamp-date {
        width: 31.91489%
    }
    .certificate-xseries .accomplishment-rendering {
        background-image: url(bg_abpmp11.png)
    }
    .variant-mcgill .wrapper-accomplishment-title .accomplishment-title-type {
        font-size: 2.625rem!important
    }
    .variant-mcgill .wrapper-accomplishment-title.verified .accomplishment-title-type {
        font-size: 1.375rem!important
    }
}
.variant-mcgill .wrapper-accomplishment-title .accomplishment-title-type {
    display: block;
    font-size: 2.625rem
}
@media (min-width: 768px) {
    .variant-mcgill .wrapper-accomplishment-title .accomplishment-title-type {
        font-size: 3.1875rem
    }
}
.variant-mcgill .wrapper-accomplishment-title.verified .accomplishment-title-type {
    display: block;
    font-size: 1.25rem
}
@media (min-width: 768px) {
    .variant-mcgill .wrapper-accomplishment-title.verified .accomplishment-title-type {
        font-size: 1.375rem
    }
}