html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
main:after,
.search:after,
.js-addtoproject-container .filter-dropdown:after,
.site-header:after,
.nav-bar:after,
.dropdown-menu:after,
.page-description:after,
.visual-nav:after,
.visual-nav.full figcaption:after,
.filter-wrapper:after,
.filter-dropdown:after,
.search-filters:after,
.filter-list:after,
.manipulation-nav:after,
.pagination:after,
.news-post:after,
.news-post .img-wrapper:after,
.contact-wrapper form:after,
.unicode-list:after,
.font-meta:after,
.font-links:after,
.font-hero:after,
.font-tabs-wrapper:after,
.glyphs-footer:after {
    content: "";
    display: table;
    clear: both
}
body {
    min-width: 975px;
    font-size: 14px;
    font-size: 0.875rem;
    background: #F1F2F3;
    color: #333;
    font-weight: 400;
    font-family: "Kootenay W04", "Kootenay Pro", "Arial";
    line-height: 1.2;
    -webkit-font-smoothing: antialiased
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
img {
    max-width: 100%
}
.row {
    margin: 0 auto;
    padding: 0;
    width: 975px
}
main .row,
.site-footer .row {
    padding: 0
}
.sidebar {
    float: left;
    width: 200px;
    margin-right: 10px;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
    background: transparent
}
.bucket {
    margin-bottom: 10px;
    padding: 25px 0 0;
    background: transparent
}
.sidebar .bucket {
    border-bottom: 10px solid #F1F2F3
}
.bucket>p {
    display: block;
    margin: 50px 0;
    text-align: center
}
.bucket>a {
    display: block;
    text-align: center
}
.bucket.no-border {
    border: 0
}
.bucket.product-bucket {
    background: #F1F2F3;
    border-top: none
}
.bucket .games-desc {
    text-align: left
}
.footer-margin {
    margin-left: 5% !important;
    margin-right: 5% !important
}
.main-content {
    width: 100%;
    background: transparent
}
.main-content.secondary-content {
    background: none
}
.clearafter:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}
.cart-box {
    float: right;
    margin-top: 20px
}
.cart-box .btn-action.btn {
    background: #43bf83;
    overflow: visible;
    margin-top: -5px;
    letter-spacing: 0;
    padding: 5px 20px;
    height: auto;
    font-size: 12px;
    line-height: 2;
    font-weight: 600
}
.cart-box>a {
    vertical-align: middle
}
.cart-box .cart-underlined {
    text-decoration: underline
}
.search {
    max-width: none;
    text-align: left
}
.search .text-field {
    float: left;
    margin: 0;
    padding: 0 90px 0 10px;
    width: 100%;
    height: 40px;
    font-size: 1em;
    background: #fff;
    border: none;
    font-weight: 700;
    color: #43bf83;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    box-shadow: 0 0 12px 0px transparent
}
.search .text-field::-webkit-input-placeholder {
    font-weight: 700;
    color: #cacaca;
    text-transform: none
}
.search .text-field:-moz-placeholder {
    font-weight: 700;
    color: #cacaca;
    text-transform: none
}
.search .text-field::-moz-placeholder {
    font-weight: 700;
    color: #cacaca;
    text-transform: none
}
.search .text-field:-ms-input-placeholder {
    font-weight: 700;
    color: #cacaca;
    text-transform: none
}
.search .text-field:focus {
    outline: none;
    box-shadow: 0 0 12px 0px #dadbdc
}
.search .text-field::-ms-clear {
    display: none
}
.search .search-delete-button {
    position: absolute;
    right: 40px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #43bf83;
    top: 50%;
    margin-top: -6px;
    display: none
}
.search .search-delete-button.search-delete-visible {
    display: block
}
.search.page-unicode {
    width: 40%
}
.btn-search {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -9px 0 0 0;
    width: 22px;
    height: 22px;
    border: 0;
    text-indent: -999em;
    cursor: pointer;
    background: url("../images/sprite.png") no-repeat 4px -27px transparent
}
.full-page-loader {
    position: fixed;
    z-index: 60000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}
.full-page-loader .full-page-spinner {
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    position: relative;
    -moz-animation: rotation 0.6s infinite linear;
    -webkit-animation: rotation 0.6s infinite linear;
    animation: rotation 0.6s infinite linear;
    border-left: 8px solid rgba(67, 191, 131, 0.15);
    border-right: 8px solid rgba(67, 191, 131, 0.15);
    border-bottom: 8px solid rgba(67, 191, 131, 0.15);
    border-top: 8px solid rgba(67, 191, 131, 0.8);
    border-radius: 100%
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}
@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}
@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}
.full-page-loader .full-page-spinner-text {
    display: none
}
.ie8 .full-page-loader .full-page-spinner,
.ie9 .full-page-loader .full-page-spinner {
    display: none
}
.ie8 .full-page-loader .full-page-spinner-text,
.ie9 .full-page-loader .full-page-spinner-text {
    background: white;
    display: block;
    position: absolute;
    width: 200px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -100px;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #43bf83;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}
.green-btn.charged {
    display: inline-block
}
.charged-btn {
    cursor: pointer;
    margin-left: 5px;
    padding: 5px 10px
}
.back-link {
    display: inline-block;
    margin: 3rem 0;
    text-transform: uppercase
}
.back-link a {
    font-size: 1.2rem;
    font-weight: bold;
    color: #43bf83;
    letter-spacing: 1px
}
.user-logo {
    float: right;
    margin-top: 16px;
    text-align: right;
    width: 200px
}
.radiusThree {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
a.tooltips {
    position: relative;
    display: inline
}
a.tooltips span,
a.show span {
    position: absolute;
    min-width: 165px;
    color: #565656;
    background: #e3e2e2;
    height: 40px;
    line-height: 40px;
    text-align: center;
    visibility: hidden;
    border-radius: 3px;
    top: -60px;
    text-transform: none
}
a.tooltips span:after,
a.show span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 43%;
    width: 0;
    height: 0;
    border-top: 8px solid #e3e2e2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}
a:hover .tooltips span,
a.show span {
    visibility: visible;
    opacity: 0.9;
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999
}
.help-section {
    margin-top: 100px;
    margin-bottom: 100px
}
.help-section .help-wrapper {
    display: table;
    margin: 0 auto;
    padding: 30px 0 48px 0;
    text-align: center;
    width: 565px
}
.help-section .help-wrapper h4 {
    margin-top: 10px;
    font-weight: normal
}
.help-section .help-wrapper h4.dark-gray {
    color: #333
}
.help-section .help-wrapper p {
    line-height: 24px;
    margin-top: 15px
}
.help-section .help-wrapper b {
    font-weight: bold
}
.help-section .help-wrapper .talkwid-us {
    margin: 22px auto;
    width: 220px
}
.help-section .help-wrapper .talkwid-us ul li {
    display: inline-block;
    margin-right: 6px
}
    .help-section .help-wrapper .talkwid-us ul li a {
        background: none repeat scroll 0 0 #fff;
        color: #000;
        display: inline-block;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        width: 62px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase
    }
.help-section .help-wrapper .talkwid-us ul li a:hover {
    background: #fff;
}
.help-section+.site-footer {
    margin-top: 0;
    padding-top: 0
}
.learn-more h3 {
    margin-bottom: 0px
}
.wrapperNotify {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99999
}
.ns-box.ns-show {
    font-size: 1.4rem;
    min-height: 40px;
    padding: 10px;
    position: relative
}
.ns-growl {
    border-radius: 5px;
    display: block;
    height: calc(100% - 100px);
    left: 30px;
    margin: 0 0 10px;
    max-width: 0;
    min-height: 40px;
    min-width: 260px;
    overflow: hidden;
    padding: 5px 10px;
    position: relative
}
.ns-growl p {
    font-size: 14px
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}
select::-ms-expand {
    display: none
}
.popup-block h3 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 2em
}
.popup-block h5 {
    text-transform: uppercase
}
.popup-block .popup-sub-heading {
    font-size: 18px;
    color: #4f4f4e
}
.popup-block select {
    height: 44px
}
.popup-block .btn.btn-action {
    height: 50px;
    background: none repeat scroll 0 0 #43bf83;
    color: #fff
}
.popup-block .btn.btn-action:hover {
    background: #35b276
}
.popup-block .uploadifyContainer {
    line-height: 40px;
    margin-top: 20px
}
.popup-block .uploadifyContainer object {
    display: inline-block;
    vertical-align: middle
}
.popup-block .attached-fonts-wrapper {
    float: left;
    width: 302px
}
.popup-block .attached-fonts-wrapper a.remove-all {
    display: block;
    margin-bottom: 1em;
    color: #43bf83
}
.popup-block .attached-fonts-wrapper a.remove-all:hover {
    text-decoration: underline
}
.popup-block .attached-fonts li {
    margin-bottom: 1.5em;
    position: relative
}
.popup-block .attached-fonts a {
    position: relative;
    display: block;
    padding-left: 25px;
    color: #43bf83;
    font-size: 1.25em;
    line-height: 20px
}
.popup-block .attached-fonts a:hover {
    color: #333
}
.popup-block .attached-fonts a:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    width: 17px;
    height: 12px;
    content: '';
    background: url("../images/sprite.png") no-repeat -60px -80px transparent
}
.popup-block .attached-fonts a.btn-extra {
    font-size: 12px;
    height: 28px;
    left: 100%;
    line-height: 16px;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    top: -3px
}
.popup-block .attached-fonts a.btn-extra:before {
    display: none
}
.popup-block .attached-fonts a.btn-extra:hover {
    color: #fff
}
.ns-box-inner {
    margin-right: 10px
}
.floatright {
    float: right
}
.floatleft {
    float: left
}
.full-width {
    width: 100%
}
a {
    color: #333;
    text-decoration: none
}
a:hover {
    color: #43bf83;
    text-decoration: none
}
a.secondary-link {
    color: #43bf83
}
a.secondary-link:hover {
    color: #333
}
p {
    margin-bottom: 1em
}
.heading1 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1em
}
.heading1 .heading1-secondary {
    font-size: 16px;
    font-size: 1rem;
    color: #babcbe;
    font-weight: 600;
    line-height: 1em
}
h3 {
    margin-bottom: 1em;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700
}
h4 {
    margin-bottom: 10px;
    color: #43bf83;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700
}
h5 {
    color: #333;
    font-weight: 600;
    line-height: normal
}
.font-heading {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1.1;
    margin-bottom: 34px;
    font-weight: normal;
    font-family: 'Arial'
}
.font-info-heading {
    font-size: 16px;
    font-size: 1rem;
    color: #333
}
strong {
    font-weight: 700
}
.no-bullets {
    list-style: none;
    margin-bottom: 1em
}
.no-bullets li {
    margin-bottom: 0;
    line-height: normal
}
small {
    font-size: 85%
}
@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon/icomoon.eot?-ap1999");
    src: url("../fonts/icomoon/icomoon.eot?#iefix-ap1999") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff?-ap1999") format("woff"), url("../fonts/icomoon/icomoon.ttf?-ap1999") format("truetype"), url("../fonts/icomoon/icomoon.svg?-ap1999#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}
