@charset "UTF-8";

img {
    border: 0
}

*, :after, :before {
    box-sizing: border-box
}

body {
    margin: 0
}

ol, ul {
    margin: 0;
    padding: 0
}

details, footer, header, main, menu, nav {
    display: block;
    margin: 0;
    padding: 0
}

a {
    background-color: transparent;
    color: #666
}

    a:active, a:hover {
        outline: 0
    }

h1 {
    font-size: 2em;
    margin: .67em 0
}

img {
    vertical-align: middle
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

[role=button] {
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

.sr-only {
    border: 0
}

.sr-only, td, th {
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

a:hover {
    color: #e5046c
}

a.button {
    text-decoration: none !important
}

.text-important {
    text-decoration: underline
}

.color-white {
    color: #fefefe
}

.text-important {
    color: #666;
    font-weight: 700
}

p.text-important {
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border: 1px solid #123456;
    padding: 10px 10px 10px 35px;
    margin: 5px 0
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-nowrap {
    white-space: nowrap
}

table tr td, table tr > th {
    padding: .3125rem
}

form select {
    padding-right: 15px !important
}


.ui-widget-content a, .ui-widget-header, .ui-widget-header a {
    color: #333
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif
}

    .ui-widget button, .ui-widget input, .ui-widget select {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    font-weight: 700
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-widget-shadow {
    margin: 0;
    padding: 5px;
    background: #666;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

body, html {
    font-size: 100%;
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

select {
    width: 100%;
    border-radius: 0
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .5em 1em;
    margin: 0;
    font-size: .9rem;
    background: #ffd511;
    color: #fff
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus, .button:hover {
    background: #dfb800;
    color: #fff
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: .2em
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.1875rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: .75rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    border-radius: 0;
    -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

    [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus {
        border: 1px solid #8a8a8a;
        background: #fefefe;
        outline: 0;
        box-shadow: 0 0 5px #cacaca;
        -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

input:disabled, input[readonly] {
    background-color: #e6e6e6;
    cursor: default
}

[type=button], [type=submit] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

[type=file] {
    width: 100%
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group-button, .input-group-field {
    display: table-cell;
    margin: 0;
    vertical-align: middle
}

.input-group-button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%
}

    .input-group-button a, .input-group-button button, .input-group-button input {
        margin: 0
    }

select {
    height: 2.1875rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    margin: 0 0 1rem;
    font-size: .75rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fafafa;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/svg+xml;utf8,SVG_REPLACED);
    background-size: 9px 6px;
    background-position: right .5rem center;
    background-repeat: no-repeat
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:disabled {
    background-color: #e6e6e6;
    cursor: default
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto
}

.show-for-col {
    display: none !important
}

@media screen and (max-width:0em),screen and (min-width:0em) {
    .show-for-col-only {
        display: none !important
    }
}

@media screen and (max-width:22.5em),screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),screen and (min-width:62em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:61.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (max-width:61.9375em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix::after, .clearfix::before {
    content: " ";
    display: table
}

.clearfix::after {
    clear: both
}

.sticky-container {
    position: relative
}

.sticky {
    position: absolute;
    z-index: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

div, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, td, th, ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.4
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: #cacaca;
        line-height: 0
    }

@media screen and (min-width:22.5625em) {
    h1 {
        font-size: 1.125rem
    }

    h2 {
        font-size: 1.125rem
    }

    h3 {
        font-size: 1.125rem
    }

    h4 {
        font-size: 1rem
    }

    h5 {
        font-size: .875rem
    }

    h6 {
        font-size: .75rem
    }
}

@media screen and (min-width:40em) {
    h1 {
        font-size: 1.125rem
    }

    h2 {
        font-size: 1.125rem
    }

    h3 {
        font-size: 1.125rem
    }

    h4 {
        font-size: 1rem
    }

    h5 {
        font-size: .875rem
    }

    h6 {
        font-size: .75rem
    }
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes pulsator {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
}

@keyframes pulsator {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
}

.textbox span:first-child {
    padding-bottom: 0
}

    .textbox span:first-child span:nth-child(3) {
        padding: 5px 10px;
        float: left;
        background-color: rgba(0,0,0,.8);
        color: #fff;
        font-size: 14px
    }

.layout3 > h3 {
    display: none
}

.layout3 img {
    width: auto;
    max-height: 140px;
    position: absolute;
    bottom: 0
}

.layout3 select {
    width: 60px
}

input[type=date]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-inner-spin-button {
    display: none
}

table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0
}

    table img {
        max-width: inherit
    }

    table tr td, table tr th {
        vertical-align: top
    }

h1.h1--large {
    font-size: 24px
}

h1.h1--medium {
    font-size: 21px
}

h1.h1--small {
    font-size: 18px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 18px
}

    h3.large {
        font-size: 21px
    }

    h3.medium {
        font-size: 16px
    }

    h3.small {
        font-size: 14px
    }

    h1 small, h2 small, h3 small {
        display: block;
        color: #525b5a;
        line-height: 1.2em
    }

[class*=wn-font] {
    font-family: wackerneuson;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: .999em
}

.wn-font-grey {
    color: #535e5d
}

.wn-font-red {
    color: #d10019
}

.wn-font-green {
    color: #55af30
}

.clear {
    clear: both
}

.ui-autocomplete {
    position: absolute !important;
    width: 250px !important;
    border-radius: 0 !important;
    left: 0 !important;
    top: 36px !important;
    border: 1px solid #e6e6e6;
    z-index: 999999 !important
}

    .ui-autocomplete .ui-menu-item {
        border-bottom: 1px solid #e6e6e6;
        font-size: 13px;
        box-shadow: inset 0 15px 15px -10px rgba(0,0,0,.03);
        position: relative;
        background: #f5f5f5
    }

        .ui-autocomplete .ui-menu-item:last-child {
            border-bottom: 0
        }

    .ui-autocomplete .ui-menu-item {
        text-indent: 10px
    }

        .ui-autocomplete .ui-menu-item a {
            padding: 5px 10px !important;
            cursor: pointer;
            display: block;
            height: 100%;
            width: 100%
        }

        .ui-autocomplete .ui-menu-item:hover {
            background-color: #fefefe
        }

            .ui-autocomplete .ui-menu-item:hover:after {
                content: "";
                position: absolute;
                height: 100%;
                width: 3px;
                top: 0;
                left: 0;
                background-color: #ffd511;
                margin-left: 0
            }

table img[src*="1_trans.gif"] {
    height: 1px
}

.text-center {
    text-align: center
}

.branding {
    min-height: 1px
}

    .branding a {
        background-image: url(https://st.mascus.com/images/wackerneuson/logo-wacker-neuson-claim.svg),none;
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        width: 140px;
        margin: 10px 0 5px;
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        width: 140px
    }



.page-navigation ul li a {
    border: 1px solid #c6c7c9
}

.sticky-container {
    min-height: 33px
}

.nav-sticky-wrapper {
    z-index: 99999 !important
}

ul.level-3 {
    box-sizing: border-box !important
}

.content > a > div {
    display: none
}

.row.col-collapse > .column, .row.collapse > .column {
    padding-left: 0;
    padding-right: 0
}

.row::after, .row::before {
    content: " ";
    display: table
}

a:after {
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale
}

[data-whatinput=mouse] a.close-button, [data-whatinput=mouse] a[class*=btn-], [data-whatinput=mouse] button.close-button, [data-whatinput=mouse] button[class*=btn], [data-whatinput=mouse] input.close-button, [data-whatinput=mouse] input[class*=btn] {
    outline: 0
}

.row {
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto
}

    .row::after {
        clear: both
    }

    .row .row {
        margin-left: -.625rem;
        margin-right: -.625rem
    }

        .row .row.collapse {
            margin-left: 0;
            margin-right: 0
        }

@media screen and (min-width:22.5625em) {
    .row.small-collapse > .column {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:40em) {
    .row.medium-collapse > .column {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:62em) {
    .row.large-collapse > .column {
        padding-left: 0;
        padding-right: 0
    }
}

.column {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

    .column:last-child:not(:first-child) {
        float: right
    }

    .column.end:last-child:last-child {
        float: left
    }

    .column.row.row {
        float: none
    }

.col-1 {
    width: 8.33333%
}

.col-2 {
    width: 16.66667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333%
}

.col-8 {
    width: 66.66667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333%
}

.col-11 {
    width: 91.66667%
}


.col-12 {
    width: 100%
}

div.text-left, h3.text-left, h4.text-left, h5.text-left, h6.text-left, p.text-left, td.text-left, th.text-left {
    text-align: left
}

div.text-center, h3.text-center, h4.text-center, h5.text-center, h6.text-center, p.text-center, td.text-center, th.text-center {
    text-align: center
}

div.text-right, h3.text-right, h4.text-right, h5.text-right, h6.text-right, p.text-right, td.text-right, th.text-right {
    text-align: right
}

#content .row {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}


.text ol, .text ul, .text-box ol, .text-box ul, .textbox ol, .textbox ul {
    padding-left: .625rem;
    margin: 0 0 .625rem .625rem
}

    .text ol li, .text ul li, .text-box ol li, .text-box ul li, .textbox ol li, .textbox ul li {
        margin-left: .3125rem;
        margin-bottom: .625rem
    }

    .text ul li, .text-box ul li, .textbox ul li {
        list-style: disc
    }

    .text ol li, .text-box ol li, .textbox ol li {
        list-style: decimal
    }

a, body {
    color: #525b5a
}

nav.navbar-collapse > ul.nav-main li ul {
    z-index: 9999
}
.has-media {
    background-repeat: no-repeat
}

.has-media {
    background-position: top center;
    background-size: contain
}

a {
    text-decoration: none
}

    a:hover {
        color: inherit
    }

    .text a:not(.button), a.red-link:not(.button) {
        color: #d10019;
        text-decoration: underline
    }

        .text a:not(.button):hover, a.red-link:not(.button):hover {
            text-decoration: none
        }

.layout-green > *, .layout-grey > * {
    color: #fefefe
}

h3 {
    margin-top: 0;
    font-weight: 700
}

#WNWebContainer {
    max-width: 62.5rem;
    margin: 0 auto;
    font-size: .75rem;
    line-height: 1.45em
}

.layout-grey, .layout-white {
    background-color: #fefefe;
    padding: 1.25rem
}

.layout-grey {
    background-color: #3c3c3c
}

.layout-green {
    background-color: #55af30
}

.layout-white > * {
    color: #525b5a
}

#content .row .layout-green, #content .row .layout-grey, #content .row .layout-white {
    margin-left: 0;
    margin-right: 0
}

.branding a {
    margin: 15px 0 5px 20px
}

@media screen and (min-width:62em) {
    .branding a {
        height: 60px;
        width: 180px;
        margin-bottom: 15px
    }
}

.header-links {
    padding-top: 25px
}

@media screen and (max-width:61.9375em) {
    #header {
        background-color: #ffd511;
        border-bottom: 1px solid #3c3c3c
    }

    .header-links {
        padding-right: 60px
    }

        .header-links div.header-search {
            display: none
        }
}

.header-links > div {
    margin-left: 1.25rem
}

.header-search {
    width: 250px;
    position: relative
}

    .header-search form .input-group {
        position: relative;
        border: 1px solid #e6e6e6;
        background-color: #fefefe
    }

        .header-search form .input-group input {
            margin: 0;
            border: none;
            box-shadow: none
        }

        .header-search form .input-group .input-group-button {
            position: relative
        }


a[class*=btn-], button[class*=btn], input[class*=btn] {
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    margin: 0;
    font-size: .9rem;
    background: #ffd511;
    color: #fff;
    padding: .5em 1em;
    text-decoration: none;
    display: inline-block
}

    a[class*=btn-]:focus, a[class*=btn-]:hover, button[class*=btn]:focus, button[class*=btn]:hover, input[class*=btn]:focus, input[class*=btn]:hover {
        background: #dab300;
        color: #fff
    }

a.button, button.button, input.button {
    background: #ffd511;
    color: #525b5a
}

    a.button:focus, a.button:hover, button.button:focus, button.button:hover, input.button:focus, input.button:hover {
        background: #dab300
    }

    a.button, a.button:focus, a.button:hover, button.button, button.button:focus, button.button:hover, input.button, input.button:focus, input.button:hover {
        color: #525b5a
    }

a.wn-red {
    background: #d10019;
    color: #fefefe
}

    a.wn-red:focus, a.wn-red:hover {
        background-color: #ab0015;
        color: #fefefe
    }

a:after {
    color: #525b5a;
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    margin-left: 5px
}