/* Based on fontawesome */
.mazelie-icon {
    display                 : inline-block;
    font                    : normal normal normal 14px/1 MazelieIcon;
    font-size               : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

/* makes the font 33% larger relative to the icon container */
.mazelie-icon-lg {
    font-size      : 1.33333333em;
    line-height    : 0.75em;
    vertical-align : -15%;
}

.mazelie-icon-2x {
    font-size : 2em;
}

.mazelie-icon-3x {
    font-size : 3em;
}

.mazelie-icon-4x {
    font-size : 4em;
}

.mazelie-icon-5x {
    font-size : 5em;
}

.mazelie-icon-fw {
    width      : 1.28571429em;
    text-align : center;
}

.mazelie-icon-ul {
    padding-left    : 0;
    margin-left     : 2.14285714em;
    list-style-type : none;
}

.mazelie-icon-ul > li {
    position : relative;
}

.mazelie-icon-li {
    position   : absolute;
    left       : -2.14285714em;
    width      : 2.14285714em;
    top        : 0.14285714em;
    text-align : center;
}

.mazelie-icon-li.mazelie-icon-lg {
    left : -1.85714286em;
}

.mazelie-icon-border {
    padding       : .2em .25em .15em;
    border        : solid 0.08em #eeeeee;
    border-radius : .1em;
}

.mazelie-icon-pull-left {
    float : left;
}

.mazelie-icon-pull-right {
    float : right;
}

.mazelie-icon.mazelie-icon-pull-left {
    margin-right : .3em;
}

.mazelie-icon.mazelie-icon-pull-right {
    margin-left : .3em;
}

.mazelie-icon-spin {
    -webkit-animation : mazelie-icon-spin 2s infinite linear;
    animation         : mazelie-icon-spin 2s infinite linear;
}

.mazelie-icon-pulse {
    -webkit-animation : mazelie-icon-spin 1s infinite steps(8);
    animation         : mazelie-icon-spin 1s infinite steps(8);
}

@-webkit-keyframes mazelie-icon-spin {
    0% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }
    100% {
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg);
    }
}

@keyframes mazelie-icon-spin {
    0% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }
    100% {
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg);
    }
}

.mazelie-icon-rotate-90 {
    -ms-filter        : 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
    -webkit-transform : rotate(90deg);
    -ms-transform     : rotate(90deg);
    transform         : rotate(90deg);
}

.mazelie-icon-rotate-180 {
    -ms-filter        : 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
    -webkit-transform : rotate(180deg);
    -ms-transform     : rotate(180deg);
    transform         : rotate(180deg);
}

.mazelie-icon-rotate-270 {
    -ms-filter        : 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
    -webkit-transform : rotate(270deg);
    -ms-transform     : rotate(270deg);
    transform         : rotate(270deg);
}

.mazelie-icon-flip-horizontal {
    -ms-filter        : 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
    -webkit-transform : scale(-1, 1);
    -ms-transform     : scale(-1, 1);
    transform         : scale(-1, 1);
}

.mazelie-icon-flip-vertical {
    -ms-filter        : 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
    -webkit-transform : scale(1, -1);
    -ms-transform     : scale(1, -1);
    transform         : scale(1, -1);
}

:root .mazelie-icon-rotate-90,
:root .mazelie-icon-rotate-180,
:root .mazelie-icon-rotate-270,
:root .mazelie-icon-flip-horizontal,
:root .mazelie-icon-flip-vertical {
    filter : none;
}

.mazelie-icon-stack {
    position       : relative;
    display        : inline-block;
    width          : 2em;
    height         : 2em;
    line-height    : 2em;
    vertical-align : middle;
}

.mazelie-icon-stack-1x,
.mazelie-icon-stack-2x {
    position   : absolute;
    left       : 0;
    width      : 100%;
    text-align : center;
}

.mazelie-icon-stack-1x {
    line-height : inherit;
}

.mazelie-icon-stack-2x {
    font-size : 2em;
}

.mazelie-icon-inverse {
    color : #ffffff;
}

.mazelie-icon-instagram:before {
    content : '\f001';
}

.mazelie-icon-facebook:before {
    content : '\f002';
}

.mazelie-icon-youtube:before {
    content : '\f003';
}

.mazelie-icon-linkedin:before {
    content : '\f004';
}

.mazelie-icon-ray:before {
    content : '\f005';
}

.mazelie-icon-bag:before {
    content : '\f006';
}

.mazelie-icon-arrow-simple-higher:before {
    content : '\f007';
}

.mazelie-icon-arrow-simple-bottom:before {
    content : '\f008';
}

.mazelie-icon-arrow-left:before {
    content : '\f009';
}

.mazelie-icon-arrow-double-left:before {
    content : '\f0010';
}

.mazelie-icon-arrow-left:before {
    content : '\f0011';
}

.mazelie-icon-arrow-double-right:before {
    content : '\f0012';
}

.mazelie-icon-arrow-simple-right:before {
    content : '\f0013';
}

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

.mazelie-icon-sr-only-focusable:active,
.mazelie-icon-sr-only-focusable:focus {
    position : static;
    width    : auto;
    height   : auto;
    margin   : 0;
    overflow : visible;
    clip     : auto;
}