UNPKG

o2system-venus-ui

Version:

O2System User Interface Framework

3,600 lines (2,830 loc) 347 kB
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);/* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1); animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }@charset "UTF-8"; /** * This file is part of the O2System Venus UI Framework package. * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. * * @author Steeve Andrian Salim * @copyright Copyright (c) Steeve Andrian Salim */ /** * Sass UserInterface * * @author Teguh Rianto */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: ""; } .fa-accessible-icon:before { content: ""; } .fa-accusoft:before { content: ""; } .fa-acquisitions-incorporated:before { content: ""; } .fa-ad:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-card:before { content: ""; } .fa-adjust:before { content: ""; } .fa-adn:before { content: ""; } .fa-adobe:before { content: ""; } .fa-adversal:before { content: ""; } .fa-affiliatetheme:before { content: ""; } .fa-air-freshener:before { content: ""; } .fa-algolia:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-right:before { content: ""; } .fa-alipay:before { content: ""; } .fa-allergies:before { content: ""; } .fa-amazon:before { content: ""; } .fa-amazon-pay:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-american-sign-language-interpreting:before { content: ""; } .fa-amilia:before { content: ""; } .fa-anchor:before { content: ""; } .fa-android:before { content: ""; } .fa-angellist:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angry:before { content: ""; } .fa-angrycreative:before { content: ""; } .fa-angular:before { content: ""; } .fa-ankh:before { content: ""; } .fa-app-store:before { content: ""; } .fa-app-store-ios:before { content: ""; } .fa-apper:before { content: ""; } .fa-apple:before { content: ""; } .fa-apple-alt:before { content: ""; } .fa-apple-pay:before { content: ""; } .fa-archive:before { content: ""; } .fa-archway:before { content: ""; } .fa-arrow-alt-circle-down:before { content: ""; } .fa-arrow-alt-circle-left:before { content: ""; } .fa-arrow-alt-circle-right:before { content: ""; } .fa-arrow-alt-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-arrows-alt-h:before { content: ""; } .fa-arrows-alt-v:before { content: ""; } .fa-artstation:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-asymmetrik:before { content: ""; } .fa-at:before { content: ""; } .fa-atlas:before { content: ""; } .fa-atlassian:before { content: ""; } .fa-atom:before { content: ""; } .fa-audible:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-autoprefixer:before { content: ""; } .fa-avianex:before { content: ""; } .fa-aviato:before { content: ""; } .fa-award:before { content: ""; } .fa-aws:before { content: ""; } .fa-baby:before { content: ""; } .fa-baby-carriage:before { content: ""; } .fa-backspace:before { content: ""; } .fa-backward:before { content: ""; } .fa-bacon:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-ban:before { content: ""; } .fa-band-aid:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-barcode:before { content: ""; } .fa-bars:before { content: ""; } .fa-baseball-ball:before { content: ""; } .fa-basketball-ball:before { content: ""; } .fa-bath:before { content: ""; } .fa-battery-empty:before { content: ""; } .fa-battery-full:before { content: ""; } .fa-battery-half:before { content: ""; } .fa-battery-quarter:before { content: ""; } .fa-battery-three-quarters:before { content: ""; } .fa-bed:before { content: ""; } .fa-beer:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-bell:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bezier-curve:before { content: ""; } .fa-bible:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bimobject:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-biohazard:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitcoin:before { content: ""; } .fa-bity:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-blackberry:before { content: ""; } .fa-blender:before { content: ""; } .fa-blender-phone:before { content: ""; } .fa-blind:before { content: ""; } .fa-blog:before { content: ""; } .fa-blogger:before { content: ""; } .fa-blogger-b:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-bold:before { content: ""; } .fa-bolt:before { content: ""; } .fa-bomb:before { content: ""; } .fa-bone:before { content: ""; } .fa-bong:before { content: ""; } .fa-book:before { content: ""; } .fa-book-dead:before { content: ""; } .fa-book-medical:before { content: ""; } .fa-book-open:before { content: ""; } .fa-book-reader:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-bowling-ball:before { content: ""; } .fa-box:before { content: ""; } .fa-box-open:before { content: ""; } .fa-boxes:before { content: ""; } .fa-braille:before { content: ""; } .fa-brain:before { content: ""; } .fa-bread-slice:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-briefcase-medical:before { content: ""; } .fa-broadcast-tower:before { content: ""; } .fa-broom:before { content: ""; } .fa-brush:before { content: ""; } .fa-btc:before { content: ""; } .fa-bug:before { content: ""; } .fa-building:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-burn:before { content: ""; } .fa-buromobelexperte:before { content: ""; } .fa-bus:before { content: ""; } .fa-bus-alt:before { content: ""; } .fa-business-time:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-calculator:before { content: ""; } .fa-calendar:before { content: ""; } .fa-calendar-alt:before { content: ""; } .fa-calendar-check:before { content: ""; } .fa-calendar-day:before { content: ""; } .fa-calendar-minus:before { content: ""; } .fa-calendar-plus:before { content: ""; } .fa-calendar-times:before { content: ""; } .fa-calendar-week:before { content: ""; } .fa-camera:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-campground:before { content: ""; } .fa-canadian-maple-leaf:before { content: ""; } .fa-candy-cane:before { content: ""; } .fa-cannabis:before { content: ""; } .fa-capsules:before { content: ""; } .fa-car:before { content: ""; } .fa-car-alt:before { content: ""; } .fa-car-battery:before { content: ""; } .fa-car-crash:before { content: ""; } .fa-car-side:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-caret-square-down:before { content: ""; } .fa-caret-square-left:before { content: ""; } .fa-caret-square-right:before { content: ""; } .fa-caret-square-up:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-carrot:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cash-register:before { content: ""; } .fa-cat:before { content: ""; } .fa-cc-amazon-pay:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-apple-pay:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-centercode:before { content: ""; } .fa-centos:before { content: ""; } .fa-certificate:before { content: ""; } .fa-chair:before { content: ""; } .fa-chalkboard:before { content: ""; } .fa-chalkboard-teacher:before { content: ""; } .fa-charging-station:before { content: ""; } .fa-chart-area:before { content: ""; } .fa-chart-bar:before { content: ""; } .fa-chart-line:before { content: ""; } .fa-chart-pie:before { content: ""; } .fa-check:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-check-double:before { content: ""; } .fa-check-square:before { content: ""; } .fa-cheese:before { content: ""; } .fa-chess:before { content: ""; } .fa-chess-bishop:before { content: ""; } .fa-chess-board:before { content: ""; } .fa-chess-king:before { content: ""; } .fa-chess-knight:before { content: ""; } .fa-chess-pawn:before { content: ""; } .fa-chess-queen:before { content: ""; } .fa-chess-rook:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-child:before { content: ""; } .fa-chrome:before { content: ""; } .fa-church:before { content: ""; } .fa-circle:before { content: ""; } .fa-circle-notch:before { content: ""; } .fa-city:before { content: ""; } .fa-clinic-medical:before { content: ""; } .fa-clipboard:before { content: ""; } .fa-clipboard-check:before { content: ""; } .fa-clipboard-list:before { content: ""; } .fa-clock:before { content: ""; } .fa-clone:before { content: ""; } .fa-closed-captioning:before { content: ""; } .fa-cloud:before { content: ""; } .fa-cloud-download-alt:before { content: ""; } .fa-cloud-meatball:before { content: ""; } .fa-cloud-moon:before { content: ""; } .fa-cloud-moon-rain:before { content: ""; } .fa-cloud-rain:before { content: ""; } .fa-cloud-showers-heavy:before { content: ""; } .fa-cloud-sun:before { content: ""; } .fa-cloud-sun-rain:before { content: ""; } .fa-cloud-upload-alt:before { content: ""; } .fa-cloudscale:before { content: ""; } .fa-cloudsmith:before { content: ""; } .fa-cloudversify:before { content: ""; } .fa-cocktail:before { content: ""; } .fa-code:before { content: ""; } .fa-code-branch:before { content: ""; } .fa-codepen:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cog:before { content: ""; } .fa-cogs:before { content: ""; } .fa-coins:before { content: ""; } .fa-columns:before { content: ""; } .fa-comment:before { content: ""; } .fa-comment-alt:before { content: ""; } .fa-comment-dollar:before { content: ""; } .fa-comment-dots:before { content: ""; } .fa-comment-medical:before { content: ""; } .fa-comment-slash:before { content: ""; } .fa-comments:before { content: ""; } .fa-comments-dollar:before { content: ""; } .fa-compact-disc:before { content: ""; } .fa-compass:before { content: ""; } .fa-compress:before { content: ""; } .fa-compress-arrows-alt:before { content: ""; } .fa-concierge-bell:before { content: ""; } .fa-confluence:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-contao:before { content: ""; } .fa-cookie:before { content: ""; } .fa-cookie-bite:before { content: ""; } .fa-copy:before { content: ""; } .fa-copyright:before { content: ""; } .fa-couch:before { content: ""; } .fa-cpanel:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-creative-commons-by:before { content: ""; } .fa-creative-commons-nc:before { content: ""; } .fa-creative-commons-nc-eu:before { content: ""; } .fa-creative-commons-nc-jp:before { content: ""; } .fa-creative-commons-nd:before { content: ""; } .fa-creative-commons-pd:before { content: ""; } .fa-creative-commons-pd-alt:before { content: ""; } .fa-creative-commons-remix:before { content: ""; } .fa-creative-commons-sa:before { content: ""; } .fa-creative-commons-sampling:before { content: ""; } .fa-creative-commons-sampling-plus:before { content: ""; } .fa-creative-commons-share:before { content: ""; } .fa-creative-commons-zero:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-critical-role:before { content: ""; } .fa-crop:before { content: ""; } .fa-crop-alt:before { content: ""; } .fa-cross:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-crow:before { content: ""; } .fa-crown:before { content: ""; } .fa-crutch:before { content: ""; } .fa-css3:before { content: ""; } .fa-css3-alt:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-cut:before { content: ""; } .fa-cuttlefish:before { content: ""; } .fa-d-and-d:before { content: ""; } .fa-d-and-d-beyond:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-database:before { content: ""; } .fa-deaf:before { content: ""; } .fa-delicious:before { content: ""; } .fa-democrat:before { content: ""; } .fa-deploydog:before { content: ""; } .fa-deskpro:before { content: ""; } .fa-desktop:before { content: ""; } .fa-dev:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-dharmachakra:before { content: ""; } .fa-dhl:before { content: ""; } .fa-diagnoses:before { content: ""; } .fa-diaspora:before { content: ""; } .fa-dice:before { content: ""; } .fa-dice-d20:before { content: ""; } .fa-dice-d6:before { content: ""; } .fa-dice-five:before { content: ""; } .fa-dice-four:before { content: ""; } .fa-dice-one:before { content: ""; } .fa-dice-six:before { content: ""; } .fa-dice-three:before { content: ""; } .fa-dice-two:before { content: ""; } .fa-digg:before { content: ""; } .fa-digital-ocean:before { content: ""; } .fa-digital-tachograph:before { content: ""; } .fa-directions:before { content: ""; } .fa-discord:before { content: ""; } .fa-discourse:before { content: ""; } .fa-divide:before { content: ""; } .fa-dizzy:before { content: ""; } .fa-dna:before { content: ""; } .fa-dochub:before { content: ""; } .fa-docker:before { content: ""; } .fa-dog:before { content: ""; } .fa-dollar-sign:before { content: ""; } .fa-dolly:before { content: ""; } .fa-dolly-flatbed:before { content: ""; } .fa-donate:before { content: ""; } .fa-door-closed:before { content: ""; } .fa-door-open:before { content: ""; } .fa-dot-circle:before { content: ""; } .fa-dove:before { content: ""; } .fa-download:before { content: ""; } .fa-draft2digital:before { content: ""; } .fa-drafting-compass:before { content: ""; } .fa-dragon:before { content: ""; } .fa-draw-polygon:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-dribbble-square:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-drum:before { content: ""; } .fa-drum-steelpan:before { content: ""; } .fa-drumstick-bite:before { content: ""; } .fa-drupal:before { content: ""; } .fa-dumbbell:before { content: ""; } .fa-dumpster:before { content: ""; } .fa-dumpster-fire:before { content: ""; } .fa-dungeon:before { content: ""; } .fa-dyalog:before { content: ""; } .fa-earlybirds:before { content: ""; } .fa-ebay:before { content: ""; } .fa-edge:before { content: ""; } .fa-edit:before { content: ""; } .fa-egg:before { content: ""; } .fa-eject:before { content: ""; } .fa-elementor:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-ello:before { content: ""; } .fa-ember:before { content: ""; } .fa-empire:before { content: ""; } .fa-envelope:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-text:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-envira:before { content: ""; } .fa-equals:before { content: ""; } .fa-eraser:before { content: ""; } .fa-erlang:before { content: ""; } .fa-ethereum:before { content: ""; } .fa-ethernet:before { content: ""; } .fa-etsy:before { content: ""; } .fa-euro-sign:before { content: ""; } .fa-exchange-alt:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-exclamation-triangle:before { content: ""; } .fa-expand:before { content: ""; } .fa-expand-arrows-alt:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-external-link-alt:before { content: ""; } .fa-external-link-square-alt:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-dropper:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-facebook:before { content: ""; } .fa-facebook-f:before { content: ""; } .fa-facebook-messenger:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-fantasy-flight-games:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-fax:before { content: ""; } .fa-feather:before { content: ""; } .fa-feather-alt:before { content: ""; } .fa-fedex:before { content: ""; } .fa-fedora:before { content: ""; } .fa-female:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-figma:before { content: ""; } .fa-file:before { content: ""; } .fa-file-alt:before { content: ""; } .fa-file-archive:before { content: ""; } .fa-file-audio:before { content: ""; } .fa-file-code:before { content: ""; } .fa-file-contract:before { content: ""; } .fa-file-csv:before { content: ""; } .fa-file-download:before { content: ""; } .fa-file-excel:before { content: ""; } .fa-file-export:before { content: ""; } .fa-file-image:before { content: ""; } .fa-file-import:before { content: ""; } .fa-file-invoice:before { content: ""; } .fa-file-invoice-dollar:before { content: ""; } .fa-file-medical:before { content: ""; } .fa-file-medical-alt:before { content: ""; } .fa-file-pdf:before { content: ""; } .fa-file-powerpoint:before { content: ""; } .fa-file-prescription:before { content: ""; } .fa-file-signature:before { content: ""; } .fa-file-upload:before { content: ""; } .fa-file-video:before { content: ""; } .fa-file-word:before { content: ""; } .fa-fill:before { content: ""; } .fa-fill-drip:before { content: ""; } .fa-film:before { content: ""; } .fa-filter:before { content: ""; } .fa-fingerprint:before { content: ""; } .fa-fire:before { content: ""; } .fa-fire-alt:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-firefox:before { content: ""; } .fa-first-aid:before { content: ""; } .fa-first-order:before { content: ""; } .fa-first-order-alt:before { content: ""; } .fa-firstdraft:before { content: ""; } .fa-fish:before { content: ""; } .fa-fist-raised:before { content: ""; } .fa-flag:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-flag-usa:before { content: ""; } .fa-flask:before { content: ""; } .fa-flickr:before { content: ""; } .fa-flipboard:before { content: ""; } .fa-flushed:before { content: ""; } .fa-fly:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-minus:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-folder-plus:before { content: ""; } .fa-font:before { content: ""; } .fa-font-awesome:before { content: ""; } .fa-font-awesome-alt:before { content: ""; } .fa-font-awesome-flag:before { content: ""; } .fa-font-awesome-logo-full:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-fonticons-fi:before { content: ""; } .fa-football-ball:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-fort-awesome-alt:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-forward:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-freebsd:before { content: ""; } .fa-frog:before { content: ""; } .fa-frown:before { content: ""; } .fa-frown-open:before { content: ""; } .fa-fulcrum:before { content: ""; } .fa-funnel-dollar:before { content: ""; } .fa-futbol:before { content: ""; } .fa-galactic-republic:before { content: ""; } .fa-galactic-senate:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-gas-pump:before { content: ""; } .fa-gavel:before { content: ""; } .fa-gem:before { content: ""; } .fa-genderless:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-ghost:before { content: ""; } .fa-gift:before { content: ""; } .fa-gifts:before { content: ""; } .fa-git:before { content: ""; } .fa-git-square:before { content: ""; } .fa-github:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-github-square:before { content: ""; } .fa-gitkraken:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-gitter:before { content: ""; } .fa-glass-cheers:before { content: ""; } .fa-glass-martini:before { content: ""; } .fa-glass-martini-alt:before { content: ""; } .fa-glass-whiskey:before { content: ""; } .fa-glasses:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-globe:before { content: ""; } .fa-globe-africa:before { content: ""; } .fa-globe-americas:before { content: ""; } .fa-globe-asia:before { content: ""; } .fa-globe-europe:before { content: ""; } .fa-gofore:before { content: ""; } .fa-golf-ball:before { content: ""; } .fa-goodreads:before { content: ""; } .fa-goodreads-g:before { content: ""; } .fa-google:before { content: ""; } .fa-google-drive:before { content: ""; } .fa-google-play:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-google-plus-g:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-gopuram:before { content: ""; } .fa-graduation-cap:before { content: ""; } .fa-gratipay:before { content: ""; } .fa-grav:before { content: ""; } .fa-greater-than:before { content: ""; } .fa-greater-than-equal:before { content: ""; } .fa-grimace:before { content: ""; } .fa-grin:before { content: ""; } .fa-grin-alt:before { content: ""; } .fa-grin-beam:before { content: ""; } .fa-grin-beam-sweat:before { content: ""; } .fa-grin-hearts:before { content: ""; } .fa-grin-squint:before { content: ""; } .fa-grin-squint-tears:before { content: ""; } .fa-grin-stars:before { content: ""; } .fa-grin-tears:before { content: ""; } .fa-grin-tongue:before { content: ""; } .fa-grin-tongue-squint:before { content: ""; } .fa-grin-tongue-wink:before { content: ""; } .fa-grin-wink:before { content: ""; } .fa-grip-horizontal:before { content: ""; } .fa-grip-lines:before { content: ""; } .fa-grip-lines-vertical:before { content: ""; } .fa-grip-vertical:before { content: ""; } .fa-gripfire:before { content: ""; } .fa-grunt:before { content: ""; } .fa-guitar:before { content: ""; } .fa-gulp:before { content: ""; } .fa-h-square:before { content: ""; } .fa-hacker-news:before { content: ""; } .fa-hacker-news-square:before { content: ""; } .fa-hackerrank:before { content: ""; } .fa-hamburger:before { content: ""; } .fa-hammer:before { content: ""; } .fa-hamsa:before { content: ""; } .fa-hand-holding:before { content: ""; } .fa-hand-holding-heart:before { content: ""; } .fa-hand-holding-usd:before { content: ""; } .fa-hand-lizard:before { content: ""; } .fa-hand-middle-finger:before { content: ""; } .fa-hand-paper:before { content: ""; } .fa-h