.icon-close2:after {
    content: "\e602"
}
.icon-help-with-circle:before {
    content: "\e600"
}
.icon-list3:before {
    content: "\e635"
}
.icon-layout:before {
    content: "\e633"
}
.icon-list2:before {
    content: "\e630"
}
.icon-cog:before {
    content: "\e639"
}
.icon-plus2:before {
    content: "\e609"
}
.icon-cancel-circle:before {
    content: "\e366"
}
.icon-close:before {
    content: "\e601"
}
.icon-out:before {
    content: "\e63d"
}
.icon-users:before {
    content: "\e186"
}
.icon-user:before {
    content: "\e620"
}
.icon-code:before {
    content: "\e621"
}
.icon-plus-alt:before {
    content: "\e60a"
}
.icon-minus-alt:before {
    content: "\e60b"
}
.icon-file-xml:before {
    content: "\e607"
}
.icon-checkmark-circle:before {
    content: "\e608"
}
.icon-arrow-forward:before {
    content: "\e60e"
}
.icon-arrow-back:before {
    content: "\e60f"
}
.icon-uniE632:before {
    content: "\e632"
}
.icon-uniE623:before {
    content: "\e623"
}
.icon-search:after {
    content: "\f002"
}
.icon-warning:before {
    content: "\f071"
}
.icon-angle-up:before {
    content: "\f106"
}
.icon-angle-down:after {
    content: "\f107"
}
.icon-angle-down {
    display: block;
    position: relative;
    padding-left: 18px
}
.icon-angle-down:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    font-size: 1.2rem;
    position: absolute;
    right: 10px;
    top: 10px
}
.icon-arrow-right:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900"
}
.icon-arrow-left:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901"
}
.btn {
    display: inline-block;
    padding: 15px 30px;
    font-weight: 400;
    font-size: 16px;
    vertical-align: top;
    cursor: pointer;
    margin: 2px 0;
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    border-radius: 3px
}
.btn.btn-action {
    height: 50px;
    background: none repeat scroll 0 0 #43bf83;
    color: #fff
}
.btn.btn-action:hover {
    background: #35b276
}
.btn.btn-action-ghost {
    background: #43bf83;
    border: 2px solid #43bf83;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 28px;
    height: 43px;
    padding: 5px 30px
}
.btn.btn-action-ghost:hover {
    background: #35b276;
    border: 2px solid #35b276;
    color: #fff
}
.btn.btn-extra {
    height: 44px;
    background: #333333;
    color: #fff;
    line-height: 1;
    text-align: center
}
.btn.btn-extra:hover {
    background: #1a1a1a
}
.btn.btn-extra.btn-extra-with-text {
    padding: 5px 30px
}
.btn.btn-extra .btn-extra-secondary-text {
    font-size: 11.2px;
    font-size: 0.7rem
}
.btn.btn-secondary {
    color: #fff;
    font-weight: 600;
    background-color: #43bf83;
    font-family: 'Gill Sans W01 Medium', sans-serif;
    font-size: 11px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: auto;
    padding: 5px 15px;
    height: 30px;
    line-height: 20px
}
.btn.btn-secondary:hover {
    background-color: #35b276;
    text-decoration: none;
    color: #fff
}
.btn.btn-secondary.disabled,
.btn.btn-secondary[disabled] {
    cursor: default;
    background: #8fd9b5
}
.button-secondary-link {
    font-weight: 700;
    line-height: 30px;
    color: #eb342d
}
.button-secondary-link:hover {
    color: #c31913
}
.button-small {
    width: 338px;
    padding-left: 10px !important;
    padding-right: 10px !important
}
.form-size {
    width: 310px
}
label {
    display: block;
    padding-bottom: 0.35em
}
label.in-field-right {
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 35px;
    top: 15px;
    font-weight: 600;
    color: #969696
}
.clear {
    clear: both
}
.field-wrapper {
    position: relative;
    margin-bottom: 20px;
    margin-top: 6px
}
.field-wrapper.required-field {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.field-wrapper.required-field:before {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 44px solid #43bf83;
    border-right: 0 solid transparent;
    border-left: 40px solid transparent;
    content: ''
}
.field-wrapper.required-field:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    color: #fff;
    content: '*';
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400
}
.field-wrapper.required-field .text-field,
.field-wrapper.required-field textarea,
.field-wrapper.required-field select {
    border-right: none
}
.inline-button {
    white-space: nowrap
}
.inline-button .btn {
    margin-top: 0;
    padding-left: 50px;
    padding-right: 50px
}
.inline-button .inline-checkbox {
    line-height: 50px;
    display: inline-block;
    padding-left: 15px
}
.inline-button.ib-small .btn {
    font-size: 12px;
    padding: 15px
}
.inline-button .button-secondary-link {
    margin-left: 15px;
    line-height: 50px
}
fieldset {
    position: relative;
    margin: 0 0 15px;
    padding: 0;
    border: none;
    border-color: #fff
}
fieldset.no-legend {
    padding-top: 0
}
fieldset.check-radio-block {
    margin: 0;
    padding: 0
}
.check-radio-block {
    margin-bottom: 0.5em
}
.check-radio-block label {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 0;
    margin-right: 1em;
    padding-bottom: 0;
    color: #919191;
    font-weight: 400;
    font-size: 1.125em
}
.check-radio-block input {
    vertical-align: middle;
    margin: 0 0 2px 0
}
.fields-two-column,
.fields-three-column,
.fields-threequarter-column {
    margin: 0 -5px
}
.fields-two-column .form-col label,
.fields-two-column .form-col .field-wrapper,
.fields-three-column .form-col label,
.fields-three-column .form-col .field-wrapper,
.fields-threequarter-column .form-col label,
.fields-threequarter-column .form-col .field-wrapper {
    margin-right: 5px;
    margin-left: 5px
}
.fields-two-column .form-col {
    float: left;
    width: 50%
}
.fields-three-column .form-col {
    width: 34%;
    float: left
}
.fields-three-column .form-col+.form-col {
    width: 33%
}
.fields-threequarter-column .form-col {
    width: 50%;
    float: left
}
.fields-threequarter-column .form-col+.form-col {
    width: 25%
}
label[for],
.checkbox-radio-block label {
    cursor: pointer
}
.label-hidden {
    font-size: 0;
    width: 0;
    visibility: hidden
}
.field-wrapper .text-field,
.field-wrapper textarea,
.field-wrapper select {
    width: 100%;
    display: block;
    padding: 5px 10px;
    height: 44px;
    border: none;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #969696;
    border-radius: 3px;
    border-right: 3px solid #43bf83
}
.text-field::-ms-clear,
textarea::-ms-clear {
    display: none
}
.text-field::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px
}
.text-field:-moz-placeholder,
textarea:-moz-placeholder {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px
}
.text-field::-moz-placeholder,
textarea::-moz-placeholder {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px
}
.text-field:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px
}
.field-wrapper select {
    padding: 5px 30px 5px 5px;
    background: url("../images/icn-selectbox-alt.png") no-repeat right center #fff;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.field-wrapper select::-ms-expand {
    display: none
}
.field-wrapper select option {
    padding: 4px 5px
}
.field-wrapper select[disabled] {
    opacity: 0.4
}
.ie8 .field-wrapper select,
.ie9 .field-wrapper select {
    background: #fff;
    padding-right: 0
}
.field-wrapper textarea {
    height: 82px;
    resize: none;
    line-height: 1.4
}
.field-wrapper .text-field:focus,
.field-wrapper select:focus,
.field-wrapper textarea:focus {
    border-color: #43bf83;
    box-shadow: 0 0 2px #43bf83 inset;
    outline: none
}
.field-wrapper .text-field[disabled],
.field-wrapper select[disabled],
.field-wrapper textarea[disabled] {
    background-color: #f2f2f2;
    color: #999
}
.field-wrapper .disabled-input-text {
    background-color: #e4e5e6 !important;
    color: #999 !important
}
span.field-validation-error,
span.field-validation-valid {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: -10px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #d00
}
.project-dropdown span.field-validation-error,
.project-dropdown span.field-validation-valid {
    margin: 0px
}
span.field-validation-error {
    cursor: pointer
}
span.field-validation-error:after {
    content: '!';
    display: block;
    color: #ffffff;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 11px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    font-family: 'helvetica', sans-serif
}
span.field-validation-valid {
    display: none;
    border-bottom-color: #20cd00
}
span.field-validation-error>span {
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    right: -5px;
    margin-bottom: 10px;
    z-index: 1;
    width: auto;
    height: auto;
    padding: 0 10px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #424242;
    background-clip: padding-box;
    font-style: normal;
    white-space: nowrap
}
span.field-validation-error>span:after {
    content: " ";
    position: absolute;
    top: 30px;
    right: 11px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #424242;
    pointer-events: none
}
span.field-validation-error:hover>span,
span.field-validation-error:focus>span {
    visibility: visible
}
.field-wrapper input.error,
.field-wrapper textarea.error,
.field-wrapper select.error {
    border-color: #ed4a21
}
select ~ span.field-validation-error,
select ~ span.field-validation-valid {
    right: 29px;
    -webkit-margin-end: 12px
}
textarea ~ span.field-validation-error,
textarea ~ span.field-validation-valid {
    top: -12px;
    right: 5px
}
.image-field-wrapper span.field-validation-error,
.image-field-wrapper span.field-validation-valid {
    top: 15px;
    right: -25px
}
.icon-field-wrapper span.field-validation-error,
.icon-field-wrapper span.field-validation-valid {
    right: 39px
}
.check-radio-block .field-wrapper {
    display: inline-block
}
.check-radio-block .field-wrapper span.field-validation-error {
    right: -20px
}
.default-messages-container>div,
#default-user-messages-container>div {
    position: relative;
    margin-bottom: 5px;
    padding: 10px
}
.default-messages-container .icon-static {
    position: absolute;
    top: 10px;
    left: 10px
}
.user-message {
    padding-left: 23px
}
.error-user-message-container .user-message p,
.caution-user-message-container .user-message p,
.success-user-message-container .user-message p {
    margin: 0;
    font-size: 14px
}
.error-user-message-container {
    color: #e64343;
    border: 1px solid #e64343;
    background-color: #fcecec
}
.error-user-message-container .icon-static {
    color: #e64343
}
.caution-user-message-container {
    border: 1px solid #dfcd00;
    background-color: #fffcc8
}
.caution-user-message-container .icon-static {
    color: #dfcd00
}
.success-user-message-container {
    color: #20cd00;
    border: 1px solid #20cd00;
    background-color: #e8fae5
}
.success-user-message-container .icon-static {
    color: #20cd00
}
.info-user-message-container {
    color: #1891e6;
    border: 1px solid #1891e6;
    background-color: #f0f8fd
}
.info-user-message-container .icon-static {
    color: #1891e6
}
.validation-summary-errors {
    padding: 10px
}
.validation-summary-errors ul li {
    color: #d00
}
.field-wrapper.validation-outside span.field-validation-error,
.field-wrapper.validation-outside span.field-validation-valid {
    right: -30px
}
.field-wrapper.validation-outside textarea ~ span.field-validation-error,
.field-wrapper.validation-outside textarea ~ span.field-validation-valid {
    top: 10px
}
.field-wrapper.validation-outside select ~ span.field-validation-error,
.field-wrapper.validation-outside select ~ span.field-validation-valid {
    -webkit-margin-end: 0
}
.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}
.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(../images/custom_background.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    z-index: 10000
}
.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair
}
.colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(../images/colorpicker_overlay.png)
}
.colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(../images/colorpicker_select.gif);
    margin: -5px 0 0 -5px
}
.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize
}
.colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(../images/custom_indic.gif) left top;
    margin: -4px 0 0 0;
    left: 0px
}
.colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00
}
.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00
}
.colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px
}
.colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(../images/custom_hex.png) top;
    left: 212px;
    top: 142px
}
.colorpicker_hex input {
    right: 6px
}
.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute
}
.colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize
}
.colorpicker_rgb_r {
    background-image: url(../images/custom_rgb_r.png);
    top: 52px;
    left: 212px
}
.colorpicker_rgb_g {
    background-image: url(../images/custom_rgb_g.png);
    top: 82px;
    left: 212px
}
.colorpicker_rgb_b {
    background-image: url(../images/custom_rgb_b.png);
    top: 112px;
    left: 212px
}
.colorpicker_hsb_h {
    background-image: url(../images/custom_hsb_h.png);
    top: 52px;
    left: 282px
}
.colorpicker_hsb_s {
    background-image: url(../images/custom_hsb_s.png);
    top: 82px;
    left: 282px
}
.colorpicker_hsb_b {
    background-image: url(../images/custom_hsb_b.png);
    top: 112px;
    left: 282px
}
.colorpicker_submit {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../images/custom_submit.png) top;
    left: 322px;
    top: 142px;
    overflow: hidden
}
.colorpicker_focus {
    background-position: center
}
.colorpicker_hex.colorpicker_focus {
    background-position: bottom
}
.colorpicker_submit.colorpicker_focus {
    background-position: bottom
}
.colorpicker_slider {
    background-position: bottom
}
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}
.noUi-handle {
    position: relative;
    z-index: 1
}
.noUi-stacking .noUi-handle {
    z-index: 10
}
.noUi-stacking+.noUi-origin {
    *z-index: -1
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s
}
.noUi-state-drag * {
    cursor: inherit !important
}
.noUi-horizontal {
    height: 18px
}
.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}
.noUi-horizontal.noUi-extended {
    padding: 0 15px
}
.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}
.noUi-vertical {
    width: 18px
}
.noUi-vertical .noUi-handle {
    width: 20px;
    height: 20px;
    left: -6px;
    top: -17px
}
.noUi-vertical.noUi-extended {
    padding: 15px 0
}
.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}
.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}
.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}
.noUi-origin {
    border-radius: 2px
}
.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}
.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB
}
.noUi-dragable {
    cursor: w-resize
}
.noUi-vertical .noUi-dragable {
    cursor: n-resize
}
.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}
.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}
.noUi-handle:after {
    left: 17px
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 12px;
    left: 3px;
    height: 1px;
    top: 7px
}
.noUi-vertical .noUi-handle:after {
    top: 10px
}
[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8
}
[disabled] .noUi-handle {
    cursor: not-allowed
}
.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {
    background: #4FDACF
}
.autocomplete-suggestions {
    border: 1px solid #d7d7d7;
    background: #FFF;
    cursor: default;
    overflow: auto;
    color: #b5b5b5;
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25)
}
.autocomplete-suggestion {
    padding: 2px 10px;
    white-space: nowrap;
    overflow: hidden
}
.autocomplete-selected {
    background: #F0F0F0
}
.autocomplete-suggestions strong {
    font-weight: normal;
    color: #333
}
.modal-context {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #F0F0F0;
    z-index: 9999
}
.modal-on body {
    overflow: hidden
}
.modal-container {
    width: 526px;
    min-height: 60px;
    margin: 60px auto 120px;
    background: #F0F0F0;
    position: relative
}
.modal-close {
    color: #999;
    position: absolute;
    top: 16px;
    right: 16px;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: none;
    text-transform: uppercase;
    color: #43bf83;
    font-weight: 600;
    font-size: 40px;
    line-height: 30px
}
.modal-close:before {
    content: "\00D7"
}
.modal-close:hover {
    color: #359a69
}
.modal-title {
    width: 75%;
    font-family: 'Gill Sans W01 Book', sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    color: #231f20;
    padding: 17px 15px 15px 15px;
    line-height: 0.85
}
.modal-content {
    padding: 0 15px 15px 15px;
    margin: 0
}
.modal-content>.requestPage {
    margin-top: 0
}
.collection-modal .modal-title {
    display: none
}
.collection-modal .modal-content {
    padding: 0;
    overflow: hidden
}
.modal-container.upgrade {
    background-color: #ffffff
}
.modal-container.upgrade .modal-content {
    padding: 0 15px 15px 15px
}
.modal-container.upgrade .modal-title {
    width: 360px
}
.modal-content:last-child {
    margin-bottom: 0
}
.modal-buttons-right {
    float: right
}
.popup-block {
    clear: both;
    margin-top: 30px
}
.morphsearch {
    background: none repeat scroll 0 0;
    min-height: 40px;
    position: relative;
    right: 0;
    top: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition-property: min-height, width, top, right;
    transition-property: min-height, width, top, right;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
    z-index: 1400
}
.morphsearch .search.morphsearch-form {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    position: relative;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 1
}
.morphsearch.open .morphsearch-form {
    height: 160px;
    -webkit-transform: translate3d(0, 3em, 0);
    transform: translate3d(0, 3em, 0)
}
.morphsearch-input {
    outline: medium none
}
.morphsearch-input::-ms-clear {
    display: none
}
.morphsearch.hideInput .morphsearch-input {
    color: transparent;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}
