@font-face {
    font-family: 'wpidea-scarlet';
    src: url('../fonts/wpidea-scarlet.eot?89778192');
    src: url('../fonts/wpidea-scarlet.eot?89778192#iefix') format('embedded-opentype'),
    url('../fonts/wpidea-scarlet.woff2?89778192') format('woff2'),
    url('../fonts/wpidea-scarlet.woff?89778192') format('woff'),
    url('../fonts/wpidea-scarlet.ttf?89778192') format('truetype'),
    url('../fonts/wpidea-scarlet.svg?89778192#wpidea-scarlet') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'wpidea-scarlet';
    src: url('../font/wpidea-scarlet.svg?89778192#wpidea-scarlet') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    /*noinspection CssNoGenericFontName*/
    font-family: "wpidea-scarlet";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-cup:before {
    content: '\e800';
}

/* '' */
.icon-hat:before {
    content: '\e801';
}

/* '' */
.icon-pin:before {
    content: '\e802';
}

/* '' */
.icon-cart:before {
    content: '\e803';
}

/* '' */
.icon-done:before {
    content: '\e804';
}

/* '' */
.icon-save:before {
    content: '\e805';
}

/* '' */
.icon-arrow:before {
    content: '\e806';
}

/* '' */
.icon-chart:before {
    content: '\e807';
}

/* '' */
.icon-clock:before {
    content: '\e808';
}

/* '' */
.icon-cross:before {
    content: '\e809';
}

/* '' */
.icon-phone:before {
    content: '\e80a';
}

/* '' */
.icon-trend:before {
    content: '\e80b';
}

/* '' */
.icon-locked:before {
    content: '\e80c';
}

/* '' */
.icon-module:before {
    content: '\e80d';
}

/* '' */
.icon-pencil:before {
    content: '\e80e';
}

/* '' */
.icon-person:before {
    content: '\e80f';
}

/* '' */
.icon-remove:before {
    content: '\e810';
}

/* '' */
.icon-search:before {
    content: '\e811';
}

/* '' */
.icon-shield:before {
    content: '\e812';
}

/* '' */
.icon-checked:before {
    content: '\e813';
}

/* '' */
.icon-display:before {
    content: '\e814';
}

/* '' */
.icon-envelope:before {
    content: '\e815';
}

/* '' */
.icon-file-pdf:before {
    content: '\e816';
}

/* '' */
.icon-unlocked:before {
    content: '\e817';
}

/* '' */
.icon-unlocked-inverted:before {
    content: '\e817';
    -moz-transform: scaleX(-1); /* Gecko */
    -o-transform: scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* Webkit */
    transform: scaleX(-1); /* Standard */
    /*noinspection CssInvalidPropertyValue*/
    filter: FlipH; /* IE 6/7/8 */
}

/* '' */
.icon-file-text:before {
    content: '\e818';
}

/* '' */
.icon-hourglass:before {
    content: '\e819';
}

/* '' */
.icon-clockhands:before {
    content: '\e81a';
}

/* '' */
.icon-file-sound:before {
    content: '\e81b';
}

/* '' */
.icon-checked-star:before {
    content: '\e81c';
}

/* '' */
.icon-checked-bullet:before {
    content: '\e81e';
}

/* '' */
.icon-display-list:before {
    content: '\e821';
}

/* '' */
.icon-display-grid-2:before {
    content: '\e822';
}

/* '' */
.icon-display-grid-3:before {
    content: '\e823';
}

/* '' */

.icon-spin {
    display: inline-block;
    -moz-animation: icon-spin 2s infinite linear;
    -o-animation: icon-spin 2s infinite linear;
    -webkit-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear;
}
@-moz-keyframes icon-spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}
@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}
@-o-keyframes icon-spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}
@-ms-keyframes icon-spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}
@keyframes icon-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}