@charset "UTF-8";
@font-face {
    font-family: 'Duck', sans-serif;
    src: url('../font/Duck.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.icon {
    font-family: "Duck", serif;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon.icon-campfire {
    position: relative;
}
.icon.icon-campfire:before {
    display: inline-block;
    content: "!";
}
.icon.icon-cart {
    position: relative;
}
.icon.icon-cart:before {
    display: inline-block;
    content: '"';
}
.icon.icon-rocket {
    position: relative;
}
.icon.icon-rocket:before {
    display: inline-block;
    content: "#";
}
.icon.icon-align-bottom {
    position: relative;
}
.icon.icon-align-bottom:before {
    display: inline-block;
    content: "$";
}
.icon.icon-align-horizontal-center {
    position: relative;
}
.icon.icon-align-horizontal-center:before {
    display: inline-block;
    content: "%";
}
.icon.icon-align-left {
    position: relative;
}
.icon.icon-align-left:before {
    display: inline-block;
    content: "&";
}
.icon.icon-align-right {
    position: relative;
}
.icon.icon-align-right:before {
    display: inline-block;
    content: "'";
}
.icon.icon-align-top {
    position: relative;
}
.icon.icon-align-top:before {
    display: inline-block;
    content: "(";
}
.icon.icon-align-vertical {
    position: relative;
}
.icon.icon-align-vertical:before {
    display: inline-block;
    content: ")";
}
.icon.icon-insert-above {
    position: relative;
}
.icon.icon-insert-above:before {
    display: inline-block;
    content: "*";
}
.icon.icon-insert-below {
    position: relative;
}
.icon.icon-insert-below:before {
    display: inline-block;
    content: "+";
}
.icon.icon-insert-left {
    position: relative;
}
.icon.icon-insert-left:before {
    display: inline-block;
    content: ",";
}
.icon.icon-insert-right {
    position: relative;
}
.icon.icon-insert-right:before {
    display: inline-block;
    content: "-";
}
.icon.icon-justify-center {
    position: relative;
}
.icon.icon-justify-center:before {
    display: inline-block;
    content: ".";
}
.icon.icon-justify-left {
    position: relative;
}
.icon.icon-justify-left:before {
    display: inline-block;
    content: "/";
}
.icon.icon-justify-right {
    position: relative;
}
.icon.icon-justify-right:before {
    display: inline-block;
    content: "0";
}
.icon.icon-vertical-center {
    position: relative;
}
.icon.icon-vertical-center:before {
    display: inline-block;
    content: "1";
}
.icon.icon-bar-chart {
    position: relative;
}
.icon.icon-bar-chart:before {
    display: inline-block;
    content: "2";
}
.icon.icon-caculator {
    position: relative;
}
.icon.icon-caculator:before {
    display: inline-block;
    content: "3";
}
.icon.icon-line-chart {
    position: relative;
}
.icon.icon-line-chart:before {
    display: inline-block;
    content: "4";
}
.icon.icon-poll {
    position: relative;
}
.icon.icon-poll:before {
    display: inline-block;
    content: "5";
}
.icon.icon-rule {
    position: relative;
}
.icon.icon-rule:before {
    display: inline-block;
    content: "6";
}
.icon.icon-arrow-all-down {
    position: relative;
}
.icon.icon-arrow-all-down:before {
    display: inline-block;
    content: "7";
}
.icon.icon-arrow-all-up {
    position: relative;
}
.icon.icon-arrow-all-up:before {
    display: inline-block;
    content: "8";
}
.icon.icon-arrow-down {
    position: relative;
}
.icon.icon-arrow-down:before {
    display: inline-block;
    content: "9";
}
.icon.icon-arrow-left {
    position: relative;
}
.icon.icon-arrow-left:before {
    display: inline-block;
    content: ":";
}
.icon.icon-arrow-right {
    position: relative;
}
.icon.icon-arrow-right:before {
    display: inline-block;
    content: ";";
}
.icon.icon-arrow-up {
    position: relative;
}
.icon.icon-arrow-up:before {
    display: inline-block;
    content: "<";
}
.icon.icon-down {
    position: relative;
}
.icon.icon-down:before {
    display: inline-block;
    content: "=";
}
.icon.icon-download {
    position: relative;
}
.icon.icon-download:before {
    display: inline-block;
    content: ">";
}
.icon.icon-drag {
    position: relative;
}
.icon.icon-drag:before {
    display: inline-block;
    content: "?";
}
.icon.icon-expand {
    position: relative;
}
.icon.icon-expand:before {
    display: inline-block;
    content: "@";
}
.icon.icon-left-direction {
    position: relative;
}
.icon.icon-left-direction:before {
    display: inline-block;
    content: "A";
}
.icon.icon-nesw-resize {
    position: relative;
}
.icon.icon-nesw-resize:before {
    display: inline-block;
    content: "B";
}
.icon.icon-nw-es-resize {
    position: relative;
}
.icon.icon-nw-es-resize:before {
    display: inline-block;
    content: "C";
}
.icon.icon-open-link {
    position: relative;
}
.icon.icon-open-link:before {
    display: inline-block;
    content: "D";
}
.icon.icon-redo {
    position: relative;
}
.icon.icon-redo:before {
    display: inline-block;
    content: "E";
}
.icon.icon-right-direction {
    position: relative;
}
.icon.icon-right-direction:before {
    display: inline-block;
    content: "F";
}
.icon.icon-rotate {
    position: relative;
}
.icon.icon-rotate:before {
    display: inline-block;
    content: "G";
}
.icon.icon-send-reponse {
    position: relative;
}
.icon.icon-send-reponse:before {
    display: inline-block;
    content: "H";
}
.icon.icon-sign-in {
    position: relative;
}
.icon.icon-sign-in:before {
    display: inline-block;
    content: "I";
}
.icon.icon-sign-out {
    position: relative;
}
.icon.icon-sign-out:before {
    display: inline-block;
    content: "J";
}
.icon.icon-tri-down {
    position: relative;
}
.icon.icon-tri-down:before {
    display: inline-block;
    content: "K";
}
.icon.icon-tri-left {
    position: relative;
}
.icon.icon-tri-left:before {
    display: inline-block;
    content: "L";
}
.icon.icon-tri-right {
    position: relative;
}
.icon.icon-tri-right:before {
    display: inline-block;
    content: "M";
}
.icon.icon-tri-up {
    position: relative;
}
.icon.icon-tri-up:before {
    display: inline-block;
    content: "N";
}
.icon.icon-undo {
    position: relative;
}
.icon.icon-undo:before {
    display: inline-block;
    content: "O";
}
.icon.icon-up-direction {
    position: relative;
}
.icon.icon-up-direction:before {
    display: inline-block;
    content: "P";
}
.icon.icon-up-down {
    position: relative;
}
.icon.icon-up-down:before {
    display: inline-block;
    content: "Q";
}
.icon.icon-upload {
    position: relative;
}
.icon.icon-upload:before {
    display: inline-block;
    content: "R";
}
.icon.icon-x-resize {
    position: relative;
}
.icon.icon-x-resize:before {
    display: inline-block;
    content: "S";
}
.icon.icon-y-resize {
    position: relative;
}
.icon.icon-y-resize:before {
    display: inline-block;
    content: "T";
}
.icon.icon-house-2 {
    position: relative;
}
.icon.icon-house-2:before {
    display: inline-block;
    content: "U";
}
.icon.icon-lighthouse {
    position: relative;
}
.icon.icon-lighthouse:before {
    display: inline-block;
    content: "V";
}
.icon.icon-store {
    position: relative;
}
.icon.icon-store:before {
    display: inline-block;
    content: "W";
}
.icon.icon-torii-gate {
    position: relative;
}
.icon.icon-torii-gate:before {
    display: inline-block;
    content: "X";
}
.icon.icon-crescent-moon {
    position: relative;
}
.icon.icon-crescent-moon:before {
    display: inline-block;
    content: "Y";
}
.icon.icon-full-moon {
    position: relative;
}
.icon.icon-full-moon:before {
    display: inline-block;
    content: "Z";
}
.icon.icon-gibbous-moon {
    position: relative;
}
.icon.icon-gibbous-moon:before {
    display: inline-block;
    content: "[";
}
.icon.icon-sun {
    position: relative;
}
.icon.icon-sun:before {
    display: inline-block;
    content: "\\";
}
.icon.icon-sunrise {
    position: relative;
}
.icon.icon-sunrise:before {
    display: inline-block;
    content: "]";
}
.icon.icon-sunset {
    position: relative;
}
.icon.icon-sunset:before {
    display: inline-block;
    content: "^";
}
.icon.icon-device-laptop {
    position: relative;
}
.icon.icon-device-laptop:before {
    display: inline-block;
    content: "_";
}
.icon.icon-device-mobile- {
    position: relative;
}
.icon.icon-device-mobile-:before {
    display: inline-block;
    content: "`";
}
.icon.icon-device-mobile {
    position: relative;
}
.icon.icon-device-mobile:before {
    display: inline-block;
    content: "a";
}
.icon.icon-device-mouse {
    position: relative;
}
.icon.icon-device-mouse:before {
    display: inline-block;
    content: "b";
}
.icon.icon-device-multi {
    position: relative;
}
.icon.icon-device-multi:before {
    display: inline-block;
    content: "c";
}
.icon.icon-device-no-mobile {
    position: relative;
}
.icon.icon-device-no-mobile:before {
    display: inline-block;
    content: "d";
}
.icon.icon-device-pc-tower {
    position: relative;
}
.icon.icon-device-pc-tower:before {
    display: inline-block;
    content: "e";
}
.icon.icon-device-pc {
    position: relative;
}
.icon.icon-device-pc:before {
    display: inline-block;
    content: "f";
}
.icon.icon-device-server {
    position: relative;
}
.icon.icon-device-server:before {
    display: inline-block;
    content: "g";
}
.icon.icon-device-tablet {
    position: relative;
}
.icon.icon-device-tablet:before {
    display: inline-block;
    content: "h";
}
.icon.icon-device-window {
    position: relative;
}
.icon.icon-device-window:before {
    display: inline-block;
    content: "i";
}
.icon.icon-big-frown {
    position: relative;
}
.icon.icon-big-frown:before {
    display: inline-block;
    content: "j";
}
.icon.icon-neutral-face {
    position: relative;
}
.icon.icon-neutral-face:before {
    display: inline-block;
    content: "k";
}
.icon.icon-silent-blank-face {
    position: relative;
}
.icon.icon-silent-blank-face:before {
    display: inline-block;
    content: "l";
}
.icon.icon-smile-face {
    position: relative;
}
.icon.icon-smile-face:before {
    display: inline-block;
    content: "m";
}
.icon.icon-camera {
    position: relative;
}
.icon.icon-camera:before {
    display: inline-block;
    content: "n";
}
.icon.icon-document-add {
    position: relative;
}
.icon.icon-document-add:before {
    display: inline-block;
    content: "o";
}
.icon.icon-document-download {
    position: relative;
}
.icon.icon-document-download:before {
    display: inline-block;
    content: "p";
}
.icon.icon-document-edit {
    position: relative;
}
.icon.icon-document-edit:before {
    display: inline-block;
    content: "q";
}
.icon.icon-document-error {
    position: relative;
}
.icon.icon-document-error:before {
    display: inline-block;
    content: "r";
}
.icon.icon-document-image {
    position: relative;
}
.icon.icon-document-image:before {
    display: inline-block;
    content: "s";
}
.icon.icon-document-private {
    position: relative;
}
.icon.icon-document-private:before {
    display: inline-block;
    content: "t";
}
.icon.icon-document-record {
    position: relative;
}
.icon.icon-document-record:before {
    display: inline-block;
    content: "u";
}
.icon.icon-document-upload {
    position: relative;
}
.icon.icon-document-upload:before {
    display: inline-block;
    content: "v";
}
.icon.icon-document-video {
    position: relative;
}
.icon.icon-document-video:before {
    display: inline-block;
    content: "w";
}
.icon.icon-document {
    position: relative;
}
.icon.icon-document:before {
    display: inline-block;
    content: "x";
}
.icon.icon-folder-add {
    position: relative;
}
.icon.icon-folder-add:before {
    display: inline-block;
    content: "y";
}
.icon.icon-folder-download {
    position: relative;
}
.icon.icon-folder-download:before {
    display: inline-block;
    content: "z";
}
.icon.icon-folder-error {
    position: relative;
}
.icon.icon-folder-error:before {
    display: inline-block;
    content: "{";
}
.icon.icon-folder-upload {
    position: relative;
}
.icon.icon-folder-upload:before {
    display: inline-block;
    content: "|";
}
.icon.icon-folder {
    position: relative;
}
.icon.icon-folder:before {
    display: inline-block;
    content: "}";
}
.icon.icon-video-recorder {
    position: relative;
}
.icon.icon-video-recorder:before {
    display: inline-block;
    content: "~";
}
.icon.icon-mountain {
    position: relative;
}
.icon.icon-mountain:before {
    display: inline-block;
    content: " ";
}
.icon.icon-planet {
    position: relative;
}
.icon.icon-planet:before {
    display: inline-block;
    content: "¡";
}
.icon.icon-column {
    position: relative;
}
.icon.icon-column:before {
    display: inline-block;
    content: "¢";
}
.icon.icon-header {
    position: relative;
}
.icon.icon-header:before {
    display: inline-block;
    content: "£";
}
.icon.icon-layout {
    position: relative;
}
.icon.icon-layout:before {
    display: inline-block;
    content: "¤";
}
.icon.icon-open {
    position: relative;
}
.icon.icon-open:before {
    display: inline-block;
    content: "¥";
}
.icon.icon-row {
    position: relative;
}
.icon.icon-row:before {
    display: inline-block;
    content: "¦";
}
.icon.icon-table {
    position: relative;
}
.icon.icon-table:before {
    display: inline-block;
    content: "§";
}
.icon.icon-location {
    position: relative;
}
.icon.icon-location:before {
    display: inline-block;
    content: "¨";
}
.icon.icon-map-pin {
    position: relative;
}
.icon.icon-map-pin:before {
    display: inline-block;
    content: "©";
}
.icon.icon-retangle-flag-1 {
    position: relative;
}
.icon.icon-retangle-flag-1:before {
    display: inline-block;
    content: "ª";
}
.icon.icon-retangle-flag {
    position: relative;
}
.icon.icon-retangle-flag:before {
    display: inline-block;
    content: "«";
}
.icon.icon-world {
    position: relative;
}
.icon.icon-world:before {
    display: inline-block;
    content: "¬";
}
.icon.icon-image-add {
    position: relative;
}
.icon.icon-image-add:before {
    display: inline-block;
    content: "­";
}
.icon.icon-image-download {
    position: relative;
}
.icon.icon-image-download:before {
    display: inline-block;
    content: "®";
}
.icon.icon-image-upload {
    position: relative;
}
.icon.icon-image-upload:before {
    display: inline-block;
    content: "¯";
}
.icon.icon-image {
    position: relative;
}
.icon.icon-image:before {
    display: inline-block;
    content: "°";
}
.icon.icon-circle {
    position: relative;
}
.icon.icon-circle:before {
    display: inline-block;
    content: "±";
}
.icon.icon-close {
    position: relative;
}
.icon.icon-close:before {
    display: inline-block;
    content: "²";
}
.icon.icon-context-menu-1 {
    position: relative;
}
.icon.icon-context-menu-1:before {
    display: inline-block;
    content: "³";
}
.icon.icon-context-menu-2 {
    position: relative;
}
.icon.icon-context-menu-2:before {
    display: inline-block;
    content: "´";
}
.icon.icon-context-menu {
    position: relative;
}
.icon.icon-context-menu:before {
    display: inline-block;
    content: "µ";
}
.icon.icon-left-menu {
    position: relative;
}
.icon.icon-left-menu:before {
    display: inline-block;
    content: "¶";
}
.icon.icon-menu {
    position: relative;
}
.icon.icon-menu:before {
    display: inline-block;
    content: "·";
}
.icon.icon-right-menu {
    position: relative;
}
.icon.icon-right-menu:before {
    display: inline-block;
    content: "¸";
}
.icon.icon-message-1 {
    position: relative;
}
.icon.icon-message-1:before {
    display: inline-block;
    content: "¹";
}
.icon.icon-message-2 {
    position: relative;
}
.icon.icon-message-2:before {
    display: inline-block;
    content: "º";
}
.icon.icon-message-error-1 {
    position: relative;
}
.icon.icon-message-error-1:before {
    display: inline-block;
    content: "»";
}
.icon.icon-message-error {
    position: relative;
}
.icon.icon-message-error:before {
    display: inline-block;
    content: "¼";
}
.icon.icon-message-hash {
    position: relative;
}
.icon.icon-message-hash:before {
    display: inline-block;
    content: "½";
}
.icon.icon-message-new {
    position: relative;
}
.icon.icon-message-new:before {
    display: inline-block;
    content: "¾";
}
.icon.icon-message-private {
    position: relative;
}
.icon.icon-message-private:before {
    display: inline-block;
    content: "¿";
}
.icon.icon-message-time {
    position: relative;
}
.icon.icon-message-time:before {
    display: inline-block;
    content: "À";
}
.icon.icon-message {
    position: relative;
}
.icon.icon-message:before {
    display: inline-block;
    content: "Á";
}
.icon.icon-music-backward {
    position: relative;
}
.icon.icon-music-backward:before {
    display: inline-block;
    content: "Â";
}
.icon.icon-music-double-note-1 {
    position: relative;
}
.icon.icon-music-double-note-1:before {
    display: inline-block;
    content: "Ã";
}
.icon.icon-music-double-note {
    position: relative;
}
.icon.icon-music-double-note:before {
    display: inline-block;
    content: "Ä";
}
.icon.icon-music-forward {
    position: relative;
}
.icon.icon-music-forward:before {
    display: inline-block;
    content: "Å";
}
.icon.icon-music-next {
    position: relative;
}
.icon.icon-music-next:before {
    display: inline-block;
    content: "Æ";
}
.icon.icon-music-note {
    position: relative;
}
.icon.icon-music-note:before {
    display: inline-block;
    content: "Ç";
}
.icon.icon-music-pause {
    position: relative;
}
.icon.icon-music-pause:before {
    display: inline-block;
    content: "È";
}
.icon.icon-music-play {
    position: relative;
}
.icon.icon-music-play:before {
    display: inline-block;
    content: "É";
}
.icon.icon-music-playlist {
    position: relative;
}
.icon.icon-music-playlist:before {
    display: inline-block;
    content: "Ê";
}
.icon.icon-music-previous {
    position: relative;
}
.icon.icon-music-previous:before {
    display: inline-block;
    content: "Ë";
}
.icon.icon-music-random {
    position: relative;
}
.icon.icon-music-random:before {
    display: inline-block;
    content: "Ì";
}
.icon.icon-music-repeate-one {
    position: relative;
}
.icon.icon-music-repeate-one:before {
    display: inline-block;
    content: "Í";
}
.icon.icon-music-repeate {
    position: relative;
}
.icon.icon-music-repeate:before {
    display: inline-block;
    content: "Î";
}
.icon.icon-music-speed {
    position: relative;
}
.icon.icon-music-speed:before {
    display: inline-block;
    content: "Ï";
}
.icon.icon-music-stop {
    position: relative;
}
.icon.icon-music-stop:before {
    display: inline-block;
    content: "Ð";
}
.icon.icon-subtitle {
    position: relative;
}
.icon.icon-subtitle:before {
    display: inline-block;
    content: "Ñ";
}
.icon.icon-eight {
    position: relative;
}
.icon.icon-eight:before {
    display: inline-block;
    content: "Ò";
}
.icon.icon-five {
    position: relative;
}
.icon.icon-five:before {
    display: inline-block;
    content: "Ó";
}
.icon.icon-four {
    position: relative;
}
.icon.icon-four:before {
    display: inline-block;
    content: "Ô";
}
.icon.icon-nine {
    position: relative;
}
.icon.icon-nine:before {
    display: inline-block;
    content: "Õ";
}
.icon.icon-one {
    position: relative;
}
.icon.icon-one:before {
    display: inline-block;
    content: "Ö";
}
.icon.icon-seven {
    position: relative;
}
.icon.icon-seven:before {
    display: inline-block;
    content: "×";
}
.icon.icon-six {
    position: relative;
}
.icon.icon-six:before {
    display: inline-block;
    content: "Ø";
}
.icon.icon-three {
    position: relative;
}
.icon.icon-three:before {
    display: inline-block;
    content: "Ù";
}
.icon.icon-two {
    position: relative;
}
.icon.icon-two:before {
    display: inline-block;
    content: "Ú";
}
.icon.icon-zero {
    position: relative;
}
.icon.icon-zero:before {
    display: inline-block;
    content: "Û";
}
.icon.icon-ballon {
    position: relative;
}
.icon.icon-ballon:before {
    display: inline-block;
    content: "Ü";
}
.icon.icon-book {
    position: relative;
}
.icon.icon-book:before {
    display: inline-block;
    content: "Ý";
}
.icon.icon-candy {
    position: relative;
}
.icon.icon-candy:before {
    display: inline-block;
    content: "Þ";
}
.icon.icon-pixal-lamp {
    position: relative;
}
.icon.icon-pixal-lamp:before {
    display: inline-block;
    content: "ß";
}
.icon.icon-pointer-goal {
    position: relative;
}
.icon.icon-pointer-goal:before {
    display: inline-block;
    content: "à";
}
.icon.icon-pointer {
    position: relative;
}
.icon.icon-pointer:before {
    display: inline-block;
    content: "á";
}
.icon.icon-tri-circle {
    position: relative;
}
.icon.icon-tri-circle:before {
    display: inline-block;
    content: "â";
}
.icon.icon-umbrella {
    position: relative;
}
.icon.icon-umbrella:before {
    display: inline-block;
    content: "ã";
}
.icon.icon-capitalize {
    position: relative;
}
.icon.icon-capitalize:before {
    display: inline-block;
    content: "ä";
}
.icon.icon-decrease-fontsize {
    position: relative;
}
.icon.icon-decrease-fontsize:before {
    display: inline-block;
    content: "å";
}
.icon.icon-decrease-indent {
    position: relative;
}
.icon.icon-decrease-indent:before {
    display: inline-block;
    content: "æ";
}
.icon.icon-font {
    position: relative;
}
.icon.icon-font:before {
    display: inline-block;
    content: "ç";
}
.icon.icon-function {
    position: relative;
}
.icon.icon-function:before {
    display: inline-block;
    content: "è";
}
.icon.icon-header-1 {
    position: relative;
}
.icon.icon-header-1:before {
    display: inline-block;
    content: "é";
}
.icon.icon-header-2 {
    position: relative;
}
.icon.icon-header-2:before {
    display: inline-block;
    content: "ê";
}
.icon.icon-header-3 {
    position: relative;
}
.icon.icon-header-3:before {
    display: inline-block;
    content: "ë";
}
.icon.icon-header-4 {
    position: relative;
}
.icon.icon-header-4:before {
    display: inline-block;
    content: "ì";
}
.icon.icon-header-5 {
    position: relative;
}
.icon.icon-header-5:before {
    display: inline-block;
    content: "í";
}
.icon.icon-header-6 {
    position: relative;
}
.icon.icon-header-6:before {
    display: inline-block;
    content: "î";
}
.icon.icon-increase-fontsize {
    position: relative;
}
.icon.icon-increase-fontsize:before {
    display: inline-block;
    content: "ï";
}
.icon.icon-increase-indent {
    position: relative;
}
.icon.icon-increase-indent:before {
    display: inline-block;
    content: "ð";
}
.icon.icon-list {
    position: relative;
}
.icon.icon-list:before {
    display: inline-block;
    content: "ñ";
}
.icon.icon-ordinal {
    position: relative;
}
.icon.icon-ordinal:before {
    display: inline-block;
    content: "ò";
}
.icon.icon-paragraph {
    position: relative;
}
.icon.icon-paragraph:before {
    display: inline-block;
    content: "ó";
}
.icon.icon-quote-1 {
    position: relative;
}
.icon.icon-quote-1:before {
    display: inline-block;
    content: "ô";
}
.icon.icon-quote {
    position: relative;
}
.icon.icon-quote:before {
    display: inline-block;
    content: "õ";
}
.icon.icon-style-bold {
    position: relative;
}
.icon.icon-style-bold:before {
    display: inline-block;
    content: "ö";
}
.icon.icon-style-italic {
    position: relative;
}
.icon.icon-style-italic:before {
    display: inline-block;
    content: "÷";
}
.icon.icon-underline {
    position: relative;
}
.icon.icon-underline:before {
    display: inline-block;
    content: "ø";
}
.icon.icon-uppercase {
    position: relative;
}
.icon.icon-uppercase:before {
    display: inline-block;
    content: "ù";
}
.icon.icon-bar-code-scan {
    position: relative;
}
.icon.icon-bar-code-scan:before {
    display: inline-block;
    content: "ú";
}
.icon.icon-bar-code {
    position: relative;
}
.icon.icon-bar-code:before {
    display: inline-block;
    content: "û";
}
.icon.icon-eye-hide {
    position: relative;
}
.icon.icon-eye-hide:before {
    display: inline-block;
    content: "ü";
}
.icon.icon-eye {
    position: relative;
}
.icon.icon-eye:before {
    display: inline-block;
    content: "ý";
}
.icon.icon-finger {
    position: relative;
}
.icon.icon-finger:before {
    display: inline-block;
    content: "þ";
}
.icon.icon-lock-open {
    position: relative;
}
.icon.icon-lock-open:before {
    display: inline-block;
    content: "ÿ";
}
.icon.icon-lock-password {
    position: relative;
}
.icon.icon-lock-password:before {
    display: inline-block;
    content: "Ā";
}
.icon.icon-lock {
    position: relative;
}
.icon.icon-lock:before {
    display: inline-block;
    content: "ā";
}
.icon.icon-password {
    position: relative;
}
.icon.icon-password:before {
    display: inline-block;
    content: "Ă";
}
.icon.icon-qr-code-scan-1 {
    position: relative;
}
.icon.icon-qr-code-scan-1:before {
    display: inline-block;
    content: "ă";
}
.icon.icon-qr-code-scan {
    position: relative;
}
.icon.icon-qr-code-scan:before {
    display: inline-block;
    content: "Ą";
}
.icon.icon-qr-code {
    position: relative;
}
.icon.icon-qr-code:before {
    display: inline-block;
    content: "ą";
}
.icon.icon-shield {
    position: relative;
}
.icon.icon-shield:before {
    display: inline-block;
    content: "Ć";
}
.icon.icon-rectangle-16-9 {
    position: relative;
}
.icon.icon-rectangle-16-9:before {
    display: inline-block;
    content: "ć";
}
.icon.icon-rectangle-9-16 {
    position: relative;
}
.icon.icon-rectangle-9-16:before {
    display: inline-block;
    content: "Ĉ";
}
.icon.icon-square {
    position: relative;
}
.icon.icon-square:before {
    display: inline-block;
    content: "ĉ";
}
.icon.icon-head-phone {
    position: relative;
}
.icon.icon-head-phone:before {
    display: inline-block;
    content: "Ċ";
}
.icon.icon-mic-off {
    position: relative;
}
.icon.icon-mic-off:before {
    display: inline-block;
    content: "ċ";
}
.icon.icon-mic-on {
    position: relative;
}
.icon.icon-mic-on:before {
    display: inline-block;
    content: "Č";
}
.icon.icon-sound-device {
    position: relative;
}
.icon.icon-sound-device:before {
    display: inline-block;
    content: "č";
}
.icon.icon-sound-max {
    position: relative;
}
.icon.icon-sound-max:before {
    display: inline-block;
    content: "Ď";
}
.icon.icon-sound-medium-1 {
    position: relative;
}
.icon.icon-sound-medium-1:before {
    display: inline-block;
    content: "ď";
}
.icon.icon-sound-medium {
    position: relative;
}
.icon.icon-sound-medium:before {
    display: inline-block;
    content: "Đ";
}
.icon.icon-sound-multi-device {
    position: relative;
}
.icon.icon-sound-multi-device:before {
    display: inline-block;
    content: "đ";
}
.icon.icon-sound-mute {
    position: relative;
}
.icon.icon-sound-mute:before {
    display: inline-block;
    content: "Ē";
}
.icon.icon-sound-no-device {
    position: relative;
}
.icon.icon-sound-no-device:before {
    display: inline-block;
    content: "ē";
}
.icon.icon-sound-none {
    position: relative;
}
.icon.icon-sound-none:before {
    display: inline-block;
    content: "Ĕ";
}
.icon.icon-sound-radio {
    position: relative;
}
.icon.icon-sound-radio:before {
    display: inline-block;
    content: "ĕ";
}
.icon.icon-sound-small {
    position: relative;
}
.icon.icon-sound-small:before {
    display: inline-block;
    content: "Ė";
}
.icon.icon-television {
    position: relative;
}
.icon.icon-television:before {
    display: inline-block;
    content: "ė";
}
.icon.icon-book-1 {
    position: relative;
}
.icon.icon-book-1:before {
    display: inline-block;
    content: "Ę";
}
.icon.icon-book-2 {
    position: relative;
}
.icon.icon-book-2:before {
    display: inline-block;
    content: "ę";
}
.icon.icon-bookmark {
    position: relative;
}
.icon.icon-bookmark:before {
    display: inline-block;
    content: "Ě";
}
.icon.icon-checked {
    position: relative;
}
.icon.icon-checked:before {
    display: inline-block;
    content: "ě";
}
.icon.icon-circle-add {
    position: relative;
}
.icon.icon-circle-add:before {
    display: inline-block;
    content: "Ĝ";
}
.icon.icon-circle-danger {
    position: relative;
}
.icon.icon-circle-danger:before {
    display: inline-block;
    content: "ĝ";
}
.icon.icon-circle-ignore {
    position: relative;
}
.icon.icon-circle-ignore:before {
    display: inline-block;
    content: "Ğ";
}
.icon.icon-circle-info {
    position: relative;
}
.icon.icon-circle-info:before {
    display: inline-block;
    content: "ğ";
}
.icon.icon-circle-question {
    position: relative;
}
.icon.icon-circle-question:before {
    display: inline-block;
    content: "Ġ";
}
.icon.icon-double-checked {
    position: relative;
}
.icon.icon-double-checked:before {
    display: inline-block;
    content: "ġ";
}
.icon.icon-heart-broken {
    position: relative;
}
.icon.icon-heart-broken:before {
    display: inline-block;
    content: "Ģ";
}
.icon.icon-heart {
    position: relative;
}
.icon.icon-heart:before {
    display: inline-block;
    content: "ģ";
}
.icon.icon-like {
    position: relative;
}
.icon.icon-like:before {
    display: inline-block;
    content: "Ĥ";
}
.icon.icon-timeline-event {
    position: relative;
}
.icon.icon-timeline-event:before {
    display: inline-block;
    content: "ĥ";
}
.icon.icon-tri-danger {
    position: relative;
}
.icon.icon-tri-danger:before {
    display: inline-block;
    content: "Ħ";
}
.icon.icon-tri-ignore {
    position: relative;
}
.icon.icon-tri-ignore:before {
    display: inline-block;
    content: "ħ";
}
.icon.icon-unlike {
    position: relative;
}
.icon.icon-unlike:before {
    display: inline-block;
    content: "Ĩ";
}
.icon.icon-time-countdown-1 {
    position: relative;
}
.icon.icon-time-countdown-1:before {
    display: inline-block;
    content: "ĩ";
}
.icon.icon-time-countdown {
    position: relative;
}
.icon.icon-time-countdown:before {
    display: inline-block;
    content: "Ī";
}
.icon.icon-barrier-2 {
    position: relative;
}
.icon.icon-barrier-2:before {
    display: inline-block;
    content: "ī";
}
.icon.icon-barrier {
    position: relative;
}
.icon.icon-barrier:before {
    display: inline-block;
    content: "Ĭ";
}
.icon.icon-add {
    position: relative;
}
.icon.icon-add:before {
    display: inline-block;
    content: "ĭ";
}
.icon.icon-al-sign {
    position: relative;
}
.icon.icon-al-sign:before {
    display: inline-block;
    content: "Į";
}
.icon.icon-attachments {
    position: relative;
}
.icon.icon-attachments:before {
    display: inline-block;
    content: "į";
}
.icon.icon-background {
    position: relative;
}
.icon.icon-background:before {
    display: inline-block;
    content: "İ";
}
.icon.icon-circle-1-4 {
    position: relative;
}
.icon.icon-circle-1-4:before {
    display: inline-block;
    content: "ı";
}
.icon.icon-circle-2-4 {
    position: relative;
}
.icon.icon-circle-2-4:before {
    display: inline-block;
    content: "IJ";
}
.icon.icon-circle-3-4 {
    position: relative;
}
.icon.icon-circle-3-4:before {
    display: inline-block;
    content: "ij";
}
.icon.icon-circle-4 {
    position: relative;
}
.icon.icon-circle-4:before {
    display: inline-block;
    content: "Ĵ";
}
.icon.icon-clipboard-fail {
    position: relative;
}
.icon.icon-clipboard-fail:before {
    display: inline-block;
    content: "ĵ";
}
.icon.icon-clipboard-success {
    position: relative;
}
.icon.icon-clipboard-success:before {
    display: inline-block;
    content: "Ķ";
}
.icon.icon-component {
    position: relative;
}
.icon.icon-component:before {
    display: inline-block;
    content: "ķ";
}
.icon.icon-copy-success {
    position: relative;
}
.icon.icon-copy-success:before {
    display: inline-block;
    content: "ĸ";
}
.icon.icon-copy {
    position: relative;
}
.icon.icon-copy:before {
    display: inline-block;
    content: "Ĺ";
}
.icon.icon-divide {
    position: relative;
}
.icon.icon-divide:before {
    display: inline-block;
    content: "ĺ";
}
.icon.icon-eye-droper-1 {
    position: relative;
}
.icon.icon-eye-droper-1:before {
    display: inline-block;
    content: "Ļ";
}
.icon.icon-eye-droper {
    position: relative;
}
.icon.icon-eye-droper:before {
    display: inline-block;
    content: "ļ";
}
.icon.icon-fill-horizontal {
    position: relative;
}
.icon.icon-fill-horizontal:before {
    display: inline-block;
    content: "Ľ";
}
.icon.icon-fill-vertical {
    position: relative;
}
.icon.icon-fill-vertical:before {
    display: inline-block;
    content: "ľ";
}
.icon.icon-home {
    position: relative;
}
.icon.icon-home:before {
    display: inline-block;
    content: "Ŀ";
}
.icon.icon-hug-horizontal {
    position: relative;
}
.icon.icon-hug-horizontal:before {
    display: inline-block;
    content: "ŀ";
}
.icon.icon-hug-vertical {
    position: relative;
}
.icon.icon-hug-vertical:before {
    display: inline-block;
    content: "Ł";
}
.icon.icon-link {
    position: relative;
}
.icon.icon-link:before {
    display: inline-block;
    content: "ł";
}
.icon.icon-mirror {
    position: relative;
}
.icon.icon-mirror:before {
    display: inline-block;
    content: "Ń";
}
.icon.icon-multiply {
    position: relative;
}
.icon.icon-multiply:before {
    display: inline-block;
    content: "ń";
}
.icon.icon-notification-1 {
    position: relative;
}
.icon.icon-notification-1:before {
    display: inline-block;
    content: "Ņ";
}
.icon.icon-notification-new {
    position: relative;
}
.icon.icon-notification-new:before {
    display: inline-block;
    content: "ņ";
}
.icon.icon-notification {
    position: relative;
}
.icon.icon-notification:before {
    display: inline-block;
    content: "Ň";
}
.icon.icon-pen {
    position: relative;
}
.icon.icon-pen:before {
    display: inline-block;
    content: "ň";
}
.icon.icon-scale {
    position: relative;
}
.icon.icon-scale:before {
    display: inline-block;
    content: "ʼn";
}
.icon.icon-setting-2 {
    position: relative;
}
.icon.icon-setting-2:before {
    display: inline-block;
    content: "Ŋ";
}
.icon.icon-setting {
    position: relative;
}
.icon.icon-setting:before {
    display: inline-block;
    content: "ŋ";
}
.icon.icon-split {
    position: relative;
}
.icon.icon-split:before {
    display: inline-block;
    content: "Ō";
}
.icon.icon-subtract {
    position: relative;
}
.icon.icon-subtract:before {
    display: inline-block;
    content: "ō";
}
.icon.icon-trash-can-blank {
    position: relative;
}
.icon.icon-trash-can-blank:before {
    display: inline-block;
    content: "Ŏ";
}
.icon.icon-trash-can {
    position: relative;
}
.icon.icon-trash-can:before {
    display: inline-block;
    content: "ŏ";
}
.icon.icon-wand {
    position: relative;
}
.icon.icon-wand:before {
    display: inline-block;
    content: "Ő";
}
.icon.icon-zoom-in {
    position: relative;
}
.icon.icon-zoom-in:before {
    display: inline-block;
    content: "ő";
}
.icon.icon-zoom-out {
    position: relative;
}
.icon.icon-zoom-out:before {
    display: inline-block;
    content: "Œ";
}
.icon.icon-zoom {
    position: relative;
}
.icon.icon-zoom:before {
    display: inline-block;
    content: "œ";
}
.icon.icon-profile {
    position: relative;
}
.icon.icon-profile:before {
    display: inline-block;
    content: "Ŕ";
}
.icon.icon-user-add {
    position: relative;
}
.icon.icon-user-add:before {
    display: inline-block;
    content: "ŕ";
}
.icon.icon-user-edit {
    position: relative;
}
.icon.icon-user-edit:before {
    display: inline-block;
    content: "Ŗ";
}
.icon.icon-user-error {
    position: relative;
}
.icon.icon-user-error:before {
    display: inline-block;
    content: "ŗ";
}
.icon.icon-user-group {
    position: relative;
}
.icon.icon-user-group:before {
    display: inline-block;
    content: "Ř";
}
.icon.icon-user-remove {
    position: relative;
}
.icon.icon-user-remove:before {
    display: inline-block;
    content: "ř";
}
.icon.icon-user-search {
    position: relative;
}
.icon.icon-user-search:before {
    display: inline-block;
    content: "Ś";
}
.icon.icon-user-users {
    position: relative;
}
.icon.icon-user-users:before {
    display: inline-block;
    content: "ś";
}
.icon.icon-user {
    position: relative;
}
.icon.icon-user:before {
    display: inline-block;
    content: "Ŝ";
}
.icon.icon-air-balloon {
    position: relative;
}
.icon.icon-air-balloon:before {
    display: inline-block;
    content: "ŝ";
}
.icon.icon-cable-car {
    position: relative;
}
.icon.icon-cable-car:before {
    display: inline-block;
    content: "Ş";
}
.icon.icon-cano {
    position: relative;
}
.icon.icon-cano:before {
    display: inline-block;
    content: "ş";
}
.icon.icon-car-suv {
    position: relative;
}
.icon.icon-car-suv:before {
    display: inline-block;
    content: "Š";
}
.icon.icon-electronic-train {
    position: relative;
}
.icon.icon-electronic-train:before {
    display: inline-block;
    content: "š";
}
.icon.icon-helicopter {
    position: relative;
}
.icon.icon-helicopter:before {
    display: inline-block;
    content: "Ţ";
}
.icon.icon-parachute {
    position: relative;
}
.icon.icon-parachute:before {
    display: inline-block;
    content: "ţ";
}
.icon.icon-pirate-ship {
    position: relative;
}
.icon.icon-pirate-ship:before {
    display: inline-block;
    content: "Ť";
}
.icon.icon-plane-1 {
    position: relative;
}
.icon.icon-plane-1:before {
    display: inline-block;
    content: "ť";
}
.icon.icon-plane-fight-1 {
    position: relative;
}
.icon.icon-plane-fight-1:before {
    display: inline-block;
    content: "Ŧ";
}
.icon.icon-plane-fight {
    position: relative;
}
.icon.icon-plane-fight:before {
    display: inline-block;
    content: "ŧ";
}
.icon.icon-plane {
    position: relative;
}
.icon.icon-plane:before {
    display: inline-block;
    content: "Ũ";
}
.icon.icon-sailboat {
    position: relative;
}
.icon.icon-sailboat:before {
    display: inline-block;
    content: "ũ";
}
.icon.icon-ship {
    position: relative;
}
.icon.icon-ship:before {
    display: inline-block;
    content: "Ū";
}
.icon.icon-submarine {
    position: relative;
}
.icon.icon-submarine:before {
    display: inline-block;
    content: "ū";
}
.icon.icon-tank {
    position: relative;
}
.icon.icon-tank:before {
    display: inline-block;
    content: "Ŭ";
}
.icon.icon-tractor {
    position: relative;
}
.icon.icon-tractor:before {
    display: inline-block;
    content: "ŭ";
}
.icon.icon-zeepelin {
    position: relative;
}
.icon.icon-zeepelin:before {
    display: inline-block;
    content: "Ů";
}
.icon.icon-bomb {
    position: relative;
}
.icon.icon-bomb:before {
    display: inline-block;
    content: "ů";
}
.icon.icon-boom {
    position: relative;
}
.icon.icon-boom:before {
    display: inline-block;
    content: "Ű";
}
.icon.icon-grenade {
    position: relative;
}
.icon.icon-grenade:before {
    display: inline-block;
    content: "ű";
}
.icon.icon-nuclear-bomb {
    position: relative;
}
.icon.icon-nuclear-bomb:before {
    display: inline-block;
    content: "Ų";
}
.icon.icon-nuclear {
    position: relative;
}
.icon.icon-nuclear:before {
    display: inline-block;
    content: "ų";
}
.icon.icon-skull {
    position: relative;
}
.icon.icon-skull:before {
    display: inline-block;
    content: "Ŵ";
}
.icon.icon-big-wind {
    position: relative;
}
.icon.icon-big-wind:before {
    display: inline-block;
    content: "ŵ";
}
.icon.icon-cloud {
    position: relative;
}
.icon.icon-cloud:before {
    display: inline-block;
    content: "Ŷ";
}
.icon.icon-lighning {
    position: relative;
}
.icon.icon-lighning:before {
    display: inline-block;
    content: "ŷ";
}
.icon.icon-small-wind {
    position: relative;
}
.icon.icon-small-wind:before {
    display: inline-block;
    content: "Ÿ";
}
.icon.icon-snowflake {
    position: relative;
}
.icon.icon-snowflake:before {
    display: inline-block;
    content: "Ź";
}
.icon.icon-sun-cloud {
    position: relative;
}
.icon.icon-sun-cloud:before {
    display: inline-block;
    content: "ź";
}
.icon.icon-whirlwind {
    position: relative;
}
.icon.icon-whirlwind:before {
    display: inline-block;
    content: "Ż";
}
.icon.icon-wind {
    position: relative;
}
.icon.icon-wind:before {
    display: inline-block;
    content: "ż";
}
.icon.icon-bot-1 {
    position: relative;
}
.icon.icon-bot-1:before {
    display: inline-block;
    content: "Ž";
}
.icon.icon-bot {
    position: relative;
}
.icon.icon-bot:before {
    display: inline-block;
    content: "ž";
}
.icon.icon-code-1 {
    position: relative;
}
.icon.icon-code-1:before {
    display: inline-block;
    content: "ſ";
}
.icon.icon-code {
    position: relative;
}
.icon.icon-code:before {
    display: inline-block;
    content: "ƀ";
}
.icon.icon-fork-1 {
    position: relative;
}
.icon.icon-fork-1:before {
    display: inline-block;
    content: "Ɓ";
}
.icon.icon-fork {
    position: relative;
}
.icon.icon-fork:before {
    display: inline-block;
    content: "Ƃ";
}
.icon.icon-issue-1 {
    position: relative;
}
.icon.icon-issue-1:before {
    display: inline-block;
    content: "ƃ";
}
.icon.icon-issue-2 {
    position: relative;
}
.icon.icon-issue-2:before {
    display: inline-block;
    content: "Ƅ";
}
.icon.icon-issue-3 {
    position: relative;
}
.icon.icon-issue-3:before {
    display: inline-block;
    content: "ƅ";
}
.icon.icon-issue-4 {
    position: relative;
}
.icon.icon-issue-4:before {
    display: inline-block;
    content: "Ɔ";
}
.icon.icon-issue-5 {
    position: relative;
}
.icon.icon-issue-5:before {
    display: inline-block;
    content: "Ƈ";
}
.icon.icon-issue {
    position: relative;
}
.icon.icon-issue:before {
    display: inline-block;
    content: "ƈ";
}
.icon.icon-license {
    position: relative;
}
.icon.icon-license:before {
    display: inline-block;
    content: "Ɖ";
}
.icon.icon-merge-1 {
    position: relative;
}
.icon.icon-merge-1:before {
    display: inline-block;
    content: "Ɗ";
}
.icon.icon-merge {
    position: relative;
}
.icon.icon-merge:before {
    display: inline-block;
    content: "Ƌ";
}
.icon.icon-policy-1 {
    position: relative;
}
.icon.icon-policy-1:before {
    display: inline-block;
    content: "ƌ";
}
.icon.icon-policy {
    position: relative;
}
.icon.icon-policy:before {
    display: inline-block;
    content: "ƍ";
}
.icon.icon-prom-1 {
    position: relative;
}
.icon.icon-prom-1:before {
    display: inline-block;
    content: "Ǝ";
}
.icon.icon-prom {
    position: relative;
}
.icon.icon-prom:before {
    display: inline-block;
    content: "Ə";
}