.morphsearch.open .morphsearch-input {
    font-size: 3em
}
.morphsearch-input::-webkit-input-placeholder {
    color: #c2c2c2
}
.morphsearch-input:-moz-placeholder {
    color: #c2c2c2
}
.morphsearch-input::-moz-placeholder {
    color: #c2c2c2
}
.morphsearch-input:-ms-input-placeholder {
    color: #c2c2c2 !important
}
.gn-search:focus::-webkit-input-placeholder {
    color: transparent
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.morphsearch-input:focus,
.morphsearch-submit:focus {
    outline: none;
    box-shadow: none
}
.font-galaxy header {
    position: relative;
    margin-bottom: 110px
}
.morphsearch-submit {
    position: absolute;
    width: 80px;
    height: 80px;
    text-indent: 100px;
    overflow: hidden;
    right: 0;
    top: 50%;
    background: transparent url(../img/magnifier.svg) no-repeat center center;
    background-size: 100%;
    border: none;
    pointer-events: none;
    transform-origin: 50% 50%;
    opacity: 0;
    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1);
    transform: translate3d(-30px, -50%, 0) scale3d(0, 0, 1)
}
.morphsearch.open .morphsearch-submit {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    transform: translate3d(-30px, -50%, 0) scale3d(1, 1, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}
.morphsearch-close {
    width: 30px;
    height: 29px;
    position: absolute;
    right: 0.1em;
    top: -0.5em;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1)
}
.morphsearch.open .morphsearch-close {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}
.morphsearch-close::before,
.morphsearch-close::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #545454
}
.morphsearch-close:hover.morphsearch-close::before,
.morphsearch-close:hover.morphsearch-close::after {
    opacity: 1
}
.morphsearch-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.morphsearch-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.morphsearch-content {
    color: #333;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0;
    background: #f1f1f1;
    position: relative;
    pointer-events: none;
    opacity: 0
}
.morphsearch.open .morphsearch-content {
    opacity: 1;
    height: auto;
    overflow: visible;
    pointer-events: auto;
    -webkit-transition: opacity 0.3s 0.5s;
    transition: opacity 0.3s 0.5s
}
.morphsearch.open .morphsearch-content p.info {
    width: 100%;
    text-align: left
}
.dummy-column {
    width: 30%;
    padding: 0 0 6em;
    float: left;
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s
}
.morphsearch.open .dummy-column:first-child {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}
.morphsearch.open .dummy-column:nth-child(2) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s
}
.morphsearch.open .dummy-column:nth-child(3) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}
.morphsearch.open .dummy-column {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.dummy-column h2 {
    font-size: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800;
    color: #c2c2c2;
    padding: 0.5em 0
}
.round {
    border-radius: 50%
}
.dummy-media-object {
    padding: 0.75em;
    display: block;
    margin: 0.3em 0;
    cursor: pointer;
    border-radius: 5px;
    background: rgba(118, 117, 128, 0.05)
}
.dummy-media-object:hover,
.dummy-media-object:focus {
    background: rgba(118, 117, 128, 0.1)
}
.dummy-media-object img {
    display: inline-block;
    width: 50px;
    margin: 0 10px 0 0;
    vertical-align: middle
}
.dummy-media-object h3 {
    vertical-align: middle;
    font-size: 0.85em;
    display: inline-block;
    font-weight: 700;
    margin: 0 0 0 0;
    width: calc(100% - 70px);
    color: rgba(145, 145, 145, 0.7)
}
.dummy-media-object:hover h3 {
    color: #ec5a62
}
.overlay-msg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    pointer-events: none;
    opacity: 0.8;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 999
}
.morphsearch.open ~ .overlay-msg {
    opacity: 1
}
@media screen and (max-width: 53.125em) {
    .morphsearch-input {
        padding: 0 25% 0 10px
    }
    .morphsearch.open .morphsearch-input {
        font-size: 2em
    }
    .dummy-column {
        float: none;
        width: auto;
        padding: 0 0 2em
    }
    .dummy-column:nth-child(2) {
        margin: 0
    }
    .morphsearch.open .morphsearch-submit {
        -webkit-transform: translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1);
        transform: translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1)
    }
}
@media screen and (max-width: 60.625em) {
    .morphsearch {
        width: 80%;
        top: 10%;
        right: 10%
    }
}
.font-galaxy .search-section p .icon-info:before {
    content: "\e603";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 0.2rem
}
.closed.icon-close2 {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e602";
    font-size: 3.8rem;
    padding-left: 0.6rem;
    vertical-align: text-bottom
}
.font-galaxy .search-section p {
    font-size: 16px;
    color: #407FC1;
    float: left;
    position: relative
}
.font-galaxy .search-section p strong {
    font-weight: 600
}
.search-section {
    position: relative
}
.font-galaxy .search-result {
    clear: both;
    text-align: left;
    width: 100%;
    margin-top: 20px
}
.font-galaxy .search-result .add-item-to-ecommerce-cart,
.font-galaxy .search-result .remove-item-from-ecommerce-cart {
    vertical-align: middle
}
.font-galaxy .search-result .font-card {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}
.font-galaxy .search-result #hideCJKFonts {
    position: relative;
    z-index: 1;
    width: 17px;
    height: 17px
}
.font-galaxy .search-result .hide-CJK-label {
    line-height: 20px;
    height: 20px;
    color: #72747A
}
.font-galaxy .search-result .sr_001 {
    font-size: 13px;
    font-weight: 600;
    color: #A7A9AC;
    text-transform: uppercase
}
.restrict-height {
    max-height: 180px;
    overflow: hidden
}
.font-galaxy.expand {
    width: 100%
}
.font-galaxy .filter-wrapper {
    margin-top: 0px
}
.fonts-nav.contract {
    width: 0%;
    overflow: hidden
}
.fonts-nav.expand {
    width: 50%
}
.font-galaxy .search-result .sr_002 {
    margin-top: 20px
}
.font-galaxy .search-result .sr_002 .sr-found {
    border-bottom: 1px solid #E4E5E6;
    height: 140px;
    clear: both;
    background: #fff;
    margin-top: 8px;
    padding-left: 15px;
    padding-right: 5px;
    line-height: 60px
}
.font-galaxy .search-result .sr_002 .no-result {
    height: 78px
}
.font-galaxy .search-result .sr_002 .sr-found .sr_top {
    padding: 10px 10px 0 0
}
.font-galaxy .search-result .sr_002 .sr-found .sr_002lt {
    width: 70%;
    float: left;
    line-height: 25px
}
.font-galaxy .search-result .sr_002 .sr-found.no-result .sr_002lt {
    line-height: 60px
}
.font-galaxy .search-result .sr_002 .sr-found .sr_002lt .font-name {
    font-size: 12px;
    font-weight: bold;
    color: #555
}
.font-galaxy .search-result .sr_002 .sr-found .sr_002rt {
    max-width: 30%;
    float: right;
    text-align: right;
    min-width: 10%
}
.font-galaxy .search-result .sr_002 .sr-found .font-card .fd-font {
    font-size: 50px;
    color: #565656;
    float: left
}
.font-galaxy .search-result .sr_002 .sr-found .sr_002rt .show-btn {
    text-transform: uppercase;
    text-decoration: none;
    color: #A7A9AC;
    font-size: 14px;
    margin-right: 50px
}
.font-galaxy .search-result .sr_002 .sr-found .sr_002rt .show-btn:hover {
    color: #72747A
}
.font-galaxy .search-result .sr_002 .sr-found .sr_002rt .add-btn {
    width: 105px
}
.font-galaxy .search-result .sr_002 .sr-found .sr_002rt .x-split-button {
    margin-top: 4px
}
.green-btn,
.font-galaxy .search-result .sr_002 .sr-found .sr_002rt .add-btn {
    background: #3CC081;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.font-galaxy .search-section .s_001 {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}
.morphsearch .s_002 {
    background: #fff;
    border-bottom: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 40px;
    line-height: 40px
}
.morphsearch .s_002 .morphsearch-input {
    background: none;
    border: none;
    color: #333;
    font-size: 1em;
    font-weight: 700;
    height: 40px;
    -webkit-transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    width: 92%;
    float: left;
    text-transform: uppercase;
    padding-left: 12px
}
.morphsearch .s_002 button.s-0021.icon-search {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002";
    vertical-align: text-bottom;
    background: none;
    border: none;
    color: #43bf83;
    font-size: 20px;
    padding: 8px 0 0 0
}
.morphsearch.open {
    width: 100%;
    min-height: 100%;
    top: 0px;
    right: 0px
}
.morphsearch.open .s_002 {
    background: none;
    margin: 0;
    border-bottom: 3px solid #565656;
    height: 60px
}
.morphsearch.open .s_002 .morphsearch-input {
    font-size: 2.7em;
    height: 65px;
    width: 90%;
    padding-left: 0
}
.morphsearch.open .s_002 button.s-0021.icon-search {
    font-size: 36px;
    float: right
}
.overlay {
    background: rgba(241, 242, 243, 0.9);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}
.overlay-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 1000
}
.overlay-loader p.loader-info {
    text-align: center;
    margin-top: 50px;
    clear: both;
    font-size: 28px;
    float: none;
    clear: both;
    color: #43bf83
}
.font-galaxy .search-result .sr_002 .sr-found .sr_002lt .fd-font.external-link {
    font-size: 40px;
    color: #565656;
    float: left
}
.loader:before,
.loader:after,
.loader::before,
.loader::after,
.loader {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    width: 1.4em;
    height: 1.4em;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    -ms-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
    display: inline-block;
    overflow: visible;
    content: '.' !important
}
.loader {
    font-size: 10px;
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    -ms-animation-delay: -0.16s;
    content: '.' !important
}
.loader:before,
.loader::before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    -ms-animation-delay: -0.32s;
    animation-delay: -0.32s;
    content: '.' !important
}
.loader:after,
.loader::after {
    left: 3.5em;
    content: '.' !important
}
.loader:before,
.loader:after,
.loader::before,
.loader::after {
    content: '.' !important;
    position: absolute !important;
    top: 0 !important
}
@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #43bf83
    }
    40% {
        box-shadow: 0 2.5em 0 0 #43bf83
    }
}
@-ms-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #43bf83
    }
    40% {
        box-shadow: 0 2.5em 0 0 #43bf83
    }
}
@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #43bf83
    }
    40% {
        box-shadow: 0 2.5em 0 0 #43bf83
    }
}
.displayInline {
    display: inline
}
.display-inline-block {
    display: inline-block
}
.morphsearch.open .back-btn {
    float: left;
    font-weight: 700;
    top: 2px;
    cursor: pointer;
    color: #43bf83;
    position: relative;
    z-index: 2
}
.morphsearch.open .back-btn:hover {
    color: #35b276
}
.morphsearch.open .left-arrow {
    position: absolute;
    left: -37px;
    color: #43bf83;
    cursor: pointer;
    font-size: 1.75em;
    top: 86px
}
.morphsearch.open .left-arrow:hover {
    color: #35b276
}
.morphsearch.open .right-arrow {
    position: absolute;
    right: -37px;
    color: #43bf83;
    cursor: pointer;
    font-size: 1.75em;
    top: 86px
}
.morphsearch.open .right-arrow:hover {
    color: #35b276
}
.morphsearch .flip {
    -webkit-perspective: 800;
    -moz-perspective: 800;
    -o-perpective: 800;
    -ms-perspective: 800;
    perspective: 800;
    width: 100%;
    height: 41px;
    position: relative;
    z-index: 2
}
.morphsearch .flip .card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}
.morphsearch .flip .card.flipped {
    -webkit-transform: rotatex(-180deg);
    -moz-transform: rotatex(-180deg);
    -o-transform: rotatex(-180deg);
    -ms-transform: rotatex(-180deg);
    transform: rotatex(-180deg)
}
.morphsearch .flip .card .face {
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    z-index: 2;
    text-align: center
}
.morphsearch .flip .card .front {
    position: absolute;
    z-index: 1;
    background: transparent;
    cursor: pointer;
    text-align: right;
    right: 0px
}
.morphsearch .flip .card .back {
    width: 100%;
    -webkit-transform: rotatex(-180deg);
    -moz-transform: rotatex(-180deg);
    -ms-transform: rotatex(-180deg);
    -o-transform: rotatex(-180deg);
    transform: rotatex(-180deg);
    background: transparent;
    cursor: pointer
}
.morphsearch .flip .card .filter-labels {
    font-size: 16px;
    line-height: 36px;
    padding: 0 5px
}
.morphsearch .flip .card .filter-dropdown {
    float: left;
    width: 80%
}
.morphsearch .flip .card .chosen-container {
    min-width: 130px;
    padding-top: 3px
}
.morphsearch .flip .card .chosen-container .chosen-single {
    border-radius: 0px;
    box-shadow: none
}
.morphsearch .flip .card .chosen-container .chosen-drop {
    top: 100% !important
}
.morphsearch .flip .card .filter-dropdown .fonts-nav>ul>li .slimScrollDiv {
    display: block
}
.morphsearch .flip .card .filter-dropdown .fonts-nav.expand {
    width: 80%
}
.morphsearch .flip .card .filter-dropdown .fonts-nav li .filter-toggle.transparent-filter {
    background: transparent;
    padding-left: 3px
}
.morphsearch .flip .card .filter-dropdown .fonts-nav li .filter-toggle span {
    text-transform: uppercase
}
.morphsearch .flip .card .filter-dropdown .fonts-nav .filter-categories li a.selected {
    font-style: italic;
    text-decoration: underline
}
.morphsearch .flip .card .reset-filter {
    top: 10px;
    font-weight: 700;
    color: white;
    padding: 5px;
    background: #43bf83;
    border-radius: 4px;
    position: relative
}
.morphsearch .galaxy-results.keyword-filter {
    display: block !important;
    position: relative
}
.morphsearch .font-filters {
    display: inline-block
}
.morphsearch .no-margin {
    margin: 0px !important
}
.morphsearch .no-font-msg {
    margin-top: 20px;
    color: #333
}
.x-split-button {
    position: relative;
    display: inline-block;
    text-align: left;
    margin-top: 25px
}
.x-split-button .btn-action-ghost {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0
}
.x-button {
    float: left;
    outline: none;
    line-height: 40px;
    background: #43bf83
}
.x-button:hover {
    cursor: pointer;
    background: #35b276
}
.x-button:active {
    background: #35b276
}
.x-button.x-button-drop {
    border: 0;
    height: 43px;
    margin-top: 2px;
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    padding-left: 6px;
    padding-right: 8px;
    border-left-width: 1px;
    border-color: #35b276;
    border-style: solid;
    position: relative
}
.x-button.x-button-drop .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0
}
.x-button.x-button-drop.expanded .add-to-project-container {
    display: block
}
.x-button.x-button-drop.expanded .tooltip {
    left: -150px;
    top: 54px;
    z-index: 2;
    text-align: left
}
.x-button.x-button-drop.expanded .tooltip:after,
.x-button.x-button-drop.expanded .tooltip::after {
    left: 57%;
    top: -12px
}
.x-button-add-drop {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border: 0 !important
}
.open>.x-button-drop-menu {
    display: block
}
.x-button-drop-menu {
    position: absolute;
    top: 27px;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #F2F2F2;
    background-clip: padding-box;
    border: 1px solid #E0E0E0;
    box-shadow: 1px 1px 2px #E0E0E0
}
.x-button-drop-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-family: arial;
    color: #444;
    text-decoration: none
}
.x-button-drop-menu li a:hover {
    background: #D3D3D3
}
.update-request-with-font.f-submitting .add-to-selected-request {
    display: none
}
.update-request-with-font.f-submitting .f-ajax-show {
    display: block
}
.delpro .md-content {
    background: #fff none repeat scroll 0 0 !important
}
.delpro .md-content.loginForm h4 {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 10px
}
.md-content-div {
    padding: 0 0 11px 10px !important
}
.x-button-popup>.js-addtoproject-container {
    text-transform: none !important;
    font-weight: normal !important;
    font-size: 13px !important
}
.font-galaxy .search-result .sr_002 .sr-found:hover .font-name {
    color: #43bf83
}
.cursor-pointer {
    cursor: pointer !important
}
.js-addtoproject-container {
    position: relative
}
.js-addtoproject-container .filter-dropdown {
    overflow: visible !important;
    display: block;
    margin-bottom: 0px;
    padding: 0
}
.js-addtoproject-container .filter-dropdown .filter-item-shadow {
    position: relative;
    transition-property: 0.15s;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    -moz-box-shadow: 0 0 12px 0px transparent;
    -webkit-box-shadow: 0 0 12px 0px transparent;
    box-shadow: 0 0 12px 0px transparent
}
.js-addtoproject-container .filter-dropdown .filter-item-shadow.shadow-on {
    -moz-box-shadow: 0 0 12px 0px #dadbdc;
    -webkit-box-shadow: 0 0 12px 0px #dadbdc;
    box-shadow: 0 0 12px 0px #dadbdc
}
.js-addtoproject-container .filter-dropdown .filter-item-shadow .slimScrollDiv {
    position: absolute !important;
    top: 50px;
    width: 100% !important
}
.js-addtoproject-container .filter-dropdown .filter-toggle {
    display: block;
    position: relative;
    margin-bottom: 0px;
    padding: 9px;
    background: #fff;
    color: #969696;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.js-addtoproject-container .filter-dropdown .filter-toggle span {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis
}
.js-addtoproject-container .filter-dropdown .filter-toggle.active:after {
    background-position: -20px -57px
}
.js-addtoproject-container .filter-dropdown .slimScrollDiv {
    margin-top: -3px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid #dedede;
    z-index: 1500;
    left: 0;
    right: 20px;
    background: #ffffff;
    display: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 0 0 3px 3px
}
.js-addtoproject-container .filter-dropdown .slimScrollDiv.open-categories {
    display: block
}
.js-addtoproject-container .filter-dropdown .slimScrollDiv .slimScrollBar {
    margin-top: 5px;
    border: 5px solid #fff
}
.js-addtoproject-container .filter-dropdown .filter-categories {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    background: #ffffff;
    overflow-x: hidden;
    margin-bottom: 0
}
.js-addtoproject-container .filter-dropdown .filter-categories.filter-before-init {
    display: none
}
.js-addtoproject-container .filter-dropdown .filter-categories>li {
    position: relative;
    margin-bottom: 1px
}
.js-addtoproject-container .filter-dropdown .filter-categories>li>span:hover {
    position: relative;
    text-decoration: underline
}
.js-addtoproject-container .filter-dropdown .filter-categories>li>span:hover:before {
    display: block
}
.js-addtoproject-container .filter-dropdown .filter-categories>li span {
    display: block;
    padding: 5px 15px;
    color: #43bf83;
    font-weight: bold;
    text-transform: uppercase
}
.js-addtoproject-container .filter-dropdown .filter-categories>li.selected>a {
    color: #43bf83
}
.js-addtoproject-container .filter-dropdown .filter-categories>li:hover {
    background: #fff
}
.js-addtoproject-container .filter-dropdown .filter-categories>li:hover .sub-categories a:before {
    left: 15px;
    margin-left: 0
}
.js-addtoproject-container .filter-dropdown .filter-categories>li.unstyled-item:hover {
    background: transparent
}
.js-addtoproject-container .filter-dropdown .filter-categories>li.collapsed-item {
    display: none
}
.js-addtoproject-container .filter-dropdown .filter-categories>li.collapsed-item.uncollapsed {
    overflow: visible !important
}
.js-addtoproject-container .filter-dropdown .filter-categories>li .sub-categories {
    display: block;
    position: static;
    padding: 0px 0;
    margin-bottom: 0;
    max-width: 180px;
    width: 100%;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}
