@font-face {
    font-family: 'MiamedFont';
    src: url('icomoon.eot?v=0.0.1');
    src: url('icomoon.eot?#iefix&v=0.0.1') format('embedded-opentype'),
    /* url('icomoon.woff2?v=0.0.1') format('woff2'), */
    url('icomoon.woff?v=0.0.1') format('woff'),
    url('icomoon.ttf?v=0.0.1') format('truetype'),
    url('icomoon.svg?v=0.0.1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}

.mf {
    display: inline-block;
    font: normal normal normal 14px/1 MiamedFont;
    font-size: inherit;
    speak: none;
    text-rendering: auto;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

/** modifieres (same like fontawesome **/

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

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

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

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

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

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

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

.mf-ul > li { position: relative }

.mf-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center }

.mf-li.mf-lg { left: -1.85714286em }

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

.pull-right { float: right }

.pull-left { float: left }

.mf.pull-left { margin-right: .3em }

.mf.pull-right { margin-left: .3em }

.mf-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear }

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

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

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

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

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

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

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

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

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

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

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

.mf-stack-1x { line-height: inherit }

.mf-stack-2x { font-size: 2em }

.mf-inverse { color: #fff }

/** Icons starting from here **/

.mf-video:before {
    content: "\e600";
}