comunic/assets/css/metro-icons_3.css

@font-face {
  font-family: 'metro';
  src: url('../fonts/metro.eot?izvoei');
  src: url('../fonts/metro.eot?#iefixizvoei') format('embedded-opentype'), url('../fonts/metro.woff?izvoei') format('woff'), url('../fonts/metro.ttf?izvoei') format('truetype'), url('../fonts/metro.svg?izvoei#metro') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="mif-"],
[class*=" mif-"] {
  display: inline-block;
  font: normal normal normal 1.5em/1;
  font-family: metro, "Segoe UI", "Open Sans", serif;
  line-height: 1 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  vertical-align: middle;
}
[class^="mif-"]:before,
[class*=" mif-"]:before {
  font-family: metro, serif;
}
.mif-lg {
  font-size: 1.3rem;
  line-height: 0.75em;
  vertical-align: -25%;
}
.mif-2x {
  font-size: 1.75rem;
  vertical-align: -25%;
}
.mif-3x {
  font-size: 2.625rem;
  vertical-align: -30%;
}
.mif-4x {
  font-size: 3.5rem;
  vertical-align: -35%;
}
.op-default {
  background-color: rgba(27, 161, 226, 0.7);
}
.op-black {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.op-white {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.op-lime {
  background-color: rgba(164, 196, 0, 0.7) !important;
}
.op-green {
  background-color: rgba(96, 169, 23, 0.7) !important;
}
.op-emerald {
  background-color: rgba(0, 138, 0, 0.7) !important;
}
.op-teal {
  background-color: rgba(0, 171, 169, 0.7) !important;
}
.op-cyan {
  background-color: rgba(27, 161, 226, 0.7) !important;
}
.op-cobalt {
  background-color: rgba(0, 80, 239, 0.7) !important;
}
.op-indigo {
  background-color: rgba(106, 0, 255, 0.7) !important;
}
.op-violet {
  background-color: rgba(170, 0, 255, 0.7) !important;
}
.op-pink {
  background-color: rgba(220, 79, 173, 0.7) !important;
}
.op-magenta {
  background-color: rgba(216, 0, 115, 0.7) !important;
}
.op-crimson {
  background-color: rgba(162, 0, 37, 0.7) !important;
}
.op-red {
  background-color: rgba(206, 53, 44, 0.7) !important;
}
.op-orange {
  background-color: rgba(250, 104, 0, 0.7) !important;
}
.op-amber {
  background-color: rgba(240, 163, 10, 0.7) !important;
}
.op-yellow {
  background-color: rgba(227, 200, 0, 0.7) !important;
}
.op-brown {
  background-color: rgba(130, 90, 44, 0.7) !important;
}
.op-olive {
  background-color: rgba(109, 135, 100, 0.7) !important;
}
.op-steel {
  background-color: rgba(100, 118, 135, 0.7) !important;
}
.op-mauve {
  background-color: rgba(118, 96, 138, 0.7) !important;
}
.op-taupe {
  background-color: rgba(135, 121, 78, 0.7) !important;
}
.op-gray {
  background-color: rgba(85, 85, 85, 0.7) !important;
}
.op-dark {
  background-color: rgba(51, 51, 51, 0.7) !important;
}
.op-darker {
  background-color: rgba(34, 34, 34, 0.7) !important;
}
.op-transparent {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.op-darkBrown {
  background-color: rgba(99, 54, 47, 0.7) !important;
}
.op-darkCrimson {
  background-color: rgba(100, 0, 36, 0.7) !important;
}
.op-darkMagenta {
  background-color: rgba(129, 0, 60, 0.7) !important;
}
.op-darkIndigo {
  background-color: rgba(75, 0, 150, 0.7) !important;
}
.op-darkCyan {
  background-color: rgba(27, 110, 174, 0.7) !important;
}
.op-darkCobalt {
  background-color: rgba(0, 53, 106, 0.7) !important;
}
.op-darkTeal {
  background-color: rgba(0, 64, 80, 0.7) !important;
}
.op-darkEmerald {
  background-color: rgba(0, 62, 0, 0.7) !important;
}
.op-darkGreen {
  background-color: rgba(18, 128, 35, 0.7) !important;
}
.op-darkOrange {
  background-color: rgba(191, 90, 21, 0.7) !important;
}
.op-darkRed {
  background-color: rgba(154, 22, 22, 0.7) !important;
}
.op-darkPink {
  background-color: rgba(154, 22, 90, 0.7) !important;
}
.op-darkViolet {
  background-color: rgba(87, 22, 154, 0.7) !important;
}
.op-darkBlue {
  background-color: rgba(22, 73, 154, 0.7) !important;
}
.op-lightBlue {
  background-color: rgba(67, 144, 223, 0.7) !important;
}
.op-lightRed {
  background-color: rgba(218, 90, 83, 0.7) !important;
}
.op-lightGreen {
  background-color: rgba(122, 214, 29, 0.7) !important;
}
.op-lighterBlue {
  background-color: rgba(0, 204, 255, 0.7) !important;
}
.op-lightTeal {
  background-color: rgba(69, 255, 253, 0.7) !important;
}
.op-lightOlive {
  background-color: rgba(120, 170, 28, 0.7) !important;
}
.op-lightOrange {
  background-color: rgba(194, 144, 8, 0.7) !important;
}
.op-lightPink {
  background-color: rgba(244, 114, 208, 0.7) !important;
}
.op-grayDark {
  background-color: rgba(51, 51, 51, 0.7) !important;
}
.op-grayDarker {
  background-color: rgba(34, 34, 34, 0.7) !important;
}
.op-grayLight {
  background-color: rgba(153, 153, 153, 0.7) !important;
}
.op-grayLighter {
  background-color: rgba(238, 238, 238, 0.7) !important;
}
.op-blue {
  background-color: rgba(0, 175, 240, 0.7) !important;
}
.bg-black {
  background: #000000 !important;
}
.bg-white {
  background: #ffffff !important;
}
.bg-lime {
  background: #a4c400 !important;
}
.bg-green {
  background: #60a917 !important;
}
.bg-emerald {
  background: #008a00 !important;
}
.bg-teal {
  background: #00aba9 !important;
}
.bg-cyan {
  background: #1ba1e2 !important;
}
.bg-cobalt {
  background: #0050ef !important;
}
.bg-indigo {
  background: #6a00ff !important;
}
.bg-violet {
  background: #aa00ff !important;
}
.bg-pink {
  background: #dc4fad !important;
}
.bg-magenta {
  background: #d80073 !important;
}
.bg-crimson {
  background: #a20025 !important;
}
.bg-red {
  background: #ce352c !important;
}
.bg-orange {
  background: #fa6800 !important;
}
.bg-amber {
  background: #f0a30a !important;
}
.bg-yellow {
  background: #e3c800 !important;
}
.bg-brown {
  background: #825a2c !important;
}
.bg-olive {
  background: #6d8764 !important;
}
.bg-steel {
  background: #647687 !important;
}
.bg-mauve {
  background: #76608a !important;
}
.bg-taupe {
  background: #87794e !important;
}
.bg-gray {
  background: #555555 !important;
}
.bg-dark {
  background: #333333 !important;
}
.bg-darker {
  background: #222222 !important;
}
.bg-transparent {
  background: transparent !important;
}
.bg-darkBrown {
  background: #63362f !important;
}
.bg-darkCrimson {
  background: #640024 !important;
}
.bg-darkMagenta {
  background: #81003c !important;
}
.bg-darkIndigo {
  background: #4b0096 !important;
}
.bg-darkCyan {
  background: #1b6eae !important;
}
.bg-darkCobalt {
  background: #00356a !important;
}
.bg-darkTeal {
  background: #004050 !important;
}
.bg-darkEmerald {
  background: #003e00 !important;
}
.bg-darkGreen {
  background: #128023 !important;
}
.bg-darkOrange {
  background: #bf5a15 !important;
}
.bg-darkRed {
  background: #9a1616 !important;
}
.bg-darkPink {
  background: #9a165a !important;
}
.bg-darkViolet {
  background: #57169a !important;
}
.bg-darkBlue {
  background: #16499a !important;
}
.bg-lightBlue {
  background: #4390df !important;
}
.bg-lightRed {
  background: #da5a53 !important;
}
.bg-lightGreen {
  background: #7ad61d !important;
}
.bg-lighterBlue {
  background: #00ccff !important;
}
.bg-lightTeal {
  background: #45fffd !important;
}
.bg-lightOlive {
  background: #78aa1c !important;
}
.bg-lightOrange {
  background: #c29008 !important;
}
.bg-lightPink {
  background: #f472d0 !important;
}
.bg-grayDark {
  background: #333333 !important;
}
.bg-grayDarker {
  background: #222222 !important;
}
.bg-grayLight {
  background: #999999 !important;
}
.bg-grayLighter {
  background: #eeeeee !important;
}
.bg-blue {
  background: #00aff0 !important;
}
.fg-black {
  color: #000000 !important;
}
.fg-white {
  color: #ffffff !important;
}
.fg-lime {
  color: #a4c400 !important;
}
.fg-green {
  color: #60a917 !important;
}
.fg-emerald {
  color: #008a00 !important;
}
.fg-teal {
  color: #00aba9 !important;
}
.fg-cyan {
  color: #1ba1e2 !important;
}
.fg-cobalt {
  color: #0050ef !important;
}
.fg-indigo {
  color: #6a00ff !important;
}
.fg-violet {
  color: #aa00ff !important;
}
.fg-pink {
  color: #dc4fad !important;
}
.fg-magenta {
  color: #d80073 !important;
}
.fg-crimson {
  color: #a20025 !important;
}
.fg-red {
  color: #ce352c !important;
}
.fg-orange {
  color: #fa6800 !important;
}
.fg-amber {
  color: #f0a30a !important;
}
.fg-yellow {
  color: #e3c800 !important;
}
.fg-brown {
  color: #825a2c !important;
}
.fg-olive {
  color: #6d8764 !important;
}
.fg-steel {
  color: #647687 !important;
}
.fg-mauve {
  color: #76608a !important;
}
.fg-taupe {
  color: #87794e !important;
}
.fg-gray {
  color: #555555 !important;
}
.fg-dark {
  color: #333333 !important;
}
.fg-darker {
  color: #222222 !important;
}
.fg-transparent {
  color: transparent !important;
}
.fg-darkBrown {
  color: #63362f !important;
}
.fg-darkCrimson {
  color: #640024 !important;
}
.fg-darkMagenta {
  color: #81003c !important;
}
.fg-darkIndigo {
  color: #4b0096 !important;
}
.fg-darkCyan {
  color: #1b6eae !important;
}
.fg-darkCobalt {
  color: #00356a !important;
}
.fg-darkTeal {
  color: #004050 !important;
}
.fg-darkEmerald {
  color: #003e00 !important;
}
.fg-darkGreen {
  color: #128023 !important;
}
.fg-darkOrange {
  color: #bf5a15 !important;
}
.fg-darkRed {
  color: #9a1616 !important;
}
.fg-darkPink {
  color: #9a165a !important;
}
.fg-darkViolet {
  color: #57169a !important;
}
.fg-darkBlue {
  color: #16499a !important;
}
.fg-lightBlue {
  color: #4390df !important;
}
.fg-lighterBlue {
  color: #00ccff !important;
}
.fg-lightTeal {
  color: #45fffd !important;
}
.fg-lightOlive {
  color: #78aa1c !important;
}
.fg-lightOrange {
  color: #c29008 !important;
}
.fg-lightPink {
  color: #f472d0 !important;
}
.fg-lightRed {
  color: #da5a53 !important;
}
.fg-lightGreen {
  color: #7ad61d !important;
}
.fg-grayDark {
  color: #333333 !important;
}
.fg-grayDarker {
  color: #222222 !important;
}
.fg-grayLight {
  color: #999999 !important;
}
.fg-grayLighter {
  color: #eeeeee !important;
}
.fg-blue {
  color: #00aff0 !important;
}
.ol-black {
  outline-color: #000000 !important;
}
.ol-white {
  outline-color: #ffffff !important;
}
.ol-lime {
  outline-color: #a4c400 !important;
}
.ol-green {
  outline-color: #60a917 !important;
}
.ol-emerald {
  outline-color: #008a00 !important;
}
.ol-teal {
  outline-color: #00aba9 !important;
}
.ol-cyan {
  outline-color: #1ba1e2 !important;
}
.ol-cobalt {
  outline-color: #0050ef !important;
}
.ol-indigo {
  outline-color: #6a00ff !important;
}
.ol-violet {
  outline-color: #aa00ff !important;
}
.ol-pink {
  outline-color: #dc4fad !important;
}
.ol-magenta {
  outline-color: #d80073 !important;
}
.ol-crimson {
  outline-color: #a20025 !important;
}
.ol-red {
  outline-color: #ce352c !important;
}
.ol-orange {
  outline-color: #fa6800 !important;
}
.ol-amber {
  outline-color: #f0a30a !important;
}
.ol-yellow {
  outline-color: #e3c800 !important;
}
.ol-brown {
  outline-color: #825a2c !important;
}
.ol-olive {
  outline-color: #6d8764 !important;
}
.ol-steel {
  outline-color: #647687 !important;
}
.ol-mauve {
  outline-color: #76608a !important;
}
.ol-taupe {
  outline-color: #87794e !important;
}
.ol-gray {
  outline-color: #555555 !important;
}
.ol-dark {
  outline-color: #333333 !important;
}
.ol-darker {
  outline-color: #222222 !important;
}
.ol-transparent {
  outline-color: transparent !important;
}
.ol-darkBrown {
  outline-color: #63362f !important;
}
.ol-darkCrimson {
  outline-color: #640024 !important;
}
.ol-darkMagenta {
  outline-color: #81003c !important;
}
.ol-darkIndigo {
  outline-color: #4b0096 !important;
}
.ol-darkCyan {
  outline-color: #1b6eae !important;
}
.ol-darkCobalt {
  outline-color: #00356a !important;
}
.ol-darkTeal {
  outline-color: #004050 !important;
}
.ol-darkEmerald {
  outline-color: #003e00 !important;
}
.ol-darkGreen {
  outline-color: #128023 !important;
}
.ol-darkOrange {
  outline-color: #bf5a15 !important;
}
.ol-darkRed {
  outline-color: #9a1616 !important;
}
.ol-darkPink {
  outline-color: #9a165a !important;
}
.ol-darkViolet {
  outline-color: #57169a !important;
}
.ol-darkBlue {
  outline-color: #16499a !important;
}
.ol-lightBlue {
  outline-color: #4390df !important;
}
.ol-lighterBlue {
  outline-color: #00ccff !important;
}
.ol-lightTeal {
  outline-color: #45fffd !important;
}
.ol-lightOlive {
  outline-color: #78aa1c !important;
}
.ol-lightOrange {
  outline-color: #c29008 !important;
}
.ol-lightPink {
  outline-color: #f472d0 !important;
}
.ol-lightRed {
  outline-color: #da5a53 !important;
}
.ol-lightGreen {
  outline-color: #7ad61d !important;
}
.ol-grayDark {
  outline-color: #333333 !important;
}
.ol-grayDarker {
  outline-color: #222222 !important;
}
.ol-grayLight {
  outline-color: #999999 !important;
}
.ol-grayLighter {
  outline-color: #eeeeee !important;
}
.ol-blue {
  outline-color: #00aff0 !important;
}
.bd-black {
  border-color: #000000 !important;
}
.bd-white {
  border-color: #ffffff !important;
}
.bd-lime {
  border-color: #a4c400 !important;
}
.bd-green {
  border-color: #60a917 !important;
}
.bd-emerald {
  border-color: #008a00 !important;
}
.bd-teal {
  border-color: #00aba9 !important;
}
.bd-cyan {
  border-color: #1ba1e2 !important;
}
.bd-cobalt {
  border-color: #0050ef !important;
}
.bd-indigo {
  border-color: #6a00ff !important;
}
.bd-violet {
  border-color: #aa00ff !important;
}
.bd-pink {
  border-color: #dc4fad !important;
}
.bd-magenta {
  border-color: #d80073 !important;
}
.bd-crimson {
  border-color: #a20025 !important;
}
.bd-red {
  border-color: #ce352c !important;
}
.bd-orange {
  border-color: #fa6800 !important;
}
.bd-amber {
  border-color: #f0a30a !important;
}
.bd-yellow {
  border-color: #e3c800 !important;
}
.bd-brown {
  border-color: #825a2c !important;
}
.bd-olive {
  border-color: #6d8764 !important;
}
.bd-steel {
  border-color: #647687 !important;
}
.bd-mauve {
  border-color: #76608a !important;
}
.bd-taupe {
  border-color: #87794e !important;
}
.bd-gray {
  border-color: #555555 !important;
}
.bd-dark {
  border-color: #333333 !important;
}
.bd-darker {
  border-color: #222222 !important;
}
.bd-transparent {
  border-color: transparent !important;
}
.bd-darkBrown {
  border-color: #63362f !important;
}
.bd-darkCrimson {
  border-color: #640024 !important;
}
.bd-darkMagenta {
  border-color: #81003c !important;
}
.bd-darkIndigo {
  border-color: #4b0096 !important;
}
.bd-darkCyan {
  border-color: #1b6eae !important;
}
.bd-darkCobalt {
  border-color: #00356a !important;
}
.bd-darkTeal {
  border-color: #004050 !important;
}
.bd-darkEmerald {
  border-color: #003e00 !important;
}
.bd-darkGreen {
  border-color: #128023 !important;
}
.bd-darkOrange {
  border-color: #bf5a15 !important;
}
.bd-darkRed {
  border-color: #9a1616 !important;
}
.bd-darkPink {
  border-color: #9a165a !important;
}
.bd-darkViolet {
  border-color: #57169a !important;
}
.bd-darkBlue {
  border-color: #16499a !important;
}
.bd-lightBlue {
  border-color: #4390df !important;
}
.bd-lightTeal {
  border-color: #45fffd !important;
}
.bd-lightOlive {
  border-color: #78aa1c !important;
}
.bd-lightOrange {
  border-color: #c29008 !important;
}
.bd-lightPink {
  border-color: #f472d0 !important;
}
.bd-lightRed {
  border-color: #da5a53 !important;
}
.bd-lightGreen {
  border-color: #7ad61d !important;
}
.bd-grayDark {
  border-color: #333333 !important;
}
.bd-grayDarker {
  border-color: #222222 !important;
}
.bd-grayLight {
  border-color: #999999 !important;
}
.bd-grayLighter {
  border-color: #eeeeee !important;
}
.bd-blue {
  border-color: #00aff0 !important;
}
.bg-hover-black:hover {
  background: #000000 !important;
}
.bg-hover-white:hover {
  background: #ffffff !important;
}
.bg-hover-lime:hover {
  background: #a4c400 !important;
}
.bg-hover-green:hover {
  background: #60a917 !important;
}
.bg-hover-emerald:hover {
  background: #008a00 !important;
}
.bg-hover-teal:hover {
  background: #00aba9 !important;
}
.bg-hover-cyan:hover {
  background: #1ba1e2 !important;
}
.bg-hover-cobalt:hover {
  background: #0050ef !important;
}
.bg-hover-indigo:hover {
  background: #6a00ff !important;
}
.bg-hover-violet:hover {
  background: #aa00ff !important;
}
.bg-hover-pink:hover {
  background: #dc4fad !important;
}
.bg-hover-magenta:hover {
  background: #d80073 !important;
}
.bg-hover-crimson:hover {
  background: #a20025 !important;
}
.bg-hover-red:hover {
  background: #ce352c !important;
}
.bg-hover-orange:hover {
  background: #fa6800 !important;
}
.bg-hover-amber:hover {
  background: #f0a30a !important;
}
.bg-hover-yellow:hover {
  background: #e3c800 !important;
}
.bg-hover-brown:hover {
  background: #825a2c !important;
}
.bg-hover-olive:hover {
  background: #6d8764 !important;
}
.bg-hover-steel:hover {
  background: #647687 !important;
}
.bg-hover-mauve:hover {
  background: #76608a !important;
}
.bg-hover-taupe:hover {
  background: #87794e !important;
}
.bg-hover-gray:hover {
  background: #555555 !important;
}
.bg-hover-dark:hover {
  background: #333333 !important;
}
.bg-hover-darker:hover {
  background: #222222 !important;
}
.bg-hover-transparent:hover {
  background: transparent !important;
}
.bg-hover-darkBrown:hover {
  background: #63362f !important;
}
.bg-hover-darkCrimson:hover {
  background: #640024 !important;
}
.bg-hover-darkMagenta:hover {
  background: #81003c !important;
}
.bg-hover-darkIndigo:hover {
  background: #4b0096 !important;
}
.bg-hover-darkCyan:hover {
  background: #1b6eae !important;
}
.bg-hover-darkCobalt:hover {
  background: #00356a !important;
}
.bg-hover-darkTeal:hover {
  background: #004050 !important;
}
.bg-hover-darkEmerald:hover {
  background: #003e00 !important;
}
.bg-hover-darkGreen:hover {
  background: #128023 !important;
}
.bg-hover-darkOrange:hover {
  background: #bf5a15 !important;
}
.bg-hover-darkRed:hover {
  background: #9a1616 !important;
}
.bg-hover-darkPink:hover {
  background: #9a165a !important;
}
.bg-hover-darkViolet:hover {
  background: #57169a !important;
}
.bg-hover-darkBlue:hover {
  background: #16499a !important;
}
.bg-hover-lightBlue:hover {
  background: #4390df !important;
}
.bg-hover-lightTeal:hover {
  background: #45fffd !important;
}
.bg-hover-lightOlive:hover {
  background: #78aa1c !important;
}
.bg-hover-lightOrange:hover {
  background: #c29008 !important;
}
.bg-hover-lightPink:hover {
  background: #f472d0 !important;
}
.bg-hover-lightRed:hover {
  background: #da5a53 !important;
}
.bg-hover-lightGreen:hover {
  background: #7ad61d !important;
}
.bg-hover-grayDark:hover {
  background: #333333 !important;
}
.bg-hover-grayDarker:hover {
  background: #222222 !important;
}
.bg-hover-grayLight:hover {
  background: #999999 !important;
}
.bg-hover-grayLighter:hover {
  background: #eeeeee !important;
}
.bg-hover-blue:hover {
  background: #00aff0 !important;
}
.fg-hover-black:hover {
  color: #000000 !important;
}
.fg-hover-white:hover {
  color: #ffffff !important;
}
.fg-hover-lime:hover {
  color: #a4c400 !important;
}
.fg-hover-green:hover {
  color: #60a917 !important;
}
.fg-hover-emerald:hover {
  color: #008a00 !important;
}
.fg-hover-teal:hover {
  color: #00aba9 !important;
}
.fg-hover-cyan:hover {
  color: #1ba1e2 !important;
}
.fg-hover-cobalt:hover {
  color: #0050ef !important;
}
.fg-hover-indigo:hover {
  color: #6a00ff !important;
}
.fg-hover-violet:hover {
  color: #aa00ff !important;
}
.fg-hover-pink:hover {
  color: #dc4fad !important;
}
.fg-hover-magenta:hover {
  color: #d80073 !important;
}
.fg-hover-crimson:hover {
  color: #a20025 !important;
}
.fg-hover-red:hover {
  color: #ce352c !important;
}
.fg-hover-orange:hover {
  color: #fa6800 !important;
}
.fg-hover-amber:hover {
  color: #f0a30a !important;
}
.fg-hover-yellow:hover {
  color: #e3c800 !important;
}
.fg-hover-brown:hover {
  color: #825a2c !important;
}
.fg-hover-olive:hover {
  color: #6d8764 !important;
}
.fg-hover-steel:hover {
  color: #647687 !important;
}
.fg-hover-mauve:hover {
  color: #76608a !important;
}
.fg-hover-taupe:hover {
  color: #87794e !important;
}
.fg-hover-gray:hover {
  color: #555555 !important;
}
.fg-hover-dark:hover {
  color: #333333 !important;
}
.fg-hover-darker:hover {
  color: #222222 !important;
}
.fg-hover-transparent:hover {
  color: transparent !important;
}
.fg-hover-darkBrown:hover {
  color: #63362f !important;
}
.fg-hover-darkCrimson:hover {
  color: #640024 !important;
}
.fg-hover-darkMagenta:hover {
  color: #81003c !important;
}
.fg-hover-darkIndigo:hover {
  color: #4b0096 !important;
}
.fg-hover-darkCyan:hover {
  color: #1b6eae !important;
}
.fg-hover-darkCobalt:hover {
  color: #00356a !important;
}
.fg-hover-darkTeal:hover {
  color: #004050 !important;
}
.fg-hover-darkEmerald:hover {
  color: #003e00 !important;
}
.fg-hover-darkGreen:hover {
  color: #128023 !important;
}
.fg-hover-darkOrange:hover {
  color: #bf5a15 !important;
}
.fg-hover-darkRed:hover {
  color: #9a1616 !important;
}
.fg-hover-darkPink:hover {
  color: #9a165a !important;
}
.fg-hover-darkViolet:hover {
  color: #57169a !important;
}
.fg-hover-darkBlue:hover {
  color: #16499a !important;
}
.fg-hover-lightBlue:hover {
  color: #4390df !important;
}
.fg-hover-lightTeal:hover {
  color: #45fffd !important;
}
.fg-hover-lightOlive:hover {
  color: #78aa1c !important;
}
.fg-hover-lightOrange:hover {
  color: #c29008 !important;
}
.fg-hover-lightPink:hover {
  color: #f472d0 !important;
}
.fg-hover-lightRed:hover {
  color: #da5a53 !important;
}
.fg-hover-lightGreen:hover {
  color: #7ad61d !important;
}
.fg-hover-grayDark:hover {
  color: #333333 !important;
}
.fg-hover-grayDarker:hover {
  color: #222222 !important;
}
.fg-hover-grayLight:hover {
  color: #999999 !important;
}
.fg-hover-grayLighter:hover {
  color: #eeeeee !important;
}
.fg-hover-blue:hover {
  color: #00aff0 !important;
}
.bg-active-black:active {
  background: #000000 !important;
}
.bg-active-white:active {
  background: #ffffff !important;
}
.bg-active-lime:active {
  background: #a4c400 !important;
}
.bg-active-green:active {
  background: #60a917 !important;
}
.bg-active-emerald:active {
  background: #008a00 !important;
}
.bg-active-teal:active {
  background: #00aba9 !important;
}
.bg-active-cyan:active {
  background: #1ba1e2 !important;
}
.bg-active-cobalt:active {
  background: #0050ef !important;
}
.bg-active-indigo:active {
  background: #6a00ff !important;
}
.bg-active-violet:active {
  background: #aa00ff !important;
}
.bg-active-pink:active {
  background: #dc4fad !important;
}
.bg-active-magenta:active {
  background: #d80073 !important;
}
.bg-active-crimson:active {
  background: #a20025 !important;
}
.bg-active-red:active {
  background: #ce352c !important;
}
.bg-active-orange:active {
  background: #fa6800 !important;
}
.bg-active-amber:active {
  background: #f0a30a !important;
}
.bg-active-yellow:active {
  background: #e3c800 !important;
}
.bg-active-brown:active {
  background: #825a2c !important;
}
.bg-active-olive:active {
  background: #6d8764 !important;
}
.bg-active-steel:active {
  background: #647687 !important;
}
.bg-active-mauve:active {
  background: #76608a !important;
}
.bg-active-taupe:active {
  background: #87794e !important;
}
.bg-active-gray:active {
  background: #555555 !important;
}
.bg-active-dark:active {
  background: #333333 !important;
}
.bg-active-darker:active {
  background: #222222 !important;
}
.bg-active-transparent:active {
  background: transparent !important;
}
.bg-active-darkBrown:active {
  background: #63362f !important;
}
.bg-active-darkCrimson:active {
  background: #640024 !important;
}
.bg-active-darkMagenta:active {
  background: #81003c !important;
}
.bg-active-darkIndigo:active {
  background: #4b0096 !important;
}
.bg-active-darkCyan:active {
  background: #1b6eae !important;
}
.bg-active-darkCobalt:active {
  background: #00356a !important;
}
.bg-active-darkTeal:active {
  background: #004050 !important;
}
.bg-active-darkEmerald:active {
  background: #003e00 !important;
}
.bg-active-darkGreen:active {
  background: #128023 !important;
}
.bg-active-darkOrange:active {
  background: #bf5a15 !important;
}
.bg-active-darkRed:active {
  background: #9a1616 !important;
}
.bg-active-darkPink:active {
  background: #9a165a !important;
}
.bg-active-darkViolet:active {
  background: #57169a !important;
}
.bg-active-darkBlue:active {
  background: #16499a !important;
}
.bg-active-lightBlue:active {
  background: #4390df !important;
}
.bg-active-lightTeal:active {
  background: #45fffd !important;
}
.bg-active-lightOlive:active {
  background: #78aa1c !important;
}
.bg-active-lightOrange:active {
  background: #c29008 !important;
}
.bg-active-lightPink:active {
  background: #f472d0 !important;
}
.bg-active-lightRed:active {
  background: #da5a53 !important;
}
.bg-active-lightGreen:active {
  background: #7ad61d !important;
}
.bg-active-grayDark:active {
  background: #333333 !important;
}
.bg-active-grayDarker:active {
  background: #222222 !important;
}
.bg-active-grayLight:active {
  background: #999999 !important;
}
.bg-active-grayLighter:active {
  background: #eeeeee !important;
}
.bg-active-blue:active {
  background: #00aff0 !important;
}
.fg-active-black:active {
  color: #000000 !important;
}
.fg-active-white:active {
  color: #ffffff !important;
}
.fg-active-lime:active {
  color: #a4c400 !important;
}
.fg-active-green:active {
  color: #60a917 !important;
}
.fg-active-emerald:active {
  color: #008a00 !important;
}
.fg-active-teal:active {
  color: #00aba9 !important;
}
.fg-active-cyan:active {
  color: #1ba1e2 !important;
}
.fg-active-cobalt:active {
  color: #0050ef !important;
}
.fg-active-indigo:active {
  color: #6a00ff !important;
}
.fg-active-violet:active {
  color: #aa00ff !important;
}
.fg-active-pink:active {
  color: #dc4fad !important;
}
.fg-active-magenta:active {
  color: #d80073 !important;
}
.fg-active-crimson:active {
  color: #a20025 !important;
}
.fg-active-red:active {
  color: #ce352c !important;
}
.fg-active-orange:active {
  color: #fa6800 !important;
}
.fg-active-amber:active {
  color: #f0a30a !important;
}
.fg-active-yellow:active {
  color: #e3c800 !important;
}
.fg-active-brown:active {
  color: #825a2c !important;
}
.fg-active-olive:active {
  color: #6d8764 !important;
}
.fg-active-steel:active {
  color: #647687 !important;
}
.fg-active-mauve:active {
  color: #76608a !important;
}
.fg-active-taupe:active {
  color: #87794e !important;
}
.fg-active-gray:active {
  color: #555555 !important;
}
.fg-active-dark:active {
  color: #333333 !important;
}
.fg-active-darker:active {
  color: #222222 !important;
}
.fg-active-transparent:active {
  color: transparent !important;
}
.fg-active-darkBrown:active {
  color: #63362f !important;
}
.fg-active-darkCrimson:active {
  color: #640024 !important;
}
.fg-active-darkMagenta:active {
  color: #81003c !important;
}
.fg-active-darkIndigo:active {
  color: #4b0096 !important;
}
.fg-active-darkCyan:active {
  color: #1b6eae !important;
}
.fg-active-darkCobalt:active {
  color: #00356a !important;
}
.fg-active-darkTeal:active {
  color: #004050 !important;
}
.fg-active-darkEmerald:active {
  color: #003e00 !important;
}
.fg-active-darkGreen:active {
  color: #128023 !important;
}
.fg-active-darkOrange:active {
  color: #bf5a15 !important;
}
.fg-active-darkRed:active {
  color: #9a1616 !important;
}
.fg-active-darkPink:active {
  color: #9a165a !important;
}
.fg-active-darkViolet:active {
  color: #57169a !important;
}
.fg-active-darkBlue:active {
  color: #16499a !important;
}
.fg-active-lightBlue:active {
  color: #4390df !important;
}
.fg-active-lightTeal:active {
  color: #45fffd !important;
}
.fg-active-lightOlive:active {
  color: #78aa1c !important;
}
.fg-active-lightOrange:active {
  color: #c29008 !important;
}
.fg-active-lightPink:active {
  color: #f472d0 !important;
}
.fg-active-lightRed:active {
  color: #da5a53 !important;
}
.fg-active-lightGreen:active {
  color: #7ad61d !important;
}
.fg-active-grayDark:active {
  color: #333333 !important;
}
.fg-active-grayDarker:active {
  color: #222222 !important;
}
.fg-active-grayLight:active {
  color: #999999 !important;
}
.fg-active-grayLighter:active {
  color: #eeeeee !important;
}
.fg-active-blue:active {
  color: #00aff0 !important;
}
.bg-focus-black:focus {
  background: #000000 !important;
}
.bg-focus-white:focus {
  background: #ffffff !important;
}
.bg-focus-lime:focus {
  background: #a4c400 !important;
}
.bg-focus-green:focus {
  background: #60a917 !important;
}
.bg-focus-emerald:focus {
  background: #008a00 !important;
}
.bg-focus-teal:focus {
  background: #00aba9 !important;
}
.bg-focus-cyan:focus {
  background: #1ba1e2 !important;
}
.bg-focus-cobalt:focus {
  background: #0050ef !important;
}
.bg-focus-indigo:focus {
  background: #6a00ff !important;
}
.bg-focus-violet:focus {
  background: #aa00ff !important;
}
.bg-focus-pink:focus {
  background: #dc4fad !important;
}
.bg-focus-magenta:focus {
  background: #d80073 !important;
}
.bg-focus-crimson:focus {
  background: #a20025 !important;
}
.bg-focus-red:focus {
  background: #ce352c !important;
}
.bg-focus-orange:focus {
  background: #fa6800 !important;
}
.bg-focus-amber:focus {
  background: #f0a30a !important;
}
.bg-focus-yellow:focus {
  background: #e3c800 !important;
}
.bg-focus-brown:focus {
  background: #825a2c !important;
}
.bg-focus-olive:focus {
  background: #6d8764 !important;
}
.bg-focus-steel:focus {
  background: #647687 !important;
}
.bg-focus-mauve:focus {
  background: #76608a !important;
}
.bg-focus-taupe:focus {
  background: #87794e !important;
}
.bg-focus-gray:focus {
  background: #555555 !important;
}
.bg-focus-dark:focus {
  background: #333333 !important;
}
.bg-focus-darker:focus {
  background: #222222 !important;
}
.bg-focus-transparent:focus {
  background: transparent !important;
}
.bg-focus-darkBrown:focus {
  background: #63362f !important;
}
.bg-focus-darkCrimson:focus {
  background: #640024 !important;
}
.bg-focus-darkMagenta:focus {
  background: #81003c !important;
}
.bg-focus-darkIndigo:focus {
  background: #4b0096 !important;
}
.bg-focus-darkCyan:focus {
  background: #1b6eae !important;
}
.bg-focus-darkCobalt:focus {
  background: #00356a !important;
}
.bg-focus-darkTeal:focus {
  background: #004050 !important;
}
.bg-focus-darkEmerald:focus {
  background: #003e00 !important;
}
.bg-focus-darkGreen:focus {
  background: #128023 !important;
}
.bg-focus-darkOrange:focus {
  background: #bf5a15 !important;
}
.bg-focus-darkRed:focus {
  background: #9a1616 !important;
}
.bg-focus-darkPink:focus {
  background: #9a165a !important;
}
.bg-focus-darkViolet:focus {
  background: #57169a !important;
}
.bg-focus-darkBlue:focus {
  background: #16499a !important;
}
.bg-focus-lightBlue:focus {
  background: #4390df !important;
}
.bg-focus-lightTeal:focus {
  background: #45fffd !important;
}
.bg-focus-lightOlive:focus {
  background: #78aa1c !important;
}
.bg-focus-lightOrange:focus {
  background: #c29008 !important;
}
.bg-focus-lightPink:focus {
  background: #f472d0 !important;
}
.bg-focus-lightRed:focus {
  background: #da5a53 !important;
}
.bg-focus-lightGreen:focus {
  background: #7ad61d !important;
}
.bg-focus-grayDark:focus {
  background: #333333 !important;
}
.bg-focus-grayDarker:focus {
  background: #222222 !important;
}
.bg-focus-grayLight:focus {
  background: #999999 !important;
}
.bg-focus-grayLighter:focus {
  background: #eeeeee !important;
}
.bg-focus-blue:focus {
  background: #00aff0 !important;
}
.fg-focus-black:focus {
  color: #000000 !important;
}
.fg-focus-white:focus {
  color: #ffffff !important;
}
.fg-focus-lime:focus {
  color: #a4c400 !important;
}
.fg-focus-green:focus {
  color: #60a917 !important;
}
.fg-focus-emerald:focus {
  color: #008a00 !important;
}
.fg-focus-teal:focus {
  color: #00aba9 !important;
}
.fg-focus-cyan:focus {
  color: #1ba1e2 !important;
}
.fg-focus-cobalt:focus {
  color: #0050ef !important;
}
.fg-focus-indigo:focus {
  color: #6a00ff !important;
}
.fg-focus-violet:focus {
  color: #aa00ff !important;
}
.fg-focus-pink:focus {
  color: #dc4fad !important;
}
.fg-focus-magenta:focus {
  color: #d80073 !important;
}
.fg-focus-crimson:focus {
  color: #a20025 !important;
}
.fg-focus-red:focus {
  color: #ce352c !important;
}
.fg-focus-orange:focus {
  color: #fa6800 !important;
}
.fg-focus-amber:focus {
  color: #f0a30a !important;
}
.fg-focus-yellow:focus {
  color: #e3c800 !important;
}
.fg-focus-brown:focus {
  color: #825a2c !important;
}
.fg-focus-olive:focus {
  color: #6d8764 !important;
}
.fg-focus-steel:focus {
  color: #647687 !important;
}
.fg-focus-mauve:focus {
  color: #76608a !important;
}
.fg-focus-taupe:focus {
  color: #87794e !important;
}
.fg-focus-gray:focus {
  color: #555555 !important;
}
.fg-focus-dark:focus {
  color: #333333 !important;
}
.fg-focus-darker:focus {
  color: #222222 !important;
}
.fg-focus-transparent:focus {
  color: transparent !important;
}
.fg-focus-darkBrown:focus {
  color: #63362f !important;
}
.fg-focus-darkCrimson:focus {
  color: #640024 !important;
}
.fg-focus-darkMagenta:focus {
  color: #81003c !important;
}
.fg-focus-darkIndigo:focus {
  color: #4b0096 !important;
}
.fg-focus-darkCyan:focus {
  color: #1b6eae !important;
}
.fg-focus-darkCobalt:focus {
  color: #00356a !important;
}
.fg-focus-darkTeal:focus {
  color: #004050 !important;
}
.fg-focus-darkEmerald:focus {
  color: #003e00 !important;
}
.fg-focus-darkGreen:focus {
  color: #128023 !important;
}
.fg-focus-darkOrange:focus {
  color: #bf5a15 !important;
}
.fg-focus-darkRed:focus {
  color: #9a1616 !important;
}
.fg-focus-darkPink:focus {
  color: #9a165a !important;
}
.fg-focus-darkViolet:focus {
  color: #57169a !important;
}
.fg-focus-darkBlue:focus {
  color: #16499a !important;
}
.fg-focus-lightBlue:focus {
  color: #4390df !important;
}
.fg-focus-lightTeal:focus {
  color: #45fffd !important;
}
.fg-focus-lightOlive:focus {
  color: #78aa1c !important;
}
.fg-focus-lightOrange:focus {
  color: #c29008 !important;
}
.fg-focus-lightPink:focus {
  color: #f472d0 !important;
}
.fg-focus-lightRed:focus {
  color: #da5a53 !important;
}
.fg-focus-lightGreen:focus {
  color: #7ad61d !important;
}
.fg-focus-grayDark:focus {
  color: #333333 !important;
}
.fg-focus-grayDarker:focus {
  color: #222222 !important;
}
.fg-focus-grayLight:focus {
  color: #999999 !important;
}
.fg-focus-grayLighter:focus {
  color: #eeeeee !important;
}
.fg-focus-blue:focus {
  color: #00aff0 !important;
}
.ribbed-black {
  background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-white {
  background: #ffffff linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lime {
  background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-green {
  background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-emerald {
  background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-teal {
  background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-cyan {
  background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-cobalt {
  background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-indigo {
  background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-violet {
  background: #aa00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-pink {
  background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-magenta {
  background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-crimson {
  background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-red {
  background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-orange {
  background: #fa6800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-amber {
  background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-yellow {
  background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-brown {
  background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-olive {
  background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-steel {
  background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-mauve {
  background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-taupe {
  background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-dark {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darker {
  background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkBrown {
  background: #63362f linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkCrimson {
  background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkMagenta {
  background: #81003c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkIndigo {
  background: #4b0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkCyan {
  background: #1b6eae linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkCobalt {
  background: #00356a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkTeal {
  background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkEmerald {
  background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkGreen {
  background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkOrange {
  background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkRed {
  background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkPink {
  background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkViolet {
  background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-darkBlue {
  background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightBlue {
  background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightTeal {
  background: #45fffd linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightOlive {
  background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightOrange {
  background: #c29008 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightPink {
  background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightRed {
  background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lightGreen {
  background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-lighterBlue {
  background: #00ccff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayed {
  background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayDark {
  background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayDarker {
  background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-gray {
  background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayLight {
  background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-grayLighter {
  background: #eeeeee linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.ribbed-blue {
  background: #00aff0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
}
.dropdown-toggle {
  position: relative;
  cursor: pointer;
}
.dropdown-toggle:before {
  display: block;
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: 5px;
  width: 5px;
  background-color: transparent !important;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #1d1d1d;
  top: 50%;
  left: 100%;
  margin-left: -1rem;
  margin-top: -0.1625rem;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.dropdown-toggle.drop-marker-light:before {
  border-color: #ffffff;
}
*.dropdown-toggle {
  padding-right: 1.625rem;
}
.flush-list {
  padding: 0;
  margin: 0;
  list-style: none inside none;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.block-shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.block-shadow-success {
  box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.block-shadow-error {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-danger {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-warning {
  box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.block-shadow-info {
  box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.block-shadow-impact {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.bottom-shadow {
  box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
}
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.no-shadow {
  box-shadow: none !important;
}
.full-size {
  width: 100% !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.no-display {
  display: none !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-float {
  float: none !important;
}
.no-visible {
  visibility: hidden !important;
}
.no-border {
  border: 0 !important;
}
.no-overflow {
  overflow: hidden !important;
}
.place-right {
  float: right !important;
}
.place-left {
  float: left !important;
}
.clear-float:before,
.clear-float:after {
  display: table;
  content: "";
}
.clear-float:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.no-user-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-appearance {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.debug {
  border: 1px dashed red;
}
.example {
  padding: .625rem 1.825rem .625rem 2.5rem;
  border: 1px #ccc dashed;
  position: relative;
  margin: 0 0 .625rem 0;
  background-color: #ffffff;
}
.example:before,
.example:after {
  display: table;
  content: "";
}
.example:after {
  clear: both;
}
.example:before {
  position: absolute;
  content: attr(data-text);
  text-transform: lowercase;
  left: 1.5rem;
  top: 11.875rem;
  color: gray;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  height: 1rem;
  text-align: right;
  white-space: nowrap;
  direction: ltr;
  width: 12.5rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.padding10 {
  padding: 0.625rem;
}
.padding20 {
  padding: 1.25rem;
}
.padding30 {
  padding: 1.875rem;
}
.padding40 {
  padding: 2.5rem;
}
.padding50 {
  padding: 3.125rem;
}
.padding60 {
  padding: 3.75rem;
}
.padding70 {
  padding: 4.375rem;
}
.padding80 {
  padding: 5rem;
}
.padding90 {
  padding: 5.625rem;
}
.padding100 {
  padding: 6.25rem;
}
.padding5 {
  padding: 5px;
}
.margin5 {
  margin: 5px;
}
.margin10 {
  margin: 0.625rem;
}
.margin20 {
  margin: 1.25rem;
}
.margin30 {
  margin: 1.875rem;
}
.margin40 {
  margin: 2.5rem;
}
.margin50 {
  margin: 3.125rem;
}
.margin60 {
  margin: 3.75rem;
}
.margin70 {
  margin: 4.375rem;
}
.margin80 {
  margin: 5rem;
}
.margin90 {
  margin: 5.625rem;
}
.margin100 {
  margin: 6.25rem;
}
.opacity {
  opacity: .9;
}
.half-opacity {
  opacity: .5;
}
.hi-opacity {
  opacity: .2;
}
.element-selected {
  border: 4px #4390df solid !important;
}
.element-selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.element-selected:before {
  position: absolute;
  display: block;
  content: "";
  background-color: transparent;
  border-color: #ffffff !important;
  border-left: 2px solid;
  border-bottom: 2px solid;
  height: .25rem;
  width: .5rem;
  right: 0;
  top: 0;
  z-index: 102;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/* Block function */
.set-border {
  border: 1px #eeeeee solid;
}
.set-border.medium-border {
  border-width: 8px;
}
.set-border.large-border {
  border-width: 16px;
}
.no-border {
  border: none !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.transparent-border {
  border-color: transparent !important;
}
/* transform functions */
.rotate45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rotate90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.rotate135 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.rotate180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rotate225 {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.rotate270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.rotate360 {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.rotate-45 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.rotate-90 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.rotate-135 {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.rotate-180 {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.rotate-225 {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}
.rotate-270 {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
}
.rotate-360 {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
.rotateX45 {
  -webkit-transform: rotateX(45deg);
          transform: rotateX(45deg);
}
.rotateX90 {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.rotateX135 {
  -webkit-transform: rotateX(135deg);
          transform: rotateX(135deg);
}
.rotateX180 {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.rotateX225 {
  -webkit-transform: rotateX(225deg);
          transform: rotateX(225deg);
}
.rotateX270 {
  -webkit-transform: rotateX(270deg);
          transform: rotateX(270deg);
}
.rotateX360 {
  -webkit-transform: rotateX(360deg);
          transform: rotateX(360deg);
}
.rotateX-45 {
  -webkit-transform: rotateX(-45deg);
          transform: rotateX(-45deg);
}
.rotateX-90 {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}
.rotateX-135 {
  -webkit-transform: rotateX(-135deg);
          transform: rotateX(-135deg);
}
.rotateX-180 {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.rotateX-225 {
  -webkit-transform: rotateX(-225deg);
          transform: rotateX(-225deg);
}
.rotateX-270 {
  -webkit-transform: rotateX(-270deg);
          transform: rotateX(-270deg);
}
.rotateX-360 {
  -webkit-transform: rotateX(-360deg);
          transform: rotateX(-360deg);
}
.rotateY45 {
  -webkit-transform: rotateY(45deg);
          transform: rotateY(45deg);
}
.rotateY90 {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}
.rotateY135 {
  -webkit-transform: rotateY(135deg);
          transform: rotateY(135deg);
}
.rotateY180 {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.rotateY225 {
  -webkit-transform: rotateY(225deg);
          transform: rotateY(225deg);
}
.rotateY270 {
  -webkit-transform: rotateY(270deg);
          transform: rotateY(270deg);
}
.rotateY360 {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.rotateY-45 {
  -webkit-transform: rotateY(-45deg);
          transform: rotateY(-45deg);
}
.rotateY-90 {
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}
.rotateY-135 {
  -webkit-transform: rotateY(-135deg);
          transform: rotateY(-135deg);
}
.rotateY-180 {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.rotateY-225 {
  -webkit-transform: rotateY(-225deg);
          transform: rotateY(-225deg);
}
.rotateY-270 {
  -webkit-transform: rotateY(-270deg);
          transform: rotateY(-270deg);
}
.rotateY-360 {
  -webkit-transform: rotateY(-360deg);
          transform: rotateY(-360deg);
}
@-webkit-keyframes swinging {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  10% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  15% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  20% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  25% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  35% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  45% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes swinging {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  10% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  15% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  20% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  25% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  35% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  45% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes cubemove {
  25% {
    -webkit-transform: translateX(10px) rotate(-90deg);
            transform: translateX(10px) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
            transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
            transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
            transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes cubemove {
  25% {
    -webkit-transform: translateX(10px) rotate(-90deg);
            transform: translateX(10px) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
            transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
            transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
            transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  7% {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    -webkit-transform: rotate(690deg);
            transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(835deg);
            transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  7% {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    -webkit-transform: rotate(690deg);
            transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(835deg);
            transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
}
@-webkit-keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@-webkit-keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
.mif-ani-spin {
  -webkit-animation: mif-ani-spin 1s infinite linear;
          animation: mif-ani-spin 1s infinite linear;
}
.mif-ani-pulse {
  -webkit-animation: mif-ani-pulse 1s infinite;
          animation: mif-ani-pulse 1s infinite;
}
@-webkit-keyframes mif-ani-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes mif-ani-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes mif-ani-pulse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes mif-ani-pulse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.mif-wifi-low:before {
  content: "\e60c";
}
.mif-wifi-mid:before {
  content: "\e60d";
}
.mif-wifi-full:before {
  content: "\e634";
}
.mif-tablet-landscape:before {
  content: "\e635";
}
.mif-calculator2:before {
  content: "\e636";
}
.mif-barbell:before {
  content: "\e637";
}
.mif-chart-line:before {
  content: "\e656";
}
.mif-3d-rotation:before {
  content: "\e600";
}
.mif-alarm:before {
  content: "\e601";
}
.mif-alarm-on:before {
  content: "\e602";
}
.mif-favorite:before {
  content: "\e603";
}
.mif-perm-phone-msg:before {
  content: "\e604";
}
.mif-print:before {
  content: "\e605";
}
.mif-bt-settings:before {
  content: "\e606";
}
.mif-settings-ethernet:before {
  content: "\e607";
}
.mif-settings-phone:before {
  content: "\e608";
}
.mif-settings-power:before {
  content: "\e609";
}
.mif-settings-voice:before {
  content: "\e60a";
}
.mif-shopping-basket:before {
  content: "\e60b";
}
.mif-dialer-sip:before {
  content: "\e60e";
}
.mif-dialpad:before {
  content: "\e60f";
}
.mif-contacts-dialer:before {
  content: "\e610";
}
.mif-contacts-mail:before {
  content: "\e611";
}
.mif-ring-volume:before {
  content: "\e612";
}
.mif-voicemail:before {
  content: "\e613";
}
.mif-drafts:before {
  content: "\e614";
}
.mif-mail:before {
  content: "\e615";
}
.mif-bluetooth:before {
  content: "\e626";
}
.mif-bt-connected:before {
  content: "\e627";
}
.mif-bt-disabled:before {
  content: "\e628";
}
.mif-bt-searching:before {
  content: "\e629";
}
.mif-brightness-auto:before {
  content: "\e62a";
}
.mif-multitrack-audio:before {
  content: "\e616";
}
.mif-widgets:before {
  content: "\e617";
}
.mif-usb:before {
  content: "\e638";
}
.mif-money:before {
  content: "\e639";
}
.mif-vertical-align-bottom:before {
  content: "\e63a";
}
.mif-vertical-align-center:before {
  content: "\e63b";
}
.mif-vertical-align-top:before {
  content: "\e63c";
}
.mif-file-download:before {
  content: "\e63d";
}
.mif-file-upload:before {
  content: "\e63e";
}
.mif-keyboard-return:before {
  content: "\e63f";
}
.mif-keyboard-voice:before {
  content: "\e640";
}
.mif-phonelink:before {
  content: "\e641";
}
.mif-phonelink-off:before {
  content: "\e642";
}
.mif-security:before {
  content: "\e618";
}
.mif-looks:before {
  content: "\e643";
}
.mif-palette:before {
  content: "\e619";
}
.mif-layers:before {
  content: "\e644";
}
.mif-layers-clear:before {
  content: "\e61a";
}
.mif-local-airport:before {
  content: "\e645";
}
.mif-florist:before {
  content: "\e61b";
}
.mif-gas-station:before {
  content: "\e61c";
}
.mif-hotel:before {
  content: "\e646";
}
.mif-local-service:before {
  content: "\e61d";
}
.mif-map2:before {
  content: "\e620";
}
.mif-my-location:before {
  content: "\e61e";
}
.mif-traff:before {
  content: "\e621";
}
.mif-apps:before {
  content: "\e647";
}
.mif-chevron-left:before {
  content: "\e648";
}
.mif-chevron-right:before {
  content: "\e649";
}
.mif-expand-less:before {
  content: "\e64a";
}
.mif-expand-more:before {
  content: "\e64b";
}
.mif-menu:before {
  content: "\e64c";
}
.mif-more-horiz:before {
  content: "\e64d";
}
.mif-more-vert:before {
  content: "\e64e";
}
.mif-unfold-less:before {
  content: "\e64f";
}
.mif-unfold-more:before {
  content: "\e650";
}
.mif-bt-audio:before {
  content: "\e651";
}
.mif-not:before {
  content: "\e633";
}
.mif-drive-eta:before {
  content: "\e652";
}
.mif-event-available:before {
  content: "\e653";
}
.mif-event-busy:before {
  content: "\e654";
}
.mif-folder-special:before {
  content: "\e655";
}
.mif-phone-bt:before {
  content: "\e657";
}
.mif-phone-forwarded:before {
  content: "\e658";
}
.mif-phone-in-talk:before {
  content: "\e659";
}
.mif-phone-locked:before {
  content: "\e65a";
}
.mif-phone-missed:before {
  content: "\e65b";
}
.mif-phone-paused:before {
  content: "\e65c";
}
.mif-sd-card:before {
  content: "\e65d";
}
.mif-sync-disabled:before {
  content: "\e622";
}
.mif-sync-problem:before {
  content: "\e623";
}
.mif-vpn-lock:before {
  content: "\e624";
}
.mif-vpn-publ:before {
  content: "\e625";
}
.mif-school:before {
  content: "\e61f";
}
.mif-file-binary:before {
  content: "\f094";
}
.mif-mail-read:before {
  content: "\f03c";
}
.mif-quote:before {
  content: "\f063";
}
.mif-sunrise:before {
  content: "\e66c";
}
.mif-sun:before {
  content: "\e66d";
}
.mif-moon:before {
  content: "\e66e";
}
.mif-sun3:before {
  content: "\e66f";
}
.mif-windy:before {
  content: "\e670";
}
.mif-wind:before {
  content: "\e671";
}
.mif-snowflake:before {
  content: "\e672";
}
.mif-cloudy:before {
  content: "\e673";
}
.mif-cloud2:before {
  content: "\e674";
}
.mif-weather:before {
  content: "\e675";
}
.mif-weather2:before {
  content: "\e676";
}
.mif-weather3:before {
  content: "\e677";
}
.mif-lines:before {
  content: "\e678";
}
.mif-cloud3:before {
  content: "\e679";
}
.mif-lightning:before {
  content: "\e67a";
}
.mif-lightning2:before {
  content: "\e67b";
}
.mif-rainy:before {
  content: "\e67c";
}
.mif-rainy2:before {
  content: "\e67d";
}
.mif-windy2:before {
  content: "\e67e";
}
.mif-windy3:before {
  content: "\e67f";
}
.mif-snowy:before {
  content: "\e680";
}
.mif-snowy2:before {
  content: "\e681";
}
.mif-snowy3:before {
  content: "\e682";
}
.mif-weather4:before {
  content: "\e683";
}
.mif-cloudy2:before {
  content: "\e684";
}
.mif-cloud4:before {
  content: "\e685";
}
.mif-lightning3:before {
  content: "\e686";
}
.mif-sun4:before {
  content: "\e687";
}
.mif-moon2:before {
  content: "\e688";
}
.mif-cloudy3:before {
  content: "\e689";
}
.mif-cloud5:before {
  content: "\e68a";
}
.mif-cloud6:before {
  content: "\e68b";
}
.mif-lightning4:before {
  content: "\e68c";
}
.mif-rainy3:before {
  content: "\e68d";
}
.mif-rainy4:before {
  content: "\e68e";
}
.mif-windy4:before {
  content: "\e68f";
}
.mif-windy5:before {
  content: "\e690";
}
.mif-snowy4:before {
  content: "\e691";
}
.mif-snowy5:before {
  content: "\e692";
}
.mif-weather5:before {
  content: "\e693";
}
.mif-cloudy4:before {
  content: "\e694";
}
.mif-lightning5:before {
  content: "\e695";
}
.mif-thermometer:before {
  content: "\e696";
}
.mif-none:before {
  content: "\e698";
}
.mif-celsius:before {
  content: "\e699";
}
.mif-fahrenheit:before {
  content: "\e69a";
}
.mif-home:before {
  content: "\e900";
}
.mif-pencil:before {
  content: "\e905";
}
.mif-eyedropper:before {
  content: "\e90a";
}
.mif-paint:before {
  content: "\e90c";
}
.mif-image:before {
  content: "\e90d";
}
.mif-images:before {
  content: "\e90e";
}
.mif-camera:before {
  content: "\e90f";
}
.mif-headphones:before {
  content: "\e910";
}
.mif-music:before {
  content: "\e911";
}
.mif-film:before {
  content: "\e913";
}
.mif-video-camera:before {
  content: "\e914";
}
.mif-dice:before {
  content: "\e915";
}
.mif-wifi-connect:before {
  content: "\e91b";
}
.mif-feed:before {
  content: "\e91d";
}
.mif-mic:before {
  content: "\e91e";
}
.mif-books:before {
  content: "\e920";
}
.mif-file-empty:before {
  content: "\e924";
}
.mif-files-empty:before {
  content: "\e925";
}
.mif-file-text:before {
  content: "\e926";
}
.mif-file-picture:before {
  content: "\e927";
}
.mif-file-music:before {
  content: "\e928";
}
.mif-file-play:before {
  content: "\e929";
}
.mif-file-video:before {
  content: "\e92a";
}
.mif-file-zip:before {
  content: "\e92b";
}
.mif-stack:before {
  content: "\e92e";
}
.mif-folder:before {
  content: "\e92f";
}
.mif-folder-open:before {
  content: "\e930";
}
.mif-folder-plus:before {
  content: "\e931";
}
.mif-folder-minus:before {
  content: "\e932";
}
.mif-folder-download:before {
  content: "\e933";
}
.mif-folder-upload:before {
  content: "\e934";
}
.mif-tag:before {
  content: "\e935";
}
.mif-tags:before {
  content: "\e936";
}
.mif-barcode:before {
  content: "\e937";
}
.mif-qrcode:before {
  content: "\e938";
}
.mif-cart:before {
  content: "\e93a";
}
.mif-credit-card:before {
  content: "\e93f";
}
.mif-calculator:before {
  content: "\e940";
}
.mif-help:before {
  content: "\e941";
}
.mif-phone:before {
  content: "\e942";
}
.mif-envelop:before {
  content: "\e945";
}
.mif-location:before {
  content: "\e948";
}
.mif-compass:before {
  content: "\e949";
}
.mif-compass2:before {
  content: "\e94a";
}
.mif-map:before {
  content: "\e94b";
}
.mif-history:before {
  content: "\e94d";
}
.mif-bell:before {
  content: "\e951";
}
.mif-calendar:before {
  content: "\e953";
}
.mif-printer:before {
  content: "\e954";
}
.mif-keyboard:before {
  content: "\e955";
}
.mif-display:before {
  content: "\e956";
}
.mif-laptop:before {
  content: "\e957";
}
.mif-mobile:before {
  content: "\e959";
}
.mif-tablet:before {
  content: "\e95a";
}
.mif-download:before {
  content: "\e960";
}
.mif-upload:before {
  content: "\e961";
}
.mif-floppy-disk:before {
  content: "\e962";
}
.mif-drive:before {
  content: "\e963";
}
.mif-database:before {
  content: "\e964";
}
.mif-undo:before {
  content: "\e965";
}
.mif-redo:before {
  content: "\e966";
}
.mif-bubble:before {
  content: "\e96b";
}
.mif-bubbles:before {
  content: "\e96c";
}
.mif-user:before {
  content: "\e971";
}
.mif-users:before {
  content: "\e972";
}
.mif-user-plus:before {
  content: "\e973";
}
.mif-user-minus:before {
  content: "\e974";
}
.mif-user-check:before {
  content: "\e975";
}
.mif-hour-glass:before {
  content: "\e979";
}
.mif-spinner:before {
  content: "\e97a";
}
.mif-spinner1:before {
  content: "\e97b";
}
.mif-spinner2:before {
  content: "\e97d";
}
.mif-spinner3:before {
  content: "\e981";
}
.mif-spinner4:before {
  content: "\e982";
}
.mif-spinner5:before {
  content: "\e983";
}
.mif-search:before {
  content: "\e986";
}
.mif-zoom-in:before {
  content: "\e987";
}
.mif-zoom-out:before {
  content: "\e988";
}
.mif-enlarge:before {
  content: "\e989";
}
.mif-shrink:before {
  content: "\e98a";
}
.mif-enlarge2:before {
  content: "\e98b";
}
.mif-shrink2:before {
  content: "\e98c";
}
.mif-key:before {
  content: "\e98d";
}
.mif-wrench:before {
  content: "\e991";
}
.mif-equalizer:before {
  content: "\e992";
}
.mif-equalizer-v:before {
  content: "\e993";
}
.mif-cog:before {
  content: "\e994";
}
.mif-cogs:before {
  content: "\e995";
}
.mif-magic-wand:before {
  content: "\e997";
}
.mif-bug:before {
  content: "\e999";
}
.mif-chart-pie:before {
  content: "\e99a";
}
.mif-chart-dots:before {
  content: "\e99b";
}
.mif-chart-bars:before {
  content: "\e99c";
}
.mif-chart-bars2:before {
  content: "\e99d";
}
.mif-trophy:before {
  content: "\e99e";
}
.mif-gift:before {
  content: "\e99f";
}
.mif-spoon-fork:before {
  content: "\e9a3";
}
.mif-rocket:before {
  content: "\e9a5";
}
.mif-meter:before {
  content: "\e9a6";
}
.mif-hammer:before {
  content: "\e9a8";
}
.mif-fire:before {
  content: "\e9a9";
}
.mif-lab:before {
  content: "\e9aa";
}
.mif-bin:before {
  content: "\e9ac";
}
.mif-truck:before {
  content: "\e9b0";
}
.mif-target:before {
  content: "\e9b3";
}
.mif-power:before {
  content: "\e9b5";
}
.mif-switch:before {
  content: "\e9b6";
}
.mif-power-cord:before {
  content: "\e9b7";
}
.mif-clipboard:before {
  content: "\e9b8";
}
.mif-list-numbered:before {
  content: "\e9b9";
}
.mif-list:before {
  content: "\e9ba";
}
.mif-list2:before {
  content: "\e9bb";
}
.mif-tree:before {
  content: "\e9bc";
}
.mif-cloud:before {
  content: "\e9c1";
}
.mif-cloud-download:before {
  content: "\e9c2";
}
.mif-cloud-upload:before {
  content: "\e9c3";
}
.mif-download2:before {
  content: "\e9c7";
}
.mif-upload2:before {
  content: "\e9c8";
}
.mif-earth:before {
  content: "\e9ca";
}
.mif-link:before {
  content: "\e9cb";
}
.mif-flag:before {
  content: "\e9cc";
}
.mif-attachment:before {
  content: "\e9cd";
}
.mif-eye:before {
  content: "\e9ce";
}
.mif-bookmark:before {
  content: "\e9d2";
}
.mif-bookmarks:before {
  content: "\e9d3";
}
.mif-contrast:before {
  content: "\e9d5";
}
.mif-brightness:before {
  content: "\e9d6";
}
.mif-star-empty:before {
  content: "\e9d7";
}
.mif-star-half:before {
  content: "\e9d8";
}
.mif-star-full:before {
  content: "\e9d9";
}
.mif-heart:before {
  content: "\e9da";
}
.mif-heart-broken:before {
  content: "\e9db";
}
.mif-warning:before {
  content: "\ea07";
}
.mif-notification:before {
  content: "\ea08";
}
.mif-question:before {
  content: "\ea09";
}
.mif-plus:before {
  content: "\ea0a";
}
.mif-minus:before {
  content: "\ea0b";
}
.mif-info:before {
  content: "\ea0c";
}
.mif-cancel:before {
  content: "\ea0d";
}
.mif-blocked:before {
  content: "\ea0e";
}
.mif-cross:before {
  content: "\ea0f";
}
.mif-checkmark:before {
  content: "\ea10";
}
.mif-spell-check:before {
  content: "\ea12";
}
.mif-enter:before {
  content: "\ea13";
}
.mif-exit:before {
  content: "\ea14";
}
.mif-play:before {
  content: "\ea1c";
}
.mif-pause:before {
  content: "\ea1d";
}
.mif-stop:before {
  content: "\ea1e";
}
.mif-backward:before {
  content: "\ea1f";
}
.mif-forward:before {
  content: "\ea20";
}
.mif-first:before {
  content: "\ea21";
}
.mif-last:before {
  content: "\ea22";
}
.mif-previous:before {
  content: "\ea23";
}
.mif-next:before {
  content: "\ea24";
}
.mif-eject:before {
  content: "\ea25";
}
.mif-volume-high:before {
  content: "\ea26";
}
.mif-volume-medium:before {
  content: "\ea27";
}
.mif-volume-low:before {
  content: "\ea28";
}
.mif-volume-mute:before {
  content: "\ea29";
}
.mif-volume-mute2:before {
  content: "\ea2a";
}
.mif-volume-plus:before {
  content: "\ea2b";
}
.mif-volume-minus:before {
  content: "\ea2c";
}
.mif-loop:before {
  content: "\ea2d";
}
.mif-loop2:before {
  content: "\ea2e";
}
.mif-infinite:before {
  content: "\ea2f";
}
.mif-shuffle:before {
  content: "\ea30";
}
.mif-arrow-up-left:before {
  content: "\ea39";
}
.mif-arrow-up:before {
  content: "\ea3a";
}
.mif-arrow-up-right:before {
  content: "\ea3b";
}
.mif-arrow-right:before {
  content: "\ea3c";
}
.mif-arrow-down-right:before {
  content: "\ea3d";
}
.mif-arrow-down:before {
  content: "\ea3e";
}
.mif-arrow-down-left:before {
  content: "\ea3f";
}
.mif-arrow-left:before {
  content: "\ea40";
}
.mif-tab:before {
  content: "\ea45";
}
.mif-move-up:before {
  content: "\ea46";
}
.mif-move-down:before {
  content: "\ea47";
}
.mif-sort-asc:before {
  content: "\ea4c";
}
.mif-sort-desc:before {
  content: "\ea4d";
}
.mif-command:before {
  content: "\ea4e";
}
.mif-shift:before {
  content: "\ea4f";
}
.mif-crop:before {
  content: "\ea57";
}
.mif-filter:before {
  content: "\ea5b";
}
.mif-bold:before {
  content: "\ea62";
}
.mif-underline:before {
  content: "\ea63";
}
.mif-italic:before {
  content: "\ea64";
}
.mif-strikethrough:before {
  content: "\ea65";
}
.mif-page-break:before {
  content: "\ea68";
}
.mif-superscript:before {
  content: "\ea69";
}
.mif-subscript:before {
  content: "\ea6a";
}
.mif-table:before {
  content: "\ea71";
}
.mif-insert-template:before {
  content: "\ea72";
}
.mif-pilcrow:before {
  content: "\ea73";
}
.mif-ltr:before {
  content: "\ea74";
}
.mif-rtl:before {
  content: "\ea75";
}
.mif-section:before {
  content: "\ea76";
}
.mif-paragraph-left:before {
  content: "\ea77";
}
.mif-paragraph-center:before {
  content: "\ea78";
}
.mif-paragraph-right:before {
  content: "\ea79";
}
.mif-paragraph-justify:before {
  content: "\ea7a";
}
.mif-indent-increase:before {
  content: "\ea7b";
}
.mif-indent-decrease:before {
  content: "\ea7c";
}
.mif-embed:before {
  content: "\ea7f";
}
.mif-embed2:before {
  content: "\ea80";
}
.mif-share:before {
  content: "\ea82";
}
.mif-google:before {
  content: "\ea87";
}
.mif-google-plus:before {
  content: "\ea88";
}
.mif-facebook:before {
  content: "\ea8d";
}
.mif-twitter:before {
  content: "\ea91";
}
.mif-feed3:before {
  content: "\ea95";
}
.mif-youtube:before {
  content: "\ea99";
}
.mif-steam:before {
  content: "\eaae";
}
.mif-onedrive:before {
  content: "\eab0";
}
.mif-github:before {
  content: "\eab3";
}
.mif-git:before {
  content: "\eab5";
}
.mif-apple:before {
  content: "\eabf";
}
.mif-android:before {
  content: "\eac1";
}
.mif-windows:before {
  content: "\eac3";
}
.mif-skype:before {
  content: "\eac6";
}
.mif-linkedin:before {
  content: "\eac8";
}
.mif-html5:before {
  content: "\eadf";
}
.mif-css3:before {
  content: "\eae1";
}
.mif-chrome:before {
  content: "\eae5";
}
.mif-firefox:before {
  content: "\eae6";
}
.mif-ie:before {
  content: "\eae7";
}
.mif-opera:before {
  content: "\eae8";
}
.mif-safari:before {
  content: "\eae9";
}
.mif-chevron-thin-down:before {
  content: "\e66b";
}
.mif-chevron-thin-left:before {
  content: "\e697";
}
.mif-chevron-thin-right:before {
  content: "\e69b";
}
.mif-chevron-thin-up:before {
  content: "\e69c";
}
.mif-flow-branch:before {
  content: "\e69d";
}
.mif-flow-cascade:before {
  content: "\e69e";
}
.mif-flow-line:before {
  content: "\e69f";
}
.mif-flow-parallel:before {
  content: "\e6a0";
}
.mif-flow-tree:before {
  content: "\e6a1";
}
.mif-air:before {
  content: "\e6a2";
}
.mif-medal:before {
  content: "\e6a3";
}
.mif-paper-plane:before {
  content: "\e6a4";
}
.mif-shareable:before {
  content: "\e6a5";
}
.mif-shop:before {
  content: "\e6a6";
}
.mif-shopping-basket2:before {
  content: "\e6a7";
}
.mif-thumbs-down:before {
  content: "\e6a8";
}
.mif-thumbs-up:before {
  content: "\e6a9";
}
.mif-traffic-cone:before {
  content: "\e6aa";
}
.mif-water:before {
  content: "\e6ab";
}
.mif-creative-cloud:before {
  content: "\e6ac";
}
.mif-dropbox:before {
  content: "\e6ad";
}
.mif-evernote:before {
  content: "\e6ae";
}
.mif-paypal:before {
  content: "\e6af";
}
.mif-swarm:before {
  content: "\e6b0";
}
.mif-vk:before {
  content: "\e6b1";
}
.mif-yelp:before {
  content: "\e6b2";
}
.mif-dribbble:before {
  content: "\e6b3";
}
.mif-lastfm:before {
  content: "\e6b4";
}
.mif-pinterest:before {
  content: "\e6b5";
}
.mif-stumbleupon:before {
  content: "\e6b6";
}
.mif-vimeo:before {
  content: "\e6b7";
}
.mif-cabinet:before {
  content: "\e62b";
}
.mif-suitcase:before {
  content: "\e62c";
}
.mif-gamepad:before {
  content: "\e65e";
}
.mif-satellite:before {
  content: "\e65f";
}
.mif-lock:before {
  content: "\e660";
}
.mif-unlock:before {
  content: "\e661";
}
.mif-battery-full:before {
  content: "\e62d";
}
.mif-battery-two:before {
  content: "\e62e";
}
.mif-battery-one:before {
  content: "\e62f";
}
.mif-battery-empty:before {
  content: "\e630";
}
.mif-battery-charge:before {
  content: "\e631";
}
.mif-tools:before {
  content: "\e632";
}
.mif-pin:before {
  content: "\e662";
}
.mif-discout:before {
  content: "\e663";
}
.mif-profile:before {
  content: "\e664";
}
.mif-dollar:before {
  content: "\e665";
}
.mif-dollars:before {
  content: "\e666";
}
.mif-coins:before {
  content: "\e6b8";
}
.mif-male:before {
  content: "\e667";
}
.mif-female:before {
  content: "\e668";
}
.mif-piano:before {
  content: "\e669";
}
.mif-anchor:before {
  content: "\e66a";
}