.js-addtoproject-container .filter-dropdown .filter-categories>li .sub-categories li.selected span {
    color: #43bf83
}
.js-addtoproject-container .filter-dropdown .filter-categories>li .sub-categories span {
    position: relative;
    padding: 1px 15px 1px 25px;
    line-height: 20px;
    font-weight: normal;
    text-transform: none
}
.js-addtoproject-container .filter-dropdown .filter-categories>li .sub-categories span:hover {
    text-decoration: underline
}
.list-link:before {
    content: "\e905";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none
}
.list-link:before:hover:before {
    color: #43bf83;
    text-decoration: none
}
.list-name {
    position: relative
}
.list-name span.list-name-inner {
    margin-left: 0.4em
}
.list-name-container {
    position: relative
}
.list-name-container [data-tooltip]:after,
.list-name-container .tooltip-top:after {
    min-width: 80px;
    width: auto;
    position: absolute;
    left: -10px;
    margin-left: 0px !important
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0
}
* html .clearfix {
    height: 1%
}
.clearfix {
    display: block
}
.site-header .nav-bar {
    height: 50px
}
.site-header h1 {
    float: left;
    width: 200px;
    margin-right: 10px
}
.site-header img.site-logo {
    margin-top: 18px
}
.nav-bar {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    line-height: 20px
}
.nav-bar a {
    color: #000
}
.nav-bar a:hover {
    color: #43bf83
}
.site-logo {
    float: left;
    width: 200px;
    margin-right: 10px
}
.site-logo img {
    margin-top: 4px;
    max-width: 70px
}
.portals {
    clear: left;
    height: 50px
}
.portals .field-wrapper {
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 0
}
.portals .field-wrapper select {
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    height: 50px;
    border-radius: 0;
    cursor: pointer
}
.portals .field-wrapper select:focus {
    border: none;
    outline: none;
    box-shadow: none;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7
}
.main-nav {
    float: left
}
.main-nav>a {
    line-height: 50px;
    padding: 0px 10px;
    margin: 0px 10px;
    height: 50px;
    float: left
}
.main-nav a {
    font-weight: 600;
    font-size: 14px;
    color: #969696
}
.main-nav a:hover {
    color: #969696
}
.footer-nav {
    margin: 3px 0
}
.footer-nav ul {
    list-style: none
}
.footer-nav li {
    float: right;
    line-height: 1;
    margin-right: 2px;
    padding: 0 8px
}
.footer-nav a {
    cursor: pointer
}
.dropdown-menu-wrapper {
    display: inline-block;
    position: relative;
    height: 50px
}
.dropdown-menu-wrapper .dropdown-menu-button {
    line-height: 50px;
    padding: 0px 50px 0 0px;
    margin: 0px 30px 0 0;
    height: 50px;
    background: url("../images/icn-selectbox-alt.png") no-repeat right center #fff
}
.dropdown-menu {
    position: absolute;
    right: 0;
    top: 50px;
    background: #fff;
    width: 200px;
    z-index: 1500;
    display: none;
    box-shadow: 0 0 12px 0px #dadbdc
}
.dropdown-menu.dd-show {
    display: block
}
.dropdown-menu li {
    line-height: 20px
}
.dropdown-menu li:hover a {
    text-decoration: underline;
    color: #43bf83
}
.dropdown-menu li a {
    display: block;
    padding: 5px 15px;
    color: #43bf83;
    font-weight: bold;
    text-transform: uppercase;
    white-space: normal
}
.secondary-nav {
    float: right
}
.secondary-nav a {
    font-weight: 600;
    font-size: 14px;
    color: #969696
}
.secondary-nav a:hover {
    color: #969696
}
.secondary-nav .dropdown-menu-button {
    background: none;
    text-align: right;
    padding-right: 0
}
.secondary-nav .dropdown-menu {
    width: 120px
}
.cart-icon {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 16px;
    vertical-align: bottom;
    background: url("../images/sprite.png") no-repeat 0 0 transparent
}
.secondary-actions {
    padding-top: 60px;
    padding-bottom: 60px
}
.secondary-actions h2 {
    color: #333;
    font-weight: 700;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1
}
.secondary-actions h2 span {
    display: block;
    color: #43bf83
}
.fonts-nav a {
    font-weight: 700
}
.fonts-nav ul ul {
    margin-bottom: 15px
}
.fonts-nav ul ul a {
    font-weight: 400
}
.fonts-nav ul ul.filter-nav {
    display: block;
    overflow-y: scroll;
    margin: 15px -10px 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 100px;
    max-height: 200px;
    background: #F1F0F0
}
.fonts-nav ul ul.filter-nav.styled {
    padding-top: 0;
    padding-bottom: 0
}
.fonts-nav ul ul.filter-nav.styled li {
    padding: 7px 10px
}
.fonts-nav ul ul.filter-nav.styled li:nth-child(2n) {
    background: #EBECEC
}
.fonts-nav ul ul.filter-nav li {
    padding: 0 10px
}
.fonts-nav ul ul.filter-nav label {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 400
}
.fonts-nav ul li:last-child .filter-nav {
    margin-bottom: -10px
}
.site-footer {
    margin-top: 40px;
    padding-top: 200px
}
.site-footer .site-logo {
    margin: 0 auto;
    max-width: 87px;
    text-align: center
}
.page-description {
    margin-bottom: 25px;
    line-height: 20px;
    font-weight: 600;
    position: relative
}
.page-description .fonts-nav {
    float: right;
    text-align: right
}
.page-description .fonts-nav a,
.page-description .fonts-nav .launch-help {
    color: #000;
    font-weight: 600;
    cursor: pointer
}
.page-description .fonts-nav a:hover,
.page-description .fonts-nav .launch-help:hover {
    text-decoration: underline
}
.page-description .family-label,
.page-description .family-container {
    display: inline-block
}
.visual-nav {
    margin: 0 -10px -30px 0
}
.visual-nav li {
    position: relative;
    float: left;
    margin-bottom: 10px;
    padding: 0 10px 0 0;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.visual-nav li a {
    line-height: 18px
}
.visual-nav figure {
    background: #fff
}
.visual-nav.four-up li {
    width: 25%
}
.visual-nav.four-up figcaption {
    font-size: 14px;
    font-size: 0.875rem
}
.visual-nav.four-up figcaption.ms-fonts {
    bottom: 0;
    font-size: 2rem;
    left: 0;
    line-height: 2rem;
    margin: auto;
    right: 0;
    text-align: center;
    top: 1rem;
    width: 138px
}
.visual-nav.four-up .label {
    color: #333;
    font-weight: 300
}
.visual-nav.ten-up {
    margin: 30px -2px 30px 0px
}
.visual-nav.ten-up li {
    width: 10%;
    padding: 0 2px 0 0;
    margin-bottom: 2px
}
.visual-nav.full {
    margin-right: 0
}
.visual-nav.full li {
    padding-right: 0;
    width: 100%
}
.visual-nav.full li:hover img {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none
}
.visual-nav.full li:hover a {
    color: #43bf83
}
.visual-nav.full li:hover .btn-action-ghost {
    background: #43bf83;
    color: #ffffff;
    text-decoration: none
}
.visual-nav.full li:hover .btn-action-ghost:hover {
    background: #35b276;
    color: #fff
}
.visual-nav.full figure {
    padding-left: 15px;
    padding-right: 0;
    background: #fff
}
.visual-nav.full figcaption {
    position: relative;
    top: auto;
    left: auto;
    padding: 10px;
    z-index: auto;
    font-size: 14px;
    font-size: 0.875rem
}
.visual-nav.full .label {
    float: left;
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 0.75rem;
    color: #333;
    font-weight: 700
}
.visual-nav a {
    display: block;
    overflow: hidden
}
.visual-nav a:hover img {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.visual-nav a:hover .label {
    color: #000;
    line-height: 18px
}
.visual-nav a.add-to-cart {
    text-decoration: underline
}
.visual-nav a.add-to-cart:hover {
    text-decoration: none
}
.visual-nav img {
    position: relative;
    z-index: 0;
    width: 100%;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    height: auto;
    vertical-align: top
}
.visual-nav figcaption {
    position: absolute;
    top: 10px;
    left: 25px;
    z-index: 1;
    font-size: 16px;
    font-size: 1rem
}
.visual-nav figcaption .label {
    display: block;
    margin-bottom: 1em;
    color: #000;
    transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    font-weight: 700
}

.visual-nav figcaption .label span.tag{
    background-color: #43bf83;
    padding: 0.2em 0.42em;
    display: inline-block;
    color: #ffffff;
    margin: 0 0 0 0.7em;
    font-size: 0.65em;
    text-transform: uppercase;
    border-radius: 0.2em;
    font-weight: 400;
    }

.visual-nav figcaption li {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem
}
.visual-nav .add-product-to-cart-link:hover {
    text-decoration: underline
}
.type-style h4 {
    margin-top: 30px
}
.type-style h4 a {
    color: #43bf83
}
.type-style.bucket {
    padding-bottom: 10px
}
.filter-nav label {
    position: relative
}
.filter-nav i.style {
    position: absolute;
    right: 0;
    width: 20px;
    height: 18px;
    background: url("../images/sprite.png") no-repeat 0 0 transparent
}
.filter-nav input[type=checkbox]:checked ~ span {
    color: #43bf83
}
.filter-wrapper {
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0px;
    text-align: center;
    position: relative;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-out
}
.filter-wrapper.filters-exist {
    text-align: left
}
.filter-wrapper form {
    width: auto;
    max-width: none
}
.filter-dropdown {
    overflow: visible !important;
    display: block;
    margin-bottom: 0px;
    padding: 0
}
.filter-dropdown .fonts-nav {
    float: left;
    width: 60%;
    text-align: left;
    position: relative
}
.filter-dropdown .fonts-nav .reset-filter {
    font-size: 12px;
    color: #fff;
    float: right;
    margin-right: 20px;
    font-weight: 700;
    position: relative;
    z-index: 1
}
.filter-dropdown .fonts-nav .reset-filter:hover {
    color: #fff
}
.filter-dropdown .fonts-nav>ul {
    height: 40px;
    position: relative;
    width: 100%;
    z-index: 1400
}
.filter-dropdown .fonts-nav>ul .filter-item-shadow {
    position: relative;
    transition-property: 0.15s;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    -moz-box-shadow: 0 0 12px 0px transparent;
    -webkit-box-shadow: 0 0 12px 0px transparent;
    box-shadow: 0 0 12px 0px transparent
}
.filter-dropdown .fonts-nav>ul .filter-item-shadow.shadow-on {
    -moz-box-shadow: 0 0 12px 0px #dadbdc;
    -webkit-box-shadow: 0 0 12px 0px #dadbdc;
    box-shadow: 0 0 12px 0px #dadbdc
}
.filter-dropdown .fonts-nav>ul .filter-item-shadow .slimScrollDiv {
    position: absolute !important;
    top: 40px;
    width: 100% !important
}
.filter-dropdown .fonts-nav>ul>li {
    float: left;
    width: 33%;
    position: relative;
    padding-right: 20px
}
.filter-dropdown .fonts-nav>ul>li .filter-toggle {
    display: block;
    position: relative;
    margin-bottom: 0px;
    padding: 12px 35px 12px 15px;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.filter-dropdown .fonts-nav>ul>li .filter-toggle span {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis
}
.filter-dropdown .fonts-nav>ul>li .filter-toggle.active:after {
    background-position: -20px -57px
}
.filter-dropdown .fonts-nav>ul>li .slimScrollDiv {
    margin-top: -3px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid #dedede;
    z-index: 1500;
    left: 0;
    right: 20px;
    background: #ffffff;
    display: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 0 0 3px 3px
}
.filter-dropdown .fonts-nav>ul>li .slimScrollDiv.open-categories {
    display: block
}
.filter-dropdown .fonts-nav>ul>li .slimScrollDiv .slimScrollBar {
    margin-top: 5px;
    border: 5px solid #fff
}
.filter-dropdown .fonts-nav .one-selection .filter-categories li a {
    color: #000;
}
.filter-dropdown .fonts-nav .filter-categories {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    background: #ffffff;
    overflow-x: hidden;
    margin-bottom: 0
}
.filter-dropdown .fonts-nav .filter-categories.filter-before-init {
    display: none
}
.filter-dropdown .fonts-nav .filter-categories>li {
    position: relative;
    margin-bottom: 1px
}
.filter-dropdown .fonts-nav .filter-categories>li>a:hover {
    position: relative;
    text-decoration: underline
}
.filter-dropdown .fonts-nav .filter-categories>li>a:hover:before {
    display: block
}
.filter-dropdown .fonts-nav .filter-categories>li a {
    display: block;
    padding: 5px 15px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase
}
.filter-dropdown .fonts-nav .filter-categories>li.selected>a {
    color: #000;
}
.filter-dropdown .fonts-nav .filter-categories>li:hover {
    background: #fff
}
.filter-dropdown .fonts-nav .filter-categories>li:hover .sub-categories a:before {
    left: 15px;
    margin-left: 0
}
.filter-dropdown .fonts-nav .filter-categories>li.unstyled-item:hover {
    background: transparent
}
.filter-dropdown .fonts-nav .filter-categories>li.collapsed-item {
    display: none
}
.filter-dropdown .fonts-nav .filter-categories>li.collapsed-item.uncollapsed {
    overflow: visible !important
}
.filter-dropdown .fonts-nav .filter-categories>li .sub-categories {
    display: block;
    position: static;
    padding: 0px 0;
    margin-bottom: 0;
    max-width: 180px;
    width: 100%;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}
.filter-dropdown .fonts-nav .filter-categories>li .sub-categories li.selected a {
    color: #43bf83
}
.filter-dropdown .fonts-nav .filter-categories>li .sub-categories a {
    position: relative;
    padding: 1px 15px 1px 25px;
    line-height: 20px;
    font-weight: normal;
    text-transform: none
}
.filter-dropdown .fonts-nav .filter-categories>li .sub-categories a:hover {
    text-decoration: underline
}
.filter-dropdown .fonts-nav a.see-all {
    position: relative;
    padding-left: 18px;
    color: #43bf83
}
.filter-dropdown .fonts-nav a.see-all:after {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 14px;
    height: 11px;
    content: '';
    background: url("../images/sprite.png") no-repeat -20px -80px transparent
}
.filter-dropdown .fonts-nav a.see-all:before {
    display: none
}
.filter-dropdown .fonts-nav a.see-all:hover {
    color: #43bf83;
    text-decoration: underline
}
.filter-dropdown .fonts-nav a.see-all:hover:after {
    background: url("../images/sprite.png") no-repeat -20px -80px transparent
}
.filter-dropdown .fonts-nav a.see-all:hover:before {
    display: none
}
.filter-dropdown .fonts-nav.contract {
    width: 0px;
    transform-origin: 100% 0 0;
    transition-duration: 0.5s;
    transition-property: width;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    overflow: hidden
}
.filter-dropdown .fonts-nav.expand {
    width: 60%;
    transform-origin: 100% 0 0;
    transition-duration: 0.5s;
    transition-property: width;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    overflow: visible
}
.filter-dropdown .search {
    float: left;
    width: 40%
}
.filter-dropdown .search .text-field {
    width: 100%
}
.filter-label {
    margin-bottom: 10px;
    display: block;
    padding-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left
}
.filter-label a {
    padding: 0 5px
}
.keyword-filter {
    margin-top: 15px;
    padding: 0
}
.keyword-filter li {
    background: none repeat scroll 0 0 #e9e9e9;
    border-radius: 5px;
    display: inline-block;
    float: left;
    margin: 0 15px 10px 0;
    padding: 10px 30px 10px 10px;
    position: relative;
    text-align: left
}
.keyword-filter li span.sub-cat {
    display: block;
    text-align: left;
    margin: 4px 0 0;
    position: relative
}
.keyword-filter li span.close {
    background: url("../images/sprite.png") no-repeat scroll -43px -35px transparent;
    content: "";
    cursor: pointer;
    height: 13px;
    position: absolute;
    right: 6%;
    bottom: 10px;
    width: 13px
}
.bucket .button-see-all-fonts {
    display: block;
    padding: 20px 25px;
    background: #fff;
    margin: 0px 0 10px;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    text-align: center
}
.search-filters {
    margin-top: 30px
}
.search-filters .label {
    float: left;
    width: 170px;
    line-height: 22px
}
.filter-list {
    float: left;
    width: 560px
}
.filter-list li {
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 30px 3px 10px;
    background: #fff;
    line-height: 16px
}
.filter-list li:hover {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15)
}
.filter-list li .remove-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    background: url("../images/sprite.png") no-repeat 6px -74px transparent;
    cursor: pointer
}
.filter-list li .remove-filter:hover {
    opacity: .5
}
.manipulation-nav {
    position: relative;
    z-index: 1000;
    clear: both;
    margin: 0 0 10px;
    line-height: 30px;
    z-index: 1;
    font-size: 12px;
    font-size: 0.75rem
}
.manipulation-nav form {
    max-width: none
}
.manipulation-nav .field-wrapper {
    float: left;
    margin-right: 10px;
    margin-bottom: 0
}
.manipulation-nav .field-wrapper.reset {
    float: right;
    margin-right: 0
}
.manipulation-nav .field-wrapper.reset a {
    text-decoration: underline
}
.manipulation-nav .field-wrapper.reset a:hover {
    text-decoration: none
}
.manipulation-nav label {
    font-weight: 400
}
.alpha-list {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem
}
.alpha-list a {
    padding: 0
}
.sample-picker {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 140px
}
.sample-picker .picker-content {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    z-index: 1000;
    padding: 10px;
    width: 730px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25)
}
.sample-picker .clicker {
    position: relative;
    display: block;
    background: #fff
}
.sample-picker .clicker:after {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 6px;
    height: 5px;
    content: '';
    background: url("../images/sprite.png") no-repeat 0 -116px transparent
}
.sample-picker a {
    display: block;
    padding: 5px 10px;
    height: 30px;
    text-decoration: none;
    line-height: 20px
}
.sample-picker.no-js .picker-content {
    display: none
}
.sample-picker.no-js:hover .picker-content {
    display: block
}
.sample-picker .dropdown-title {
    font-size: 16px;
    font-size: 1rem;
    display: block;
    margin-bottom: 10px;
    font-weight: 500
}
.sample-picker .text-strings {
    float: left;
    width: 40%
}
.sample-picker ul {
    margin: 0;
    padding: 0
}
.sample-picker ul a {
    padding: 0;
    height: auto;
    cursor: pointer
}
.sample-picker ul a:hover {
    background: transparent
}
.sample-picker .languages {
    float: left;
    width: 60%
}
.sample-picker .languages ul {
    float: left;
    width: 50%
}
.custom-text {
    width: 180px
}
.custom-text .text-field {
    color: #333;
    font-weight: 400;
    -webkit-appearance: none;
    height: 30px;
    border-right: none
}
.custom-text .text-field::-webkit-input-placeholder {
    color: #333;
    font-weight: 400;
    -webkit-appearance: none;
    height: 30px;
    font-size: 12px
}
.custom-text .text-field:-moz-placeholder {
    color: #333;
    font-weight: 400;
    -webkit-appearance: none;
    height: 30px;
    font-size: 12px
}
.custom-text .text-field::-moz-placeholder {
    color: #333;
    font-weight: 400;
    -webkit-appearance: none;
    height: 30px;
    font-size: 12px
}
.custom-text .text-field:-ms-input-placeholder {
    color: #333;
    font-weight: 400;
    -webkit-appearance: none;
    height: 30px;
    font-size: 12px
}
.custom-text::-webkit-input-placeholder {
    color: #333
}
.custom-text:-moz-placeholder {
    color: #333
}
.custom-text::-moz-placeholder {
    color: #333
}
.custom-text:-ms-input-placeholder {
    color: #333
}
.custom-text .remember {
    color: #43bf83;
    line-height: 20px
}
.custom-text .remember input {
    vertical-align: middle;
    margin-bottom: 4px;
    display: inline-block
}
.size-to-fit input {
    vertical-align: middle;
    margin-bottom: 4px;
    display: inline-block
}
.font-size {
    width: 120px
}
.font-size a.size-picker {
    position: relative;
    display: block;
    padding-right: 15px
}
.font-size a.size-picker:after {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 6px;
    height: 11px;
    content: '';
    background: url("../images/sprite.png") no-repeat 0 -110px transparent
}
.font-size a.size-picker.hide-switch:after {
    display: none
}
#font-size-picker {
    position: absolute;
    top: 0;
    right: 17px;
    display: none;
    margin-top: -50px;
    width: 10px;
    height: 140px
}
.color-pickers {
    min-width: 120px;
    padding: 0 10px 0 20px
}
.color-pickers .label {
    float: left
}
.color-picker {
    position: relative;
    float: left;
    margin: 5px;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25)
}
.keywords-tags {
    float: right;
    width: 210px
}
.keywords-tags h3 {
    color: #43bf83;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}
.tag-cloud {
    margin-bottom: 27px
}
.tag-cloud li {
    display: inline
}
.tag-cloud li:after {
    content: ' / '
}
.tag-cloud li:last-child:after {
    content: ''
}
.pagination {
    padding: 15px 0;
    background: #F1F2F3;
    line-height: 38px
}
.pagination-transparent .pagination {
    background: transparent
}
.pagination:last-of-type {
    margin-bottom: -20px
}
.pagination .count {
    float: left
}
.pagination .nav {
    float: right;
    font-size: 0;
    line-height: 0
}
.pagination .nav .prev,
.pagination .nav .next {
    display: inline-block;
    margin: 0;
    width: 48px;
    height: 38px;
    text-indent: -999em;
    background: url("../images/sprite.png") no-repeat 0 0 transparent
}
.pagination .nav .prev {
    background-position: 13px -162px
}
.pagination .nav .next {
    background-position: -36px -162px
}
.pagination .nav a {
    position: relative;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.pagination .nav a.prev {
    background-position: 13px -132px
}
.pagination .nav a.next {
    background-position: -36px -132px
}
.pagination .nav span {
    position: relative;
    color: #555
}
.pagination .nav span.first:before,
.pagination .nav span.prev:before {
    border-right-color: #888
}
.pagination .nav span.first:before {
    border-right-color: #888
}
.pagination .nav span.first:after {
    background: #888
}
.pagination .nav span.last:before,
.pagination .nav span.next:before {
    border-left-color: #888
}
.pagination .nav span.last:before {
    border-left-color: #888
}
.pagination .nav span.last:after {
    background: #888
}
.font-info-block {
    clear: both
}
.latest-news {
    float: left;
    width: 612px
}
.other-news {
    float: right;
    width: 312px
}
.news-post {
    margin-bottom: 30px;
    line-height: 1.6
}
.news-post .img-wrapper {
    position: relative;
    display: block;
    margin-bottom: 15px
}
.news-post img {
    display: block;
    float: left;
    margin-right: 20px;
    max-width: 312px
}
.news-post h3 {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 2em;
    line-height: 1
}
.news-post a {
    color: #394045
}
.news-post a:hover {
    color: #43bf83
}
.news-post p {
    margin-bottom: 0;
    color: #717073;
    font-size: 1.125em
}
.news-post time {
    color: #babcbe;
    text-transform: uppercase;
    font-size: 1.25em
}
.news-post.featured-post {
    padding: 22px;
    background: #fff
}
.news-post.featured-post h3 {
    font-size: 3.15em;
    line-height: 1.2
}
.news-post.featured-post img {
    float: none;
    max-width: 100%
}
.cat-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 50px;
    height: 50px;
    background: url("../images/sprite.png") no-repeat 0 0 #CE492B
}
.cat-icon.cat-photo {
    background-position: -120px 0
}
.cat-icon.cat-article {
    background-position: -120px -50px
}
.contact-wrapper {
    padding-top: 100px
}
.contact-wrapper h3 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 2.5em
}
.contact-wrapper h4 {
    margin-bottom: 1em;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em
}
.contact-wrapper p {
    color: #555
}
.contact-wrapper form {
    margin-top: 20px;
    max-width: none
}
.contact-wrapper .text-field {
    height: 44px;
    border-right: 3px solid #43bf83;
    color: #969696;
    font-weight: 400;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.contact-wrapper .text-field.required {
    border-right: 0
}
.contact-wrapper textarea {
    height: 140px;
    border-right: 3px solid #43bf83;
    color: #969696;
    font-weight: 400;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.contact-wrapper select {
    padding: 0 10px;
    height: 44px;
    border-right: 3px solid #43bf83;
    background: url("../images/icn-selectbox-alt.png") no-repeat right center #fff;
    color: #969696;
    font-weight: 400;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
@-moz-document url-prefix() {
    .contact-wrapper select {
        padding-top: 11px;
        padding-bottom: 11px;
        padding-left: 6px
    }
}
.contact-wrapper #Country {
    text-transform: uppercase
}
.contact-wrapper .link-highlighted {
    color: #13004D;
    font-weight: 600;
    font-size: 1em
}
.contact-wrapper .link-highlighted-green {
    color: #43bf83;
    font-weight: 600;
    font-size: 1em
}
.primary-info {
    float: left;
    margin-right: 80px;
    width: 330px
}
.interest-selection {
    float: left;
    width: 260px
}
.interest-selection label {
    margin-bottom: .5em;
    color: #919191;
    font-weight: 400;
    font-size: 1.125em
}
.interest-selection label input {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    vertical-align: top
}
.attached-fonts-wrapper {
    float: left;
    min-width: 302px
}
.attached-fonts-wrapper a.remove-all {
    display: block;
    margin-bottom: 1em;
    color: #43bf83
}
.attached-fonts-wrapper a.remove-all:hover {
    text-decoration: underline
}
.attached-fonts-wrapper a.download_all_fonts_link[disabled] {
    background: #666;
    cursor: default
}
.attached-fonts li {
    margin-bottom: 1.5em;
    position: relative
}
.attached-fonts input[type=checkbox] {
    margin: 3px 10px 0 0;
    width: 15px;
    height: 15px
}
.attached-fonts a {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    color: #43bf83;
    font-size: 1.25em;
    line-height: 20px
}
.attached-fonts a:hover {
    color: #333
}
.attached-fonts a:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    width: 17px;
    height: 12px;
    content: '';
    background: url("../images/sprite.png") no-repeat -60px -80px transparent
}
.attached-fonts a.btn-extra {
    font-size: 12px;
    height: 28px;
    left: 100%;
    line-height: 16px;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    top: -3px
}
.attached-fonts a.btn-extra:before {
    display: none
}
.attached-fonts a.btn-extra:hover {
    color: #fff
}
i.delete {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("../images/sprite.png") no-repeat -70px -30px transparent
}
.btn-remove {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    margin-top: 3px
}
.btn-remove .delete {
    margin-top: 3px;
    top: auto;
    right: auto
}
.page-wrapper {
    padding-top: 100px
}
.page-wrapper h3 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 2.5em
}
.page-wrapper h3 .pre-heading {
    display: block;
    color: #babcbe;
    text-transform: uppercase;
    font-size: .45em
}
.page-wrapper p {
    color: #555
}
.page-wrapper .search {
    margin-top: 30px;
    max-width: 360px
}
.unicode-list {
    margin-top: 2em
}
.unicode-list .font {
    position: relative;
    float: left;
    margin-bottom: 3em;
    padding-left: 120px;
    width: 50%
}
.unicode-list .font a {
    color: #43bf83;
    text-decoration: underline;
    font-weight: 600;
    font-size: 1.25em;
    line-height: 20px
}
.unicode-list .font a:hover {
    color: #333;
    text-decoration: none
}
.unicode-list .font:hover .tooltip {
    display: block
}
.unicode-list .quantity {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #babcbe;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
    line-height: 20px
}
.unicode-list .number {
    display: block;
    font-weight: 700;
    font-size: 1em
}
.tooltip {
    position: absolute;
    top: 1.8rem;
    left: 60px;
    display: none;
    margin-bottom: 15px;
    padding: 10px 20px;
    width: 270px;
    background: #2C2C2C;
    color: #fff;
    text-align: center;
    font-size: .875em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5)
}
.tooltip:after {
    position: absolute;
    top: -12px;
    left: 30%;
    margin-bottom: -12px;
    margin-left: -6px;
    border-bottom: 12px solid #2C2C2C;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    content: ''
}
.guide-header {
    margin-bottom: 20px;
    text-align: center
}
.guide-nav {
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 0
}
.guide-nav li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-size: 0.875rem
}
.guide-nav li a {
    display: block;
    padding: 10px 15px;
    border: 2px solid #000;
    border-right-width: 0;
    color: #000;
}
    .guide-nav li a.active-tab {
        background: #24a0ed;
        color: #fff;
    }
.guide-nav li:first-child a {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px
}
.guide-nav li:last-child a {
    border-right-width: 2px;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0
}
.guide-nav.guide-nav-small li a {
    padding: 0 15px
}
.guide-nav.guide-nav-inline {
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 34px 5px
}
.language-toggle {
    display: inline-block;
    overflow: hidden;
    margin-left: 10px;
    padding-left: 10px;
    width: 190px;
    height: 44px;
    border: 0;
    background: url("../images/icn-selectbox-alt.png") no-repeat right center #fff;
    color: #43bf83;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 600;
    font-size: 1em;
    cursor: pointer;
    -webkit-appearance: button;
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    -webkit-padding-end: 31px;
    -moz-padding-end: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.grid {
    margin: 10px 0;
    width: 100%
}
.grid td {
    position: relative;
    padding: 15px
}
.grid td:hover .tooltip {
    display: block
}
.grid td .tooltip {
    left: -99px;
    text-align: left;
    font-size: 12px;
    z-index: 1
}
.grid td .tooltip strong {
    color: #fff
}
.grid td .tooltip a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}
.grid td .tooltip a:hover {
    color: #43bf83;
    text-decoration: underline
}
@media screen and (max-width: 1200px) {
    .grid#lang-to-script td .tooltip {
        left: -12px
    }
    .grid#lang-to-script td .tooltip:after {
        bottom: -11px;
        left: 17px
    }
}
.grid thead {
    color: #333;
    text-transform: uppercase;
    font-size: 1em
}
.grid thead .col-language {
    width: 290px
}
.grid thead .col-alias {
    width: 380px
}
.grid thead .col-script {
    width: 302px
}
.grid thead th {
    padding: 0px 0px 5px 15px
}
.grid thead th a {
    white-space: nowrap
}
.grid thead th.sort_asc a:after,
.grid thead th.sort_desc a:after {
    display: inline-block;
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-left: 8px;
    width: 14px;
    height: 10px;
    background: url("../images/icn-selectbox-alt.png") no-repeat left center;
    content: ''
}
.grid thead th.sort_asc a:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.grid tbody {
    font-size: 1.25em
}
.grid tbody tr {
    color: #81838a
}
.grid tbody tr:nth-child(odd) {
    background: #E7E9ED;
    color: #333
}
.grid .lang-content {
    position: relative;
    display: block;
    margin-left: -26px;
    padding-left: 26px
}
.grid .lang-content:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    width: 15px;
    height: 14px;
    content: '';
    background: url("../images/sprite.png") no-repeat -100px -140px transparent
}
.grid.filtered tbody tr {
    display: none
}
.grid.filtered tbody tr.result {
    display: table-row;
    color: #81838A;
    background: none
}
.grid.filtered tbody tr.result.odd-row {
    background: #E7E9ED;
    color: #13004D
}
.added-alert {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    display: none;
    padding: 1.5em 0;
    width: 100%;
    background: #333;
    color: #fff;
    text-align: center;
    font-weight: 300;
    font-size: 1.4em
}
.added-alert p {
    margin-bottom: 0
}
.added-alert .icon-info {
    display: inline-block;
    margin-top: -4px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url("../images/sprite.png") no-repeat -100px -170px transparent
}
.added-alert a {
    color: #fff
}
.added-alert a:hover {
    text-decoration: underline
}
.popup-block h3 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 2em
}
.popup-block h5 {
    text-transform: uppercase
}
.popup-block .popup-sub-heading {
    font-size: 18px;
    color: #4f4f4e
}
.popup-block select {
    height: 44px
}
.requests-modal-products-list {
    margin-top: 50px
}
.requests-modal-products-list h5 {
    margin-bottom: 30px
}
.uploadifyContainer {
    line-height: 40px;
    margin-top: 20px
}
.uploadifyContainer object {
    display: inline-block;
    vertical-align: middle
}
.download-license-container {
    margin-top: 20px
}
.filter-wrapper .uploadifyContainer {
    margin-top: 0
}
.container-font-add {
    margin-top: 20px
}
.container-font-add .container-font-add-button {
    height: 44px
}
.container-font-add .container-font-add-button button {
    vertical-align: middle;
    text-align: center;
    margin-left: 20px;
    margin-top: 5px
}
.font-meta {
    float: left;
    margin-top: 20px;
    width: 70%
}
.font-links {
    float: right;
    margin-top: 50px;
    width: 30%;
    text-align: right
}
.pagination .page-size span {
    font-weight: bold
}
.font-hero {
    margin: 40px 0;
    padding: 0 20px;
    border: 3px solid #E9EAEA
}
.font-hero .pagination {
    margin-right: 0
}
.font-hero .font-name {
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal
}
.font-hero .font-hero-footer {
    clear: both;
    padding-top: 1em
}
.font-hero .font-info {
    margin-right: 2em
}
.font-content {
    margin: 0;
    line-height: 2
}
.font-meta-info {
    float: left;
    width: 50%;
    color: #555
}
.font-meta-info a {
    text-decoration: underline
}
.font-meta-info h5 {
    font-weight: 700
}
.font-description {
    float: left;
    width: 50%;
    color: #555
}
.font-description p {
    margin-bottom: 2em
}
.font-tabs-wrapper {
    color: #555;
    padding: 0 20px
}
.font-tabs-wrapper .font-info-heading {
    display: inline-block;
    vertical-align: top
}
.font-tabs-wrapper .font-tabs {
    width: 70%;
    float: left;
    padding-top: 25px
}
.font-tabs-wrapper .font-locale {
    width: 30%;
    float: left;
    text-align: right
}
.glyphs-footer .language-toggle {
    float: left;
    margin-left: 0
}
.glyphs-footer .pagination {
    float: right;
    margin-right: 0
}
.glyphs-footer .pagination .count {
    margin-right: 10px
}
.product-bucket .font-links {
    width: 25%
}
.product-bucket .font-links .secondary-link {
    text-decoration: underline
}
.product-bucket .font-links .btn-action-ghost {
    margin-bottom: 7px
}
.product-bucket .font-links .add-remove-button {
    width: 10%
}
.product-bucket .font-links .web-font-link {
    display: inline-block
}
.product-bucket .font-links .web-font-link .tooltip {
    left: -102px
}
.product-bucket .font-links .web-font-link .tooltip:after,
.product-bucket .font-links .web-font-link .tooltip::after {
    left: 50%
}
.product-bucket .manipulation-nav {
    padding: 25px 0 10px;
    border-top: 1px solid #13004D
}
.typestyle-box {
    border: 1px solid #e0e0e0;
    background: #fff;
    float: left;
    height: 150px;
    margin: -1px 0 0 -1px;
    padding-bottom: 15px;
    position: relative;
    width: 49%
}
.typestyle-box-empty {
    border: 1px solid #e0e0e0;
    float: left;
    background: #fff;
    height: 150px;
    margin: -1px 0 0 -1px;
    padding-bottom: 15px;
    position: relative;
    width: 49%
}
.typestyle-box-wrapper {
    padding: 5px 10px 10px
}
.typestyle-box-empty {
    height: 67px
}
.tsimg {
    height: 50px
}
.typestyle-viewbtn {
    position: absolute;
    right: 15px;
    top: 15px
}
.cat-sublist ul {
    float: left;
    list-style: none outside none;
    margin: 0 0 0 10px;
    padding: 0;
    width: 92px
}
.cat-sublist li {
    margin: 0
}
.add-remove-button {
    position: absolute;
    right: 0;
    top: 10px;
    text-align: right
}
.add-remove-button a {
    display: inline-block
}
.visual-nav .list-product-buttons {
    float: right
}
.visual-nav .list-product-buttons .btn-secondary:not(.add-to-selected-request) {
    background-color: #43bf83
}
.visual-nav .list-product-buttons .btn-secondary:not(.add-to-selected-request) span {
    color: #fff
}
.visual-nav .list-product-buttons .btn-secondary:not(.add-to-selected-request):hover {
    background-color: #35b276
}
.visual-nav .list-product-buttons .dev-add-product-to-project-link {
    display: inline-block;
    margin-right: 10px;
    margin-top: 14px
}
.add-to-project-container {
    display: none
}
.add-to-project-container .secondary-link:hover {
    color: #43bf83
}
.dev-add-product-to-project-link {
    position: relative
}
.dev-add-product-to-project-link.expanded .add-to-project-container {
    display: block
}
.dev-add-product-to-project-link.expanded .tooltip {
    display: block;
    left: -40px;
    z-index: 1050;
    text-align: left
}
.f-ajax-show {
    display: none
}
.user-list-filter {
    padding-top: 10px
}
.table-filters {
    width: 60%;
    float: left;
    text-align: left;
    padding: 0px 10px 0 0;
    line-height: 40px
}
.table-filters .filter-label {
    line-height: 12px
}
.table-filters .filter-checkbox-wrapper {
    display: inline-block;
    margin-right: 20px;
    float: left
}
.table-filters .filter-checkbox-wrapper input {
    vertical-align: text-top
}
.table-filters label {
    display: inline-block;
    color: #919191;
    padding-bottom: 0;
    font-size: 1.125em
}
.table-search {
    width: 40%;
    float: left
}
.table-search .download-csv {
    float: right
}
.table-search .text-field {
    float: left;
    margin: 0;
    padding: 0 90px 0 10px;
    width: 100%;
    height: 40px;
    font-size: 1em;
    background: #fff;
    border: none;
    font-weight: 700;
    color: #43bf83;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    box-shadow: 0 0 12px 0px transparent
}
.table-search .text-field::-webkit-input-placeholder {
    font-weight: 700;
    color: #cacaca;
    text-transform: none
}
.table-search .text-field:-moz-placeholder {
    font-weight: 700;
    color: #cacaca;
    text-transform: none
}
.table-search .text-field::-moz-placeholder {
    font-weight: 700;
    color: #cacaca;
    text-transform: none
}
.table-search .text-field:-ms-input-placeholder {
    font-weight: 700;
    color: #cacaca;
    text-transform: none
}
.table-search .text-field:focus {
    outline: none;
    box-shadow: 0 0 12px 0px #dadbdc
}
.table-search .text-field::-ms-clear {
    display: none
}
.users-edit-container .pagination {
    background: transparent
}
.users-edit-container .tooltip-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    top: 0px;
    left: 0px
}
.table-description {
    margin-bottom: 0
}
.table-description h3 {
    margin-bottom: 0
}
.links-list {
    clear: both;
    margin: 10px 0 0 0;
    text-align: left;
    position: absolute;
    top: -50px;
    right: 0
}
.links-list.ll-low {
    top: -25px
}
.links-list li {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #43bf83
}
.links-list li:first-child {
    border-left: none
}
.links-list li.active a {
    color: #256d4a
}
.links-list li.active a:hover {
    color: #256d4a
}
.links-list li a {
    font-weight: 700;
    color: #43bf83
}
.links-list li a:hover {
    color: #318f61
}
.multiportal-wrapper:after {
    content: "";
    display: table;
    clear: both;
    height: 1px
}
.multiportal-form-part {
    float: left
}
.checkboxes-grid {
    padding-left: 40px;
    width: 600px
}
.checkboxes-grid .check-radio-block {
    display: inline-block;
    width: 46%;
    margin-bottom: 10px
}
.checkboxes-grid .check-radio-block label {
    display: inline-block
}
.checkboxes-grid .check-radio-block input {
    display: inline-block
}
.multiportal-edit {
    margin-top: 30px;
    padding-left: 0
}
.l-container {
    width: 400px;
    margin: 100px auto;
    position: relative
}
.l-container .l-header {
    padding: 60px 0 20px;
    width: 395px;
    position: relative
}
.l-container .l-header .main-logo {
    padding-bottom: 25px;
    padding-left: 10px;
    display: block
}
.l-container .l-header p {
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 14px;
    font-weight: normal;
    color: #555
}
.l-container .l-login-box {
    padding-left: 10px
}
.l-container .login-container {
    width: 350px
}
.l-container .l-forgot-password-button {
    margin-top: 135px
}
.l-container .l-forgot-password-button .button-secondary-link {
    margin-left: 0;
    font-size: 17px;
    font-weight: 600
}
.l-container .l-password-box {
    padding-left: 10px;
    color: #555
}
.l-container .l-message {
    padding: 25px;
    color: #555
}
.l-container .l-message h3 {
    margin-bottom: 20px
}
.l-container .l-message p {
    margin: 0;
    width: 405px;
    font-weight: normal;
    font-size: 14px;
    color: #333333
}
.l-container .l-container .validation-summary-errors {
    margin-top: -15px
}
.frequently-asked-questions h1 {
    font-size: 2em
}
.frequently-asked-questions h3 {
    margin: 30px 0 20px
}
.frequently-asked-questions h4 {
    padding-left: 15px;
    margin: 20px 0 10px;
    cursor: pointer
}
.frequently-asked-questions h4:before {
    content: '\25BA';
    color: #0c517a;
    float: left;
    margin: 4px 10px;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.1s all;
    font-size: 11px
}
.frequently-asked-questions h4.expanded:before {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.frequently-asked-questions p {
    margin: 10px 0 10px 25px;
    display: none
}
.frequently-asked-questions p.bigger {
    font-size: 20px;
    padding: 30px 0;
    display: block
}
.frequently-asked-questions .create-new-font-request {
    border: #1481C4 solid 3px;
    margin: 20px auto 40px;
    padding: 8px 4px;
    box-shadow: 0 0 20px #08283C;
    display: block
}
.delete-dialog-wrapper {
    line-height: 1.5
}
.delete-dialog-wrapper a {
    color: #43bf83
}
.delete-dialog-wrapper a:hover {
    color: #329364
}
.delete-dialog-wrapper a.delete-user-negative {
    color: inherit
}
.delete-dialog-wrapper a.delete-user-negative:hover {
    color: inherit
}
.delete-dialog-wrapper .delete-user-question a:hover {
    text-decoration: underline
}
.webfonts-heading {
    width: 60%;
    float: left
}
.webfonts-heading h1 {
    margin-bottom: 0.5em
}
.webfonts-heading p {
    color: #555
}
.webfonts-pageviews {
    width: 35%;
    float: right;
    background: #fff;
    padding: 10px
}
.webfonts-pageviews h5 {
    color: #555
}
.webfonts-create {
    margin-top: 30px
}
.webfonts-create .field-wrapper {
    width: 40%;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    margin: 10px 35px 10px 0
}
.webfonts-create .f-ajax-hide {
    display: inline-block;
    vertical-align: middle
}
.webfonts-project-list {
    margin-top: 30px
}
.webfonts-project-list h3 {
    color: #555
}
.webfonts-project {
    padding-bottom: 20px;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 30px
}
.webfonts-additional-info {
    font-weight: 600
}
.webfonts-question-text {
    color: #555;
    font-weight: 600
}
.webfonts-btn-text {
    color: #b2b1b1;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem
}
.webfonts-project-title {
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    color: #555
}
.webfonts-project-item {
    margin-top: 30px
}
.webfonts-project-heading {
    font-size: 16px;
    font-size: 1rem;
    height: 44px;
    line-height: 44px
}
.webfonts-project-heading .title-wrapper-view {
    cursor: pointer
}
.webfonts-project-heading .btn {
    margin-left: 20px;
    vertical-align: middle
}
.webfonts-project-buttons {
    color: #b2b1b1;
    float: right
}
.webfonts-title-wrapper-edit {
    display: inline-block
}
.webfonts-title-wrapper-edit .field-wrapper {
    float: left;
    width: 200px;
    display: inline-block;
    margin-bottom: 0
}
.webfonts-title-wrapper-edit-buttons {
    margin-left: 20px;
    color: #b2b1b1;
    display: inline;
    line-height: 44px
}
.webfonts-tab-content {
    color: #4f4f4e;
    margin-bottom: 40px
}
.webfonts-list-item {
    padding: 10px 0
}
.webfonts-item-button-wrapper {
    margin-left: 20px
}
.tab-navigation a {
    height: 44px;
    line-height: 44px;
    background: #e6e7e7;
    padding: 0px 20px;
    display: inline-block;
    float: left;
    color: #4f4f4e
}
.tab-navigation a:hover {
    background: #eee;
    color: #4f4f4e
}
.tab-navigation a.tab-active {
    background: #fff;
    color: #4f4f4e
}
.tab-navigation a.tab-active:hover {
    background: #fff
}
.publish-popup-sample {
    margin-bottom: 40px
}
.publish-popup-sample pre {
    background: #fff;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    padding: 30px;
    white-space: pre-wrap;
    font-size: 16px;
    font-size: 1rem
}
.publish-popup-sample .btn {
    margin-top: 5px;
    width: 100%
}
.bottom-content-block {
    font-size: 16px;
    font-size: 1rem
}
.bottom-content-block h3 {
    margin-bottom: 0
}
.bottom-content-block .publish-popup-css {
    white-space: pre-line
}
.webfonts-tab-self-hosted {
    background: #fff;
    padding: 30px
}
.webfonts-tab-self-hosted li,
.webfonts-tab-self-hosted td {
    padding-bottom: 5px
}
.webfonts-tab-self-hosted .btn {
    width: 100%;
    margin: 5px 0
}
.webfonts-tab-self-hosted .note {
    margin-top: 20px
}
.webfonts-tab-self-hosted .webfonts-font-name {
    font-weight: 600
}
.request-created-spacing {
    margin: 10px 0
}
.requests-readonly h4 {
    margin-top: 1em
}
.requests-readonly h5 {
    margin-bottom: 15px
}
.requests-readonly .attached-fonts .font-download-btn {
    left: 0;
    position: relative;
    top: 0px
}
.requests-readonly .attached-fonts .font-delete-btn {
    position: relative;
    right: 0px;
    margin-top: 3px;
    left: 30px
}
.requests-readonly .add-more-fonts {
    position: relative;
    right: 50%
}
.licensing-options h4 {
    margin-top: 30px
}
.type-glossary p {
    margin-bottom: 1.75em
}
.type-glossary ul {
    margin-bottom: 1.75em
}
.styled-select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    color: #585858;
    font-size: 14px;
    margin-left: 3.7rem;
    width: 11rem
}
.styled-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent url("../images/drpdwn_icon.png") no-repeat scroll right center;
    border: 0 none;
    border-radius: 3px;
    color: #585858;
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin: 0;
    padding: 7px 16px 8px 5px;
    text-indent: 1px;
    text-overflow: "";
    width: 96%;
    outline: 0 none
}
.font-galaxy {
    position: relative;
    width: 40%;
    float: right;
    -webkit-transition-property: min-height, width, top, right;
    transition-property: min-height, width, top, right;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1)
}
.font-galaxy .font-by-name {
    margin-top: 0px
}
.font-galaxy.pull-left {
    float: left
}
.font-galaxy .row {
    width: 100%
}
.font-galaxy.full-width {
    width: 100%
}
.grid tbody tr td:nth-child(4) p {
    max-width: 196px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}
[data-tooltip] {
    position: relative;
    cursor: pointer;
    overflow: visible
}
[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
    overflow: visible
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    visibility: visible;
    opacity: 1
}
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 100%;
    background-color: #000;
    background-color: rgba(51, 51, 51, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
    white-space: normal;
    text-align: center
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    left: 50%
}
[data-tooltip]:before,
.tooltip-top:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #000;
    border-top-color: rgba(51, 51, 51, 0.9)
}
[data-tooltip]:after,
.tooltip-top:after {
    margin-left: -100px
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px)
}
.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto
}
.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: rgba(51, 51, 51, 0.9)
}
.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px)
}
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%
}
.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: rgba(51, 51, 51, 0.9)
}
.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px)
}
.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%
}
.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: rgba(51, 51, 51, 0.9)
}
.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px)
}
.tooltip-left:before,
.tooltip-right:before {
    top: 3px
}
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px
}
.cursor-default {
    cursor: default !important
}
.hidden {
    display: none
}
.no-font-msg {
    margin-top: 60px
}
.no-font-msg .error-msg {
    background: #e7e9ed none repeat scroll 0 0;
    color: #333;
    margin: 0 auto;
    padding: 15px;
    width: 972px;
    font-weight: 600
}
.dev-add-font-to-request-link {
    position: relative
}
.dev-add-font-to-request-link.expanded .add-to-project-container {
    display: block
}
.dev-add-font-to-request-link.expanded .tooltip {
    display: block;
    left: -40px;
    z-index: 1050;
    text-align: left
}
.dev-add-font-to-request-link .request-dropdown select,
.dev-add-font-to-request-link .request-dropdown input {
    width: 100%
}
.no-margin {
    margin: 0px !important
}
.field-wrapper-popup {
    margin-bottom: 11px !important
}
.request-detail {
    font-size: smaller;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.hidden {
    display: none
}
.link-underlined {
    text-decoration: underline;
    color: #43bf83
}
.video-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 99999;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center
}
.video-modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em
}
.video-modal .modal {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    width: auto;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left
}
.video-modal .modal .modal-close {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px
}
.request-status-label {
    color: rgba(0, 0, 0, 0.54) !important;
    font-size: .6em;
    padding-left: 10px;
    font-weight: bold;
    margin-bottom: -5px
}
.request-status {
    color: #333 !important;
    font-size: .6em;
    font-weight: bold;
    margin-bottom: -5px
}
.whats-new .icon-info {
    display: inline-block;
    margin-top: -4px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url("../images/sprite.png") no-repeat -100px -170px transparent
}
.md-perspective,
.md-perspective body {
    height: 100%;
    overflow: hidden
}
.md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px
}
.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 430px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.md-show {
    visibility: visible
}
.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(218, 218, 218, 0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}
.md-show ~ .md-overlay {
    opacity: 0.9;
    visibility: visible
}
.md-content {
    color: #333333;
    background: #e74c3c;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    font-family: "KootenayRegularBeta", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}
.md-content h3 {
    margin: 0;
    padding: 0.4rem;
    text-align: left;
    font-size: 2.4em;
    font-weight: 300;
    opacity: 0.8;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 0 0;
    font-family: "KootenayRegularBeta", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}
.md-content>div {
    padding: 15px 40px 30px 0;
    margin: 0;
    font-weight: 300;
    font-size: 1.15em
}
.md-content>div p {
    margin: 0;
    padding: 10px 0
}
.md-content>div ul {
    margin: 0;
    padding: 0 0 30px 20px
}
.md-content>div ul li {
    padding: 5px 0
}
.md-content button {
    display: block;
    margin: 0 auto;
    font-size: 0.8em
}
.md-modal.md-effect-1 {
    max-width: 630px;
    min-width: 320px
}
.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff
}
.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.md-show.md-effect-1 .md-content h3 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
    font-size: 2.4em;
    font-weight: 300;
    opacity: 0.8;
    background: #f1f1f1;
    border-radius: 3px 3px 0 0
}
.md-modal.md-effect-1.md-show ~ .md-overlay {
    background: #fff
}
.md-effect-12 .md-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}
.md-show.md-effect-12 ~ .md-overlay {
    background: #f1f2f3
}
.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
    background: transparent
}
.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.md-trigger {
    cursor: pointer
}
.cd-popup-trigger {
    display: block
}
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 2
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s
}
.md-effect-1.md-show .md-content>div {
    text-align: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 0;
    z-index: 9999px
}
.cd-popup-container p {
    padding: 0;
    margin: 0
}
.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both
}
.cd-popup-container .cd-buttons li {
    float: left;
    width: 50%
}
.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 30px;
    height: 30px;
    text-indent: -9999px
}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #656565
}
.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px
}
.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px
}
.cd-popup-container h5.popup-header {
    background: #f1f1f1;
    height: 93px;
    line-height: 93px;
    font-size: 18px;
    padding-left: 30px
}
.cd-popup-container .popup-field {
    padding: 45px 30px
}
.cd-popup-container .popup-field label {
    display: table;
    margin-bottom: 40px;
    width: 100%
}
.cd-popup-container .popup-field .popup-col {
    padding-bottom: 5px
}
.cd-popup-container .popup-field .popup-row {
    margin-right: 5px
}
.cd-popup-container .popup-field .popup-row input[type="text"],
.cd-popup-container .popup-field .popup-row textarea {
    width: 100%;
    border: 1px solid #bdbdbd;
    padding: 10px;
    border-radius: 4px
}
.cd-popup-container .popup-field .popup-row textarea {
    height: 200px
}
.cd-popup-container .popup-field .submit-btn {
    background: #43bf83;
    border: none;
    color: #fff;
    width: 235px;
    height: 60px
}
@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 2em auto
    }
}
@media screen and (max-width: 32em) {
    body {
        font-size: 75%
    }
}
.loginForm a {
    color: #43bf83
}
.loginForm .login-field {
    margin-bottom: 10px
}
.loginForm .login-field input {
    border: 0 none;
    border-radius: 3px;
    height: 45px;
    padding: 10px;
    width: 330px
}
.loginForm .login-field .button-secondary-link {
    color: #eb342d
}
.loginForm .saveMe {
    background: none repeat scroll 0 0 #43bf83;
    border: 0 none;
    color: #fff;
    display: inline-block;
    padding: 15px 30px;
    text-transform: uppercase
}
.loginForm .md-close {
    background: none;
    border: 0;
    text-transform: uppercase;
    display: inline-block
}
.portal-form-size {
    width: 982px
}
.email-popup a {
    cursor: pointer
}
.email-popup .md-content.loginForm h4 {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 10px
}
.email-popup .md-content>div {
    font-size: 1.15em;
    font-weight: 300;
    margin: 0;
    padding: 10px
}
.email-popup .md-content {
    background: #fff none repeat scroll 0 0
}
.tab-container {
    padding-left: 10px
}
.tab_wrap {
    max-width: 300px;
    width: 100%
}
.tabs {
    overflow: hidden
}
.tabs ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0
}
.tabs li a {
    color: #444444;
    display: block;
    float: left;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px 2px 0px 0px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    background: #FFFFFF;
    margin-right: 1px
}
.tabs li a:hover {
    background: #DCDCDC
}
.tabs li a.active {
    background: #f2f2f2;
    border-left: 1px solid #d9d9d9
}
.tabs li:last-child a.active {
    border-left: 1px solid #d9d9d9
}
.tab_content {
    padding: 10px;
    display: none;
    border: 1px solid #d9d9d9
}
.tab_content.active {
    display: block
}
.tab-content-area {
    width: 410px
}
.tab-content-area .field-wrapper .text-field[disabled] {
    border: 1px solid #d9d9d9
}
.tab-scroll {
    width: 100%;
    max-height: 600px;
    overflow-y: scroll
}
.success-portal,
.upload-result {
    margin: 0 0 23px;
    font-size: 15px
}
@font-face {
    font-family: 'HelveticaNowMTTextBold';
    src: url("../fonts/HelveticaNowMTTextBold.ttf") format('truetype');
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: 'HelveticaNowMTDispXBd';
    src: url("../fonts/HelveticaNowMTDispXBd.ttf") format('truetype');
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: 'HelveticaNowMTText';
    src: url("../fonts/HelveticaNowMTText.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}
.TLogoFont {
    font-family: 'HelveticaNowMTDispXBd' !important;
    color: #fff !important;
    font-size: 24px;
    font-weight: bold;
}
.TBanner {
    height:150px; width:600px;
}
.TBodySection {
    font-family: 'HelveticaNowMTText' !important;
}
.TSection {
    font-family: 'HelveticaNowMTText' !important;
    color: #fff !important;
    width: 100%;
    background: linear-gradient(50deg,#0d1338 0%,#d5235b 0%,#cd2861 0%,#0099ff 92%) !important;
}
.TLeftSection {
    float: left;
    width: 18%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 15px;
    text-align: center;
}
.TRightection {
    float: right;
    width: 18%;
    padding-top: 40px;
    padding-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}
.TCenterSection {
    width: 80%;
    margin: 0 auto
}
.T24Font {
    font-family: 'HelveticaNowMTTextBold' !important;
    color: #fff !important;
    font-size: 24px;
}

.T20Font {
    font-family: 'HelveticaNowMTText' !important;
    color: #fff !important;
    font-size: 20px;
}
.T16Font {
    font-family: 'HelveticaNowMTText' !important;
    color: #fff;
    font-size: 16px;
}
* {
    box-sizing: border-box
}

/* Slideshow container */
.TBannerImage {
    padding-top: 20px;
    max-height: 150px;
    width: 970px;
    margin:auto;
    /*HelveticaNowMTText*/
    /*background-image: url("/Content/styles/images/banners/image1.png");*/
    /*background-color: #555;*/
}
.slideshow-container {
    max-width: 970px;
    position: relative;
    margin: auto;
    max-height:150px;
}

/* Hide the images by default */
.mySlides {
    display: block;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
td.primary {
    padding-left: 130px;
    text-align: center;
    white-space: nowrap;
}
td.secondary {
    padding-left: 20px;
    white-space: nowrap;
}
td.primary a {
    display: block;
}
    td.primary a:hover {
        color: #000;
        padding-left: 130px;
    }
/* sub display*/
td.primary:hover ul {
    display: block;
    background: #fff;
    color: #000;
}

/* keeps the tab background white */
td.secondary:hover a {
    background: #fff;
    color: #000;
    text-shadow: none;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
}
td.primary:hover a {
    background: #fff;
    color: #000;
    text-shadow: none;
    padding-left: 15px;
    padding-right:15px;
    padding-top:15px;
    padding-bottom:15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    
}
td.primary:hover ul {
    width: 188px;
    margin: 0;
    padding: -9px 5px 5px 5px;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
}
td.primary:hover {
    padding: 10 10px 4px 10px;
}

td.primary:hover > a {
    color: #000;
} 
/* subs */
ul.sub {
    position: absolute;
    z-index: 10000;
    width: 20%;
    display: none;
}

    ul.sub li {
        float: none;
        margin: 0;
    }

        ul.sub li a {
            color: #000;
            padding: 20px 40px 15px 30px;
        }

        ul.sub li:last-child a {
            border-bottom: none;
        }

        ul.sub li a:hover {
            color: #000;
            background: #eeeeee;
        }


@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}