diff --git a/contact-us.html b/contact-us.html deleted file mode 100644 index b70d42d..0000000 --- a/contact-us.html +++ /dev/null @@ -1,246 +0,0 @@ - - - - - - - k0s | Kubernetes distribution for bare-metal, on-prem, edge, IoT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-
- -
-
-
-
-
-
- - - -
-
-
-
-
-

About k0s

-

k0s is the simple, solid & certified Kubernetes distribution that works on any infrastructure: bare-metal, on-premise, edge, IoT, public & private clouds. It's 100% open source & free.

-
-
-
-
-

Resources

- -
-
-
-
-

Community

- - - - - - - - - - - - -
-
-
-
-
- - - - -
-
-
-
-

Copyright © 2021 Mirantis - All rights reserved.

-
-
-
-
- - - - - - - - - - - - - - - - - diff --git a/css/bootstrap.css b/css/bootstrap.css index 8f47589..a395f44 100644 --- a/css/bootstrap.css +++ b/css/bootstrap.css @@ -4,7 +4,7 @@ * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -:root { + :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; @@ -2420,15 +2420,16 @@ fieldset:disabled a.btn { } .btn-primary { - color: #fff; - background-color: #007bff; - border-color: #007bff; -} - -.btn-primary:hover { - color: #fff; - background-color: #0069d9; - border-color: #0062cc; + color: black !important; + font-weight: 900; + background-color: #1AAAFF; + border-color: #1AAAFF; + border-radius: 120px !important; + &:hover { + color: #fff !important; + background-color: black; + border-color: white !important; + } } .btn-primary:focus, .btn-primary.focus { @@ -7779,12 +7780,16 @@ button.bg-dark:focus { .fixed-top { position: fixed; - top: 0; + top: 30px; right: 0; left: 0; z-index: 1030; } +/* .fixed-top-above { + +} */ + .fixed-bottom { position: fixed; right: 0; diff --git a/css/fontawesome-all.css b/css/fontawesome-all.css index e67a5c4..8b23ef6 100644 --- a/css/fontawesome-all.css +++ b/css/fontawesome-all.css @@ -2,3202 +2,3206 @@ * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ -.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.33333em; - line-height: 0.75em; - vertical-align: -.0667em; } - -.fa-xs { - font-size: .75em; } - -.fa-sm { - font-size: .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: .1em; - padding: .2em .25em .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: .3em; } - -.fa.fa-pull-right, -.fas.fa-pull-right, -.far.fa-pull-right, -.fal.fa-pull-right, -.fab.fa-pull-right { - margin-left: .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% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - -.fa-rotate-90 { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); } - -.fa-rotate-180 { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); } - -.fa-rotate-270 { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; - -webkit-transform: rotate(270deg); - transform: rotate(270deg); } - -.fa-flip-horizontal { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; - -webkit-transform: scale(-1, 1); - transform: scale(-1, 1); } - -.fa-flip-vertical { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; - -webkit-transform: scale(1, -1); - transform: scale(1, -1); } - -.fa-flip-horizontal.fa-flip-vertical { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; - -webkit-transform: scale(-1, -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 { - -webkit-filter: none; - filter: none; } - -.fa-stack { - display: inline-block; - height: 2em; - line-height: 2em; - position: relative; - vertical-align: middle; - width: 2em; } - -.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: "\f26e"; } - -.fa-accessible-icon:before { - content: "\f368"; } - -.fa-accusoft:before { - content: "\f369"; } - -.fa-address-book:before { - content: "\f2b9"; } - -.fa-address-card:before { - content: "\f2bb"; } - -.fa-adjust:before { - content: "\f042"; } - -.fa-adn:before { - content: "\f170"; } - -.fa-adversal:before { - content: "\f36a"; } - -.fa-affiliatetheme:before { - content: "\f36b"; } - -.fa-algolia:before { - content: "\f36c"; } - -.fa-align-center:before { - content: "\f037"; } - -.fa-align-justify:before { - content: "\f039"; } - -.fa-align-left:before { - content: "\f036"; } - -.fa-align-right:before { - content: "\f038"; } - -.fa-allergies:before { - content: "\f461"; } - -.fa-amazon:before { - content: "\f270"; } - -.fa-amazon-pay:before { - content: "\f42c"; } - -.fa-ambulance:before { - content: "\f0f9"; } - -.fa-american-sign-language-interpreting:before { - content: "\f2a3"; } - -.fa-amilia:before { - content: "\f36d"; } - -.fa-anchor:before { - content: "\f13d"; } - -.fa-android:before { - content: "\f17b"; } - -.fa-angellist:before { - content: "\f209"; } - -.fa-angle-double-down:before { - content: "\f103"; } - -.fa-angle-double-left:before { - content: "\f100"; } - -.fa-angle-double-right:before { - content: "\f101"; } - -.fa-angle-double-up:before { - content: "\f102"; } - -.fa-angle-down:before { - content: "\f107"; } - -.fa-angle-left:before { - content: "\f104"; } - -.fa-angle-right:before { - content: "\f105"; } - -.fa-angle-up:before { - content: "\f106"; } - -.fa-angrycreative:before { - content: "\f36e"; } - -.fa-angular:before { - content: "\f420"; } - -.fa-app-store:before { - content: "\f36f"; } - -.fa-app-store-ios:before { - content: "\f370"; } - -.fa-apper:before { - content: "\f371"; } - -.fa-apple:before { - content: "\f179"; } - -.fa-apple-pay:before { - content: "\f415"; } - -.fa-archive:before { - content: "\f187"; } - -.fa-arrow-alt-circle-down:before { - content: "\f358"; } - -.fa-arrow-alt-circle-left:before { - content: "\f359"; } - -.fa-arrow-alt-circle-right:before { - content: "\f35a"; } - -.fa-arrow-alt-circle-up:before { - content: "\f35b"; } - -.fa-arrow-circle-down:before { - content: "\f0ab"; } - -.fa-arrow-circle-left:before { - content: "\f0a8"; } - -.fa-arrow-circle-right:before { - content: "\f0a9"; } - -.fa-arrow-circle-up:before { - content: "\f0aa"; } - -.fa-arrow-down:before { - content: "\f063"; } - -.fa-arrow-left:before { - content: "\f060"; } - -.fa-arrow-right:before { - content: "\f061"; } - -.fa-arrow-up:before { - content: "\f062"; } - -.fa-arrows-alt:before { - content: "\f0b2"; } - -.fa-arrows-alt-h:before { - content: "\f337"; } - -.fa-arrows-alt-v:before { - content: "\f338"; } - -.fa-assistive-listening-systems:before { - content: "\f2a2"; } - -.fa-asterisk:before { - content: "\f069"; } - -.fa-asymmetrik:before { - content: "\f372"; } - -.fa-at:before { - content: "\f1fa"; } - -.fa-audible:before { - content: "\f373"; } - -.fa-audio-description:before { - content: "\f29e"; } - -.fa-autoprefixer:before { - content: "\f41c"; } - -.fa-avianex:before { - content: "\f374"; } - -.fa-aviato:before { - content: "\f421"; } - -.fa-aws:before { - content: "\f375"; } - -.fa-backward:before { - content: "\f04a"; } - -.fa-balance-scale:before { - content: "\f24e"; } - -.fa-ban:before { - content: "\f05e"; } - -.fa-band-aid:before { - content: "\f462"; } - -.fa-bandcamp:before { - content: "\f2d5"; } - -.fa-barcode:before { - content: "\f02a"; } - -.fa-bars:before { - content: "\f0c9"; } - -.fa-baseball-ball:before { - content: "\f433"; } - -.fa-basketball-ball:before { - content: "\f434"; } - -.fa-bath:before { - content: "\f2cd"; } - -.fa-battery-empty:before { - content: "\f244"; } - -.fa-battery-full:before { - content: "\f240"; } - -.fa-battery-half:before { - content: "\f242"; } - -.fa-battery-quarter:before { - content: "\f243"; } - -.fa-battery-three-quarters:before { - content: "\f241"; } - -.fa-bed:before { - content: "\f236"; } - -.fa-beer:before { - content: "\f0fc"; } - -.fa-behance:before { - content: "\f1b4"; } - -.fa-behance-square:before { - content: "\f1b5"; } - -.fa-bell:before { - content: "\f0f3"; } - -.fa-bell-slash:before { - content: "\f1f6"; } - -.fa-bicycle:before { - content: "\f206"; } - -.fa-bimobject:before { - content: "\f378"; } - -.fa-binoculars:before { - content: "\f1e5"; } - -.fa-birthday-cake:before { - content: "\f1fd"; } - -.fa-bitbucket:before { - content: "\f171"; } - -.fa-bitcoin:before { - content: "\f379"; } - -.fa-bity:before { - content: "\f37a"; } - -.fa-black-tie:before { - content: "\f27e"; } - -.fa-blackberry:before { - content: "\f37b"; } - -.fa-blender:before { - content: "\f517"; } - -.fa-blind:before { - content: "\f29d"; } - -.fa-blogger:before { - content: "\f37c"; } - -.fa-blogger-b:before { - content: "\f37d"; } - -.fa-bluetooth:before { - content: "\f293"; } - -.fa-bluetooth-b:before { - content: "\f294"; } - -.fa-bold:before { - content: "\f032"; } - -.fa-bolt:before { - content: "\f0e7"; } - -.fa-bomb:before { - content: "\f1e2"; } - -.fa-book:before { - content: "\f02d"; } - -.fa-book-open:before { - content: "\f518"; } - -.fa-bookmark:before { - content: "\f02e"; } - -.fa-bowling-ball:before { - content: "\f436"; } - -.fa-box:before { - content: "\f466"; } - -.fa-box-open:before { - content: "\f49e"; } - -.fa-boxes:before { - content: "\f468"; } - -.fa-braille:before { - content: "\f2a1"; } - -.fa-briefcase:before { - content: "\f0b1"; } - -.fa-briefcase-medical:before { - content: "\f469"; } - -.fa-broadcast-tower:before { - content: "\f519"; } - -.fa-broom:before { - content: "\f51a"; } - -.fa-btc:before { - content: "\f15a"; } - -.fa-bug:before { - content: "\f188"; } - -.fa-building:before { - content: "\f1ad"; } - -.fa-bullhorn:before { - content: "\f0a1"; } - -.fa-bullseye:before { - content: "\f140"; } - -.fa-burn:before { - content: "\f46a"; } - -.fa-buromobelexperte:before { - content: "\f37f"; } - -.fa-bus:before { - content: "\f207"; } - -.fa-buysellads:before { - content: "\f20d"; } - -.fa-calculator:before { - content: "\f1ec"; } - -.fa-calendar:before { - content: "\f133"; } - -.fa-calendar-alt:before { - content: "\f073"; } - -.fa-calendar-check:before { - content: "\f274"; } - -.fa-calendar-minus:before { - content: "\f272"; } - -.fa-calendar-plus:before { - content: "\f271"; } - -.fa-calendar-times:before { - content: "\f273"; } - -.fa-camera:before { - content: "\f030"; } - -.fa-camera-retro:before { - content: "\f083"; } - -.fa-capsules:before { - content: "\f46b"; } - -.fa-car:before { - content: "\f1b9"; } - -.fa-caret-down:before { - content: "\f0d7"; } - -.fa-caret-left:before { - content: "\f0d9"; } - -.fa-caret-right:before { - content: "\f0da"; } - -.fa-caret-square-down:before { - content: "\f150"; } - -.fa-caret-square-left:before { - content: "\f191"; } - -.fa-caret-square-right:before { - content: "\f152"; } - -.fa-caret-square-up:before { - content: "\f151"; } - -.fa-caret-up:before { - content: "\f0d8"; } - -.fa-cart-arrow-down:before { - content: "\f218"; } - -.fa-cart-plus:before { - content: "\f217"; } - -.fa-cc-amazon-pay:before { - content: "\f42d"; } - -.fa-cc-amex:before { - content: "\f1f3"; } - -.fa-cc-apple-pay:before { - content: "\f416"; } - -.fa-cc-diners-club:before { - content: "\f24c"; } - -.fa-cc-discover:before { - content: "\f1f2"; } - -.fa-cc-jcb:before { - content: "\f24b"; } - -.fa-cc-mastercard:before { - content: "\f1f1"; } - -.fa-cc-paypal:before { - content: "\f1f4"; } - -.fa-cc-stripe:before { - content: "\f1f5"; } - -.fa-cc-visa:before { - content: "\f1f0"; } - -.fa-centercode:before { - content: "\f380"; } - -.fa-certificate:before { - content: "\f0a3"; } - -.fa-chalkboard:before { - content: "\f51b"; } - -.fa-chalkboard-teacher:before { - content: "\f51c"; } - -.fa-chart-area:before { - content: "\f1fe"; } - -.fa-chart-bar:before { - content: "\f080"; } - -.fa-chart-line:before { - content: "\f201"; } - -.fa-chart-pie:before { - content: "\f200"; } - -.fa-check:before { - content: "\f00c"; } - -.fa-check-circle:before { - content: "\f058"; } - -.fa-check-square:before { - content: "\f14a"; } - -.fa-chess:before { - content: "\f439"; } - -.fa-chess-bishop:before { - content: "\f43a"; } - -.fa-chess-board:before { - content: "\f43c"; } - -.fa-chess-king:before { - content: "\f43f"; } - -.fa-chess-knight:before { - content: "\f441"; } - -.fa-chess-pawn:before { - content: "\f443"; } - -.fa-chess-queen:before { - content: "\f445"; } - -.fa-chess-rook:before { - content: "\f447"; } - -.fa-chevron-circle-down:before { - content: "\f13a"; } - -.fa-chevron-circle-left:before { - content: "\f137"; } - -.fa-chevron-circle-right:before { - content: "\f138"; } - -.fa-chevron-circle-up:before { - content: "\f139"; } - -.fa-chevron-down:before { - content: "\f078"; } - -.fa-chevron-left:before { - content: "\f053"; } - -.fa-chevron-right:before { - content: "\f054"; } - -.fa-chevron-up:before { - content: "\f077"; } - -.fa-child:before { - content: "\f1ae"; } - -.fa-chrome:before { - content: "\f268"; } - -.fa-church:before { - content: "\f51d"; } - -.fa-circle:before { - content: "\f111"; } - -.fa-circle-notch:before { - content: "\f1ce"; } - -.fa-clipboard:before { - content: "\f328"; } - -.fa-clipboard-check:before { - content: "\f46c"; } - -.fa-clipboard-list:before { - content: "\f46d"; } - -.fa-clock:before { - content: "\f017"; } - -.fa-clone:before { - content: "\f24d"; } - -.fa-closed-captioning:before { - content: "\f20a"; } - -.fa-cloud:before { - content: "\f0c2"; } - -.fa-cloud-download-alt:before { - content: "\f381"; } - -.fa-cloud-upload-alt:before { - content: "\f382"; } - -.fa-cloudscale:before { - content: "\f383"; } - -.fa-cloudsmith:before { - content: "\f384"; } - -.fa-cloudversify:before { - content: "\f385"; } - -.fa-code:before { - content: "\f121"; } - -.fa-code-branch:before { - content: "\f126"; } - -.fa-codepen:before { - content: "\f1cb"; } - -.fa-codiepie:before { - content: "\f284"; } - -.fa-coffee:before { - content: "\f0f4"; } - -.fa-cog:before { - content: "\f013"; } - -.fa-cogs:before { - content: "\f085"; } - -.fa-coins:before { - content: "\f51e"; } - -.fa-columns:before { - content: "\f0db"; } - -.fa-comment:before { - content: "\f075"; } - -.fa-comment-alt:before { - content: "\f27a"; } - -.fa-comment-dots:before { - content: "\f4ad"; } - -.fa-comment-slash:before { - content: "\f4b3"; } - -.fa-comments:before { - content: "\f086"; } - -.fa-compact-disc:before { - content: "\f51f"; } - -.fa-compass:before { - content: "\f14e"; } - -.fa-compress:before { - content: "\f066"; } - -.fa-connectdevelop:before { - content: "\f20e"; } - -.fa-contao:before { - content: "\f26d"; } - -.fa-copy:before { - content: "\f0c5"; } - -.fa-copyright:before { - content: "\f1f9"; } - -.fa-couch:before { - content: "\f4b8"; } - -.fa-cpanel:before { - content: "\f388"; } - -.fa-creative-commons:before { - content: "\f25e"; } - -.fa-creative-commons-by:before { - content: "\f4e7"; } - -.fa-creative-commons-nc:before { - content: "\f4e8"; } - -.fa-creative-commons-nc-eu:before { - content: "\f4e9"; } - -.fa-creative-commons-nc-jp:before { - content: "\f4ea"; } - -.fa-creative-commons-nd:before { - content: "\f4eb"; } - -.fa-creative-commons-pd:before { - content: "\f4ec"; } - -.fa-creative-commons-pd-alt:before { - content: "\f4ed"; } - -.fa-creative-commons-remix:before { - content: "\f4ee"; } - -.fa-creative-commons-sa:before { - content: "\f4ef"; } - -.fa-creative-commons-sampling:before { - content: "\f4f0"; } - -.fa-creative-commons-sampling-plus:before { - content: "\f4f1"; } - -.fa-creative-commons-share:before { - content: "\f4f2"; } - -.fa-credit-card:before { - content: "\f09d"; } - -.fa-crop:before { - content: "\f125"; } - -.fa-crosshairs:before { - content: "\f05b"; } - -.fa-crow:before { - content: "\f520"; } - -.fa-crown:before { - content: "\f521"; } - -.fa-css3:before { - content: "\f13c"; } - -.fa-css3-alt:before { - content: "\f38b"; } - -.fa-cube:before { - content: "\f1b2"; } - -.fa-cubes:before { - content: "\f1b3"; } - -.fa-cut:before { - content: "\f0c4"; } - -.fa-cuttlefish:before { - content: "\f38c"; } - -.fa-d-and-d:before { - content: "\f38d"; } - -.fa-dashcube:before { - content: "\f210"; } - -.fa-database:before { - content: "\f1c0"; } - -.fa-deaf:before { - content: "\f2a4"; } - -.fa-delicious:before { - content: "\f1a5"; } - -.fa-deploydog:before { - content: "\f38e"; } - -.fa-deskpro:before { - content: "\f38f"; } - -.fa-desktop:before { - content: "\f108"; } - -.fa-deviantart:before { - content: "\f1bd"; } - -.fa-diagnoses:before { - content: "\f470"; } - -.fa-dice:before { - content: "\f522"; } - -.fa-dice-five:before { - content: "\f523"; } - -.fa-dice-four:before { - content: "\f524"; } - -.fa-dice-one:before { - content: "\f525"; } - -.fa-dice-six:before { - content: "\f526"; } - -.fa-dice-three:before { - content: "\f527"; } - -.fa-dice-two:before { - content: "\f528"; } - -.fa-digg:before { - content: "\f1a6"; } - -.fa-digital-ocean:before { - content: "\f391"; } - -.fa-discord:before { - content: "\f392"; } - -.fa-discourse:before { - content: "\f393"; } - -.fa-divide:before { - content: "\f529"; } - -.fa-dna:before { - content: "\f471"; } - -.fa-dochub:before { - content: "\f394"; } - -.fa-docker:before { - content: "\f395"; } - -.fa-dollar-sign:before { - content: "\f155"; } - -.fa-dolly:before { - content: "\f472"; } - -.fa-dolly-flatbed:before { - content: "\f474"; } - -.fa-donate:before { - content: "\f4b9"; } - -.fa-door-closed:before { - content: "\f52a"; } - -.fa-door-open:before { - content: "\f52b"; } - -.fa-dot-circle:before { - content: "\f192"; } - -.fa-dove:before { - content: "\f4ba"; } - -.fa-download:before { - content: "\f019"; } - -.fa-draft2digital:before { - content: "\f396"; } - -.fa-dribbble:before { - content: "\f17d"; } - -.fa-dribbble-square:before { - content: "\f397"; } - -.fa-dropbox:before { - content: "\f16b"; } - -.fa-drupal:before { - content: "\f1a9"; } - -.fa-dumbbell:before { - content: "\f44b"; } - -.fa-dyalog:before { - content: "\f399"; } - -.fa-earlybirds:before { - content: "\f39a"; } - -.fa-ebay:before { - content: "\f4f4"; } - -.fa-edge:before { - content: "\f282"; } - -.fa-edit:before { - content: "\f044"; } - -.fa-eject:before { - content: "\f052"; } - -.fa-elementor:before { - content: "\f430"; } - -.fa-ellipsis-h:before { - content: "\f141"; } - -.fa-ellipsis-v:before { - content: "\f142"; } - -.fa-ember:before { - content: "\f423"; } - -.fa-empire:before { - content: "\f1d1"; } - -.fa-envelope:before { - content: "\f0e0"; } - -.fa-envelope-open:before { - content: "\f2b6"; } - -.fa-envelope-square:before { - content: "\f199"; } - -.fa-envira:before { - content: "\f299"; } - -.fa-equals:before { - content: "\f52c"; } - -.fa-eraser:before { - content: "\f12d"; } - -.fa-erlang:before { - content: "\f39d"; } - -.fa-ethereum:before { - content: "\f42e"; } - -.fa-etsy:before { - content: "\f2d7"; } - -.fa-euro-sign:before { - content: "\f153"; } - -.fa-exchange-alt:before { - content: "\f362"; } - -.fa-exclamation:before { - content: "\f12a"; } - -.fa-exclamation-circle:before { - content: "\f06a"; } - -.fa-exclamation-triangle:before { - content: "\f071"; } - -.fa-expand:before { - content: "\f065"; } - -.fa-expand-arrows-alt:before { - content: "\f31e"; } - -.fa-expeditedssl:before { - content: "\f23e"; } - -.fa-external-link-alt:before { - content: "\f35d"; } - -.fa-external-link-square-alt:before { - content: "\f360"; } - -.fa-eye:before { - content: "\f06e"; } - -.fa-eye-dropper:before { - content: "\f1fb"; } - -.fa-eye-slash:before { - content: "\f070"; } - -.fa-facebook:before { - content: "\f09a"; } - -.fa-facebook-f:before { - content: "\f39e"; } - -.fa-facebook-messenger:before { - content: "\f39f"; } - -.fa-facebook-square:before { - content: "\f082"; } - -.fa-fast-backward:before { - content: "\f049"; } - -.fa-fast-forward:before { - content: "\f050"; } - -.fa-fax:before { - content: "\f1ac"; } - -.fa-feather:before { - content: "\f52d"; } - -.fa-female:before { - content: "\f182"; } - -.fa-fighter-jet:before { - content: "\f0fb"; } - -.fa-file:before { - content: "\f15b"; } - -.fa-file-alt:before { - content: "\f15c"; } - -.fa-file-archive:before { - content: "\f1c6"; } - -.fa-file-audio:before { - content: "\f1c7"; } - -.fa-file-code:before { - content: "\f1c9"; } - -.fa-file-excel:before { - content: "\f1c3"; } - -.fa-file-image:before { - content: "\f1c5"; } - -.fa-file-medical:before { - content: "\f477"; } - -.fa-file-medical-alt:before { - content: "\f478"; } - -.fa-file-pdf:before { - content: "\f1c1"; } - -.fa-file-powerpoint:before { - content: "\f1c4"; } - -.fa-file-video:before { - content: "\f1c8"; } - -.fa-file-word:before { - content: "\f1c2"; } - -.fa-film:before { - content: "\f008"; } - -.fa-filter:before { - content: "\f0b0"; } - -.fa-fire:before { - content: "\f06d"; } - -.fa-fire-extinguisher:before { - content: "\f134"; } - -.fa-firefox:before { - content: "\f269"; } - -.fa-first-aid:before { - content: "\f479"; } - -.fa-first-order:before { - content: "\f2b0"; } - -.fa-first-order-alt:before { - content: "\f50a"; } - -.fa-firstdraft:before { - content: "\f3a1"; } - -.fa-flag:before { - content: "\f024"; } - -.fa-flag-checkered:before { - content: "\f11e"; } - -.fa-flask:before { - content: "\f0c3"; } - -.fa-flickr:before { - content: "\f16e"; } - -.fa-flipboard:before { - content: "\f44d"; } - -.fa-fly:before { - content: "\f417"; } - -.fa-folder:before { - content: "\f07b"; } - -.fa-folder-open:before { - content: "\f07c"; } - -.fa-font:before { - content: "\f031"; } - -.fa-font-awesome:before { - content: "\f2b4"; } - -.fa-font-awesome-alt:before { - content: "\f35c"; } - -.fa-font-awesome-flag:before { - content: "\f425"; } - -.fa-font-awesome-logo-full:before { - content: "\f4e6"; } - -.fa-fonticons:before { - content: "\f280"; } - -.fa-fonticons-fi:before { - content: "\f3a2"; } - -.fa-football-ball:before { - content: "\f44e"; } - -.fa-fort-awesome:before { - content: "\f286"; } - -.fa-fort-awesome-alt:before { - content: "\f3a3"; } - -.fa-forumbee:before { - content: "\f211"; } - -.fa-forward:before { - content: "\f04e"; } - -.fa-foursquare:before { - content: "\f180"; } - -.fa-free-code-camp:before { - content: "\f2c5"; } - -.fa-freebsd:before { - content: "\f3a4"; } - -.fa-frog:before { - content: "\f52e"; } - -.fa-frown:before { - content: "\f119"; } - -.fa-fulcrum:before { - content: "\f50b"; } - -.fa-futbol:before { - content: "\f1e3"; } - -.fa-galactic-republic:before { - content: "\f50c"; } - -.fa-galactic-senate:before { - content: "\f50d"; } - -.fa-gamepad:before { - content: "\f11b"; } - -.fa-gas-pump:before { - content: "\f52f"; } - -.fa-gavel:before { - content: "\f0e3"; } - -.fa-gem:before { - content: "\f3a5"; } - -.fa-genderless:before { - content: "\f22d"; } - -.fa-get-pocket:before { - content: "\f265"; } - -.fa-gg:before { - content: "\f260"; } - -.fa-gg-circle:before { - content: "\f261"; } - -.fa-gift:before { - content: "\f06b"; } - -.fa-git:before { - content: "\f1d3"; } - -.fa-git-square:before { - content: "\f1d2"; } - -.fa-github:before { - content: "\f09b"; } - -.fa-github-alt:before { - content: "\f113"; } - -.fa-github-square:before { - content: "\f092"; } - -.fa-gitkraken:before { - content: "\f3a6"; } - -.fa-gitlab:before { - content: "\f296"; } - -.fa-gitter:before { - content: "\f426"; } - -.fa-glass-martini:before { - content: "\f000"; } - -.fa-glasses:before { - content: "\f530"; } - -.fa-glide:before { - content: "\f2a5"; } - -.fa-glide-g:before { - content: "\f2a6"; } - -.fa-globe:before { - content: "\f0ac"; } - -.fa-gofore:before { - content: "\f3a7"; } - -.fa-golf-ball:before { - content: "\f450"; } - -.fa-goodreads:before { - content: "\f3a8"; } - -.fa-goodreads-g:before { - content: "\f3a9"; } - -.fa-google:before { - content: "\f1a0"; } - -.fa-google-drive:before { - content: "\f3aa"; } - -.fa-google-play:before { - content: "\f3ab"; } - -.fa-google-plus:before { - content: "\f2b3"; } - -.fa-google-plus-g:before { - content: "\f0d5"; } - -.fa-google-plus-square:before { - content: "\f0d4"; } - -.fa-google-wallet:before { - content: "\f1ee"; } - -.fa-graduation-cap:before { - content: "\f19d"; } - -.fa-gratipay:before { - content: "\f184"; } - -.fa-grav:before { - content: "\f2d6"; } - -.fa-greater-than:before { - content: "\f531"; } - -.fa-greater-than-equal:before { - content: "\f532"; } - -.fa-gripfire:before { - content: "\f3ac"; } - -.fa-grunt:before { - content: "\f3ad"; } - -.fa-gulp:before { - content: "\f3ae"; } - -.fa-h-square:before { - content: "\f0fd"; } - -.fa-hacker-news:before { - content: "\f1d4"; } - -.fa-hacker-news-square:before { - content: "\f3af"; } - -.fa-hand-holding:before { - content: "\f4bd"; } - -.fa-hand-holding-heart:before { - content: "\f4be"; } - -.fa-hand-holding-usd:before { - content: "\f4c0"; } - -.fa-hand-lizard:before { - content: "\f258"; } - -.fa-hand-paper:before { - content: "\f256"; } - -.fa-hand-peace:before { - content: "\f25b"; } - -.fa-hand-point-down:before { - content: "\f0a7"; } - -.fa-hand-point-left:before { - content: "\f0a5"; } - -.fa-hand-point-right:before { - content: "\f0a4"; } - -.fa-hand-point-up:before { - content: "\f0a6"; } - -.fa-hand-pointer:before { - content: "\f25a"; } - -.fa-hand-rock:before { - content: "\f255"; } - -.fa-hand-scissors:before { - content: "\f257"; } - -.fa-hand-spock:before { - content: "\f259"; } - -.fa-hands:before { - content: "\f4c2"; } - -.fa-hands-helping:before { - content: "\f4c4"; } - -.fa-handshake:before { - content: "\f2b5"; } - -.fa-hashtag:before { - content: "\f292"; } - -.fa-hdd:before { - content: "\f0a0"; } - -.fa-heading:before { - content: "\f1dc"; } - -.fa-headphones:before { - content: "\f025"; } - -.fa-heart:before { - content: "\f004"; } - -.fa-heartbeat:before { - content: "\f21e"; } - -.fa-helicopter:before { - content: "\f533"; } - -.fa-hips:before { - content: "\f452"; } - -.fa-hire-a-helper:before { - content: "\f3b0"; } - -.fa-history:before { - content: "\f1da"; } - -.fa-hockey-puck:before { - content: "\f453"; } - -.fa-home:before { - content: "\f015"; } - -.fa-hooli:before { - content: "\f427"; } - -.fa-hospital:before { - content: "\f0f8"; } - -.fa-hospital-alt:before { - content: "\f47d"; } - -.fa-hospital-symbol:before { - content: "\f47e"; } - -.fa-hotjar:before { - content: "\f3b1"; } - -.fa-hourglass:before { - content: "\f254"; } - -.fa-hourglass-end:before { - content: "\f253"; } - -.fa-hourglass-half:before { - content: "\f252"; } - -.fa-hourglass-start:before { - content: "\f251"; } - -.fa-houzz:before { - content: "\f27c"; } - -.fa-html5:before { - content: "\f13b"; } - -.fa-hubspot:before { - content: "\f3b2"; } - -.fa-i-cursor:before { - content: "\f246"; } - -.fa-id-badge:before { - content: "\f2c1"; } - -.fa-id-card:before { - content: "\f2c2"; } - -.fa-id-card-alt:before { - content: "\f47f"; } - -.fa-image:before { - content: "\f03e"; } - -.fa-images:before { - content: "\f302"; } - -.fa-imdb:before { - content: "\f2d8"; } - -.fa-inbox:before { - content: "\f01c"; } - -.fa-indent:before { - content: "\f03c"; } - -.fa-industry:before { - content: "\f275"; } - -.fa-infinity:before { - content: "\f534"; } - -.fa-info:before { - content: "\f129"; } - -.fa-info-circle:before { - content: "\f05a"; } - -.fa-instagram:before { - content: "\f16d"; } - -.fa-internet-explorer:before { - content: "\f26b"; } - -.fa-ioxhost:before { - content: "\f208"; } - -.fa-italic:before { - content: "\f033"; } - -.fa-itunes:before { - content: "\f3b4"; } - -.fa-itunes-note:before { - content: "\f3b5"; } - -.fa-java:before { - content: "\f4e4"; } - -.fa-jedi-order:before { - content: "\f50e"; } - -.fa-jenkins:before { - content: "\f3b6"; } - -.fa-joget:before { - content: "\f3b7"; } - -.fa-joomla:before { - content: "\f1aa"; } - -.fa-js:before { - content: "\f3b8"; } - -.fa-js-square:before { - content: "\f3b9"; } - -.fa-jsfiddle:before { - content: "\f1cc"; } - -.fa-key:before { - content: "\f084"; } - -.fa-keybase:before { - content: "\f4f5"; } - -.fa-keyboard:before { - content: "\f11c"; } - -.fa-keycdn:before { - content: "\f3ba"; } - -.fa-kickstarter:before { - content: "\f3bb"; } - -.fa-kickstarter-k:before { - content: "\f3bc"; } - -.fa-kiwi-bird:before { - content: "\f535"; } - -.fa-korvue:before { - content: "\f42f"; } - -.fa-language:before { - content: "\f1ab"; } - -.fa-laptop:before { - content: "\f109"; } - -.fa-laravel:before { - content: "\f3bd"; } - -.fa-lastfm:before { - content: "\f202"; } - -.fa-lastfm-square:before { - content: "\f203"; } - -.fa-leaf:before { - content: "\f06c"; } - -.fa-leanpub:before { - content: "\f212"; } - -.fa-lemon:before { - content: "\f094"; } - -.fa-less:before { - content: "\f41d"; } - -.fa-less-than:before { - content: "\f536"; } - -.fa-less-than-equal:before { - content: "\f537"; } - -.fa-level-down-alt:before { - content: "\f3be"; } - -.fa-level-up-alt:before { - content: "\f3bf"; } - -.fa-life-ring:before { - content: "\f1cd"; } - -.fa-lightbulb:before { - content: "\f0eb"; } - -.fa-line:before { - content: "\f3c0"; } - -.fa-link:before { - content: "\f0c1"; } - -.fa-linkedin:before { - content: "\f08c"; } - -.fa-linkedin-in:before { - content: "\f0e1"; } - -.fa-linode:before { - content: "\f2b8"; } - -.fa-linux:before { - content: "\f17c"; } - -.fa-lira-sign:before { - content: "\f195"; } - -.fa-list:before { - content: "\f03a"; } - -.fa-list-alt:before { - content: "\f022"; } - -.fa-list-ol:before { - content: "\f0cb"; } - -.fa-list-ul:before { - content: "\f0ca"; } - -.fa-location-arrow:before { - content: "\f124"; } - -.fa-lock:before { - content: "\f023"; } - -.fa-lock-open:before { - content: "\f3c1"; } - -.fa-long-arrow-alt-down:before { - content: "\f309"; } - -.fa-long-arrow-alt-left:before { - content: "\f30a"; } - -.fa-long-arrow-alt-right:before { - content: "\f30b"; } - -.fa-long-arrow-alt-up:before { - content: "\f30c"; } - -.fa-low-vision:before { - content: "\f2a8"; } - -.fa-lyft:before { - content: "\f3c3"; } - -.fa-magento:before { - content: "\f3c4"; } - -.fa-magic:before { - content: "\f0d0"; } - -.fa-magnet:before { - content: "\f076"; } - -.fa-male:before { - content: "\f183"; } - -.fa-mandalorian:before { - content: "\f50f"; } - -.fa-map:before { - content: "\f279"; } - -.fa-map-marker:before { - content: "\f041"; } - -.fa-map-marker-alt:before { - content: "\f3c5"; } - -.fa-map-pin:before { - content: "\f276"; } - -.fa-map-signs:before { - content: "\f277"; } - -.fa-mars:before { - content: "\f222"; } - -.fa-mars-double:before { - content: "\f227"; } - -.fa-mars-stroke:before { - content: "\f229"; } - -.fa-mars-stroke-h:before { - content: "\f22b"; } - -.fa-mars-stroke-v:before { - content: "\f22a"; } - -.fa-mastodon:before { - content: "\f4f6"; } - -.fa-maxcdn:before { - content: "\f136"; } - -.fa-medapps:before { - content: "\f3c6"; } - -.fa-medium:before { - content: "\f23a"; } - -.fa-medium-m:before { - content: "\f3c7"; } - -.fa-medkit:before { - content: "\f0fa"; } - -.fa-medrt:before { - content: "\f3c8"; } - -.fa-meetup:before { - content: "\f2e0"; } - -.fa-meh:before { - content: "\f11a"; } - -.fa-memory:before { - content: "\f538"; } - -.fa-mercury:before { - content: "\f223"; } - -.fa-microchip:before { - content: "\f2db"; } - -.fa-microphone:before { - content: "\f130"; } - -.fa-microphone-alt:before { - content: "\f3c9"; } - -.fa-microphone-alt-slash:before { - content: "\f539"; } - -.fa-microphone-slash:before { - content: "\f131"; } - -.fa-microsoft:before { - content: "\f3ca"; } - -.fa-minus:before { - content: "\f068"; } - -.fa-minus-circle:before { - content: "\f056"; } - -.fa-minus-square:before { - content: "\f146"; } - -.fa-mix:before { - content: "\f3cb"; } - -.fa-mixcloud:before { - content: "\f289"; } - -.fa-mizuni:before { - content: "\f3cc"; } - -.fa-mobile:before { - content: "\f10b"; } - -.fa-mobile-alt:before { - content: "\f3cd"; } - -.fa-modx:before { - content: "\f285"; } - -.fa-monero:before { - content: "\f3d0"; } - -.fa-money-bill:before { - content: "\f0d6"; } - -.fa-money-bill-alt:before { - content: "\f3d1"; } - -.fa-money-bill-wave:before { - content: "\f53a"; } - -.fa-money-bill-wave-alt:before { - content: "\f53b"; } - -.fa-money-check:before { - content: "\f53c"; } - -.fa-money-check-alt:before { - content: "\f53d"; } - -.fa-moon:before { - content: "\f186"; } - -.fa-motorcycle:before { - content: "\f21c"; } - -.fa-mouse-pointer:before { - content: "\f245"; } - -.fa-music:before { - content: "\f001"; } - -.fa-napster:before { - content: "\f3d2"; } - -.fa-neuter:before { - content: "\f22c"; } - -.fa-newspaper:before { - content: "\f1ea"; } - -.fa-nintendo-switch:before { - content: "\f418"; } - -.fa-node:before { - content: "\f419"; } - -.fa-node-js:before { - content: "\f3d3"; } - -.fa-not-equal:before { - content: "\f53e"; } - -.fa-notes-medical:before { - content: "\f481"; } - -.fa-npm:before { - content: "\f3d4"; } - -.fa-ns8:before { - content: "\f3d5"; } - -.fa-nutritionix:before { - content: "\f3d6"; } - -.fa-object-group:before { - content: "\f247"; } - -.fa-object-ungroup:before { - content: "\f248"; } - -.fa-odnoklassniki:before { - content: "\f263"; } - -.fa-odnoklassniki-square:before { - content: "\f264"; } - -.fa-old-republic:before { - content: "\f510"; } - -.fa-opencart:before { - content: "\f23d"; } - -.fa-openid:before { - content: "\f19b"; } - -.fa-opera:before { - content: "\f26a"; } - -.fa-optin-monster:before { - content: "\f23c"; } - -.fa-osi:before { - content: "\f41a"; } - -.fa-outdent:before { - content: "\f03b"; } - -.fa-page4:before { - content: "\f3d7"; } - -.fa-pagelines:before { - content: "\f18c"; } - -.fa-paint-brush:before { - content: "\f1fc"; } - -.fa-palette:before { - content: "\f53f"; } - -.fa-palfed:before { - content: "\f3d8"; } - -.fa-pallet:before { - content: "\f482"; } - -.fa-paper-plane:before { - content: "\f1d8"; } - -.fa-paperclip:before { - content: "\f0c6"; } - -.fa-parachute-box:before { - content: "\f4cd"; } - -.fa-paragraph:before { - content: "\f1dd"; } - -.fa-parking:before { - content: "\f540"; } - -.fa-paste:before { - content: "\f0ea"; } - -.fa-patreon:before { - content: "\f3d9"; } - -.fa-pause:before { - content: "\f04c"; } - -.fa-pause-circle:before { - content: "\f28b"; } - -.fa-paw:before { - content: "\f1b0"; } - -.fa-paypal:before { - content: "\f1ed"; } - -.fa-pen-square:before { - content: "\f14b"; } - -.fa-pencil-alt:before { - content: "\f303"; } - -.fa-people-carry:before { - content: "\f4ce"; } - -.fa-percent:before { - content: "\f295"; } - -.fa-percentage:before { - content: "\f541"; } - -.fa-periscope:before { - content: "\f3da"; } - -.fa-phabricator:before { - content: "\f3db"; } - -.fa-phoenix-framework:before { - content: "\f3dc"; } - -.fa-phoenix-squadron:before { - content: "\f511"; } - -.fa-phone:before { - content: "\f095"; } - -.fa-phone-slash:before { - content: "\f3dd"; } - -.fa-phone-square:before { - content: "\f098"; } - -.fa-phone-volume:before { - content: "\f2a0"; } - -.fa-php:before { - content: "\f457"; } - -.fa-pied-piper:before { - content: "\f2ae"; } - -.fa-pied-piper-alt:before { - content: "\f1a8"; } - -.fa-pied-piper-hat:before { - content: "\f4e5"; } - -.fa-pied-piper-pp:before { - content: "\f1a7"; } - -.fa-piggy-bank:before { - content: "\f4d3"; } - -.fa-pills:before { - content: "\f484"; } - -.fa-pinterest:before { - content: "\f0d2"; } - -.fa-pinterest-p:before { - content: "\f231"; } - -.fa-pinterest-square:before { - content: "\f0d3"; } - -.fa-plane:before { - content: "\f072"; } - -.fa-play:before { - content: "\f04b"; } - -.fa-play-circle:before { - content: "\f144"; } - -.fa-playstation:before { - content: "\f3df"; } - -.fa-plug:before { - content: "\f1e6"; } - -.fa-plus:before { - content: "\f067"; } - -.fa-plus-circle:before { - content: "\f055"; } - -.fa-plus-square:before { - content: "\f0fe"; } - -.fa-podcast:before { - content: "\f2ce"; } - -.fa-poo:before { - content: "\f2fe"; } - -.fa-portrait:before { - content: "\f3e0"; } - -.fa-pound-sign:before { - content: "\f154"; } - -.fa-power-off:before { - content: "\f011"; } - -.fa-prescription-bottle:before { - content: "\f485"; } - -.fa-prescription-bottle-alt:before { - content: "\f486"; } - -.fa-print:before { - content: "\f02f"; } - -.fa-procedures:before { - content: "\f487"; } - -.fa-product-hunt:before { - content: "\f288"; } - -.fa-project-diagram:before { - content: "\f542"; } - -.fa-pushed:before { - content: "\f3e1"; } - -.fa-puzzle-piece:before { - content: "\f12e"; } - -.fa-python:before { - content: "\f3e2"; } - -.fa-qq:before { - content: "\f1d6"; } - -.fa-qrcode:before { - content: "\f029"; } - -.fa-question:before { - content: "\f128"; } - -.fa-question-circle:before { - content: "\f059"; } - -.fa-quidditch:before { - content: "\f458"; } - -.fa-quinscape:before { - content: "\f459"; } - -.fa-quora:before { - content: "\f2c4"; } - -.fa-quote-left:before { - content: "\f10d"; } - -.fa-quote-right:before { - content: "\f10e"; } - -.fa-r-project:before { - content: "\f4f7"; } - -.fa-random:before { - content: "\f074"; } - -.fa-ravelry:before { - content: "\f2d9"; } - -.fa-react:before { - content: "\f41b"; } - -.fa-readme:before { - content: "\f4d5"; } - -.fa-rebel:before { - content: "\f1d0"; } - -.fa-receipt:before { - content: "\f543"; } - -.fa-recycle:before { - content: "\f1b8"; } - -.fa-red-river:before { - content: "\f3e3"; } - -.fa-reddit:before { - content: "\f1a1"; } - -.fa-reddit-alien:before { - content: "\f281"; } - -.fa-reddit-square:before { - content: "\f1a2"; } - -.fa-redo:before { - content: "\f01e"; } - -.fa-redo-alt:before { - content: "\f2f9"; } - -.fa-registered:before { - content: "\f25d"; } - -.fa-rendact:before { - content: "\f3e4"; } - -.fa-renren:before { - content: "\f18b"; } - -.fa-reply:before { - content: "\f3e5"; } - -.fa-reply-all:before { - content: "\f122"; } - -.fa-replyd:before { - content: "\f3e6"; } - -.fa-researchgate:before { - content: "\f4f8"; } - -.fa-resolving:before { - content: "\f3e7"; } - -.fa-retweet:before { - content: "\f079"; } - -.fa-ribbon:before { - content: "\f4d6"; } - -.fa-road:before { - content: "\f018"; } - -.fa-robot:before { - content: "\f544"; } - -.fa-rocket:before { - content: "\f135"; } - -.fa-rocketchat:before { - content: "\f3e8"; } - -.fa-rockrms:before { - content: "\f3e9"; } - -.fa-rss:before { - content: "\f09e"; } - -.fa-rss-square:before { - content: "\f143"; } - -.fa-ruble-sign:before { - content: "\f158"; } - -.fa-ruler:before { - content: "\f545"; } - -.fa-ruler-combined:before { - content: "\f546"; } - -.fa-ruler-horizontal:before { - content: "\f547"; } - -.fa-ruler-vertical:before { - content: "\f548"; } - -.fa-rupee-sign:before { - content: "\f156"; } - -.fa-safari:before { - content: "\f267"; } - -.fa-sass:before { - content: "\f41e"; } - -.fa-save:before { - content: "\f0c7"; } - -.fa-schlix:before { - content: "\f3ea"; } - -.fa-school:before { - content: "\f549"; } - -.fa-screwdriver:before { - content: "\f54a"; } - -.fa-scribd:before { - content: "\f28a"; } - -.fa-search:before { - content: "\f002"; } - -.fa-search-minus:before { - content: "\f010"; } - -.fa-search-plus:before { - content: "\f00e"; } - -.fa-searchengin:before { - content: "\f3eb"; } - -.fa-seedling:before { - content: "\f4d8"; } - -.fa-sellcast:before { - content: "\f2da"; } - -.fa-sellsy:before { - content: "\f213"; } - -.fa-server:before { - content: "\f233"; } - -.fa-servicestack:before { - content: "\f3ec"; } - -.fa-share:before { - content: "\f064"; } - -.fa-share-alt:before { - content: "\f1e0"; } - -.fa-share-alt-square:before { - content: "\f1e1"; } - -.fa-share-square:before { - content: "\f14d"; } - -.fa-shekel-sign:before { - content: "\f20b"; } - -.fa-shield-alt:before { - content: "\f3ed"; } - -.fa-ship:before { - content: "\f21a"; } - -.fa-shipping-fast:before { - content: "\f48b"; } - -.fa-shirtsinbulk:before { - content: "\f214"; } - -.fa-shoe-prints:before { - content: "\f54b"; } - -.fa-shopping-bag:before { - content: "\f290"; } - -.fa-shopping-basket:before { - content: "\f291"; } - -.fa-shopping-cart:before { - content: "\f07a"; } - -.fa-shower:before { - content: "\f2cc"; } - -.fa-sign:before { - content: "\f4d9"; } - -.fa-sign-in-alt:before { - content: "\f2f6"; } - -.fa-sign-language:before { - content: "\f2a7"; } - -.fa-sign-out-alt:before { - content: "\f2f5"; } - -.fa-signal:before { - content: "\f012"; } - -.fa-simplybuilt:before { - content: "\f215"; } - -.fa-sistrix:before { - content: "\f3ee"; } - -.fa-sitemap:before { - content: "\f0e8"; } - -.fa-sith:before { - content: "\f512"; } - -.fa-skull:before { - content: "\f54c"; } - -.fa-skyatlas:before { - content: "\f216"; } - -.fa-skype:before { - content: "\f17e"; } - -.fa-slack:before { - content: "\f198"; } - -.fa-slack-hash:before { - content: "\f3ef"; } - -.fa-sliders-h:before { - content: "\f1de"; } - -.fa-slideshare:before { - content: "\f1e7"; } - -.fa-smile:before { - content: "\f118"; } - -.fa-smoking:before { - content: "\f48d"; } - -.fa-smoking-ban:before { - content: "\f54d"; } - -.fa-snapchat:before { - content: "\f2ab"; } - -.fa-snapchat-ghost:before { - content: "\f2ac"; } - -.fa-snapchat-square:before { - content: "\f2ad"; } - -.fa-snowflake:before { - content: "\f2dc"; } - -.fa-sort:before { - content: "\f0dc"; } - -.fa-sort-alpha-down:before { - content: "\f15d"; } - -.fa-sort-alpha-up:before { - content: "\f15e"; } - -.fa-sort-amount-down:before { - content: "\f160"; } - -.fa-sort-amount-up:before { - content: "\f161"; } - -.fa-sort-down:before { - content: "\f0dd"; } - -.fa-sort-numeric-down:before { - content: "\f162"; } - -.fa-sort-numeric-up:before { - content: "\f163"; } - -.fa-sort-up:before { - content: "\f0de"; } - -.fa-soundcloud:before { - content: "\f1be"; } - -.fa-space-shuttle:before { - content: "\f197"; } - -.fa-speakap:before { - content: "\f3f3"; } - -.fa-spinner:before { - content: "\f110"; } - -.fa-spotify:before { - content: "\f1bc"; } - -.fa-square:before { - content: "\f0c8"; } - -.fa-square-full:before { - content: "\f45c"; } - -.fa-stack-exchange:before { - content: "\f18d"; } - -.fa-stack-overflow:before { - content: "\f16c"; } - -.fa-star:before { - content: "\f005"; } - -.fa-star-half:before { - content: "\f089"; } - -.fa-staylinked:before { - content: "\f3f5"; } - -.fa-steam:before { - content: "\f1b6"; } - -.fa-steam-square:before { - content: "\f1b7"; } - -.fa-steam-symbol:before { - content: "\f3f6"; } - -.fa-step-backward:before { - content: "\f048"; } - -.fa-step-forward:before { - content: "\f051"; } - -.fa-stethoscope:before { - content: "\f0f1"; } - -.fa-sticker-mule:before { - content: "\f3f7"; } - -.fa-sticky-note:before { - content: "\f249"; } - -.fa-stop:before { - content: "\f04d"; } - -.fa-stop-circle:before { - content: "\f28d"; } - -.fa-stopwatch:before { - content: "\f2f2"; } - -.fa-store:before { - content: "\f54e"; } - -.fa-store-alt:before { - content: "\f54f"; } - -.fa-strava:before { - content: "\f428"; } - -.fa-stream:before { - content: "\f550"; } - -.fa-street-view:before { - content: "\f21d"; } - -.fa-strikethrough:before { - content: "\f0cc"; } - -.fa-stripe:before { - content: "\f429"; } - -.fa-stripe-s:before { - content: "\f42a"; } - -.fa-stroopwafel:before { - content: "\f551"; } - -.fa-studiovinari:before { - content: "\f3f8"; } - -.fa-stumbleupon:before { - content: "\f1a4"; } - -.fa-stumbleupon-circle:before { - content: "\f1a3"; } - -.fa-subscript:before { - content: "\f12c"; } - -.fa-subway:before { - content: "\f239"; } - -.fa-suitcase:before { - content: "\f0f2"; } - -.fa-sun:before { - content: "\f185"; } - -.fa-superpowers:before { - content: "\f2dd"; } - -.fa-superscript:before { - content: "\f12b"; } - -.fa-supple:before { - content: "\f3f9"; } - -.fa-sync:before { - content: "\f021"; } - -.fa-sync-alt:before { - content: "\f2f1"; } - -.fa-syringe:before { - content: "\f48e"; } - -.fa-table:before { - content: "\f0ce"; } - -.fa-table-tennis:before { - content: "\f45d"; } - -.fa-tablet:before { - content: "\f10a"; } - -.fa-tablet-alt:before { - content: "\f3fa"; } - -.fa-tablets:before { - content: "\f490"; } - -.fa-tachometer-alt:before { - content: "\f3fd"; } - -.fa-tag:before { - content: "\f02b"; } - -.fa-tags:before { - content: "\f02c"; } - -.fa-tape:before { - content: "\f4db"; } - -.fa-tasks:before { - content: "\f0ae"; } - -.fa-taxi:before { - content: "\f1ba"; } - -.fa-teamspeak:before { - content: "\f4f9"; } - -.fa-telegram:before { - content: "\f2c6"; } - -.fa-telegram-plane:before { - content: "\f3fe"; } - -.fa-tencent-weibo:before { - content: "\f1d5"; } - -.fa-terminal:before { - content: "\f120"; } - -.fa-text-height:before { - content: "\f034"; } - -.fa-text-width:before { - content: "\f035"; } - -.fa-th:before { - content: "\f00a"; } - -.fa-th-large:before { - content: "\f009"; } - -.fa-th-list:before { - content: "\f00b"; } - -.fa-themeisle:before { - content: "\f2b2"; } - -.fa-thermometer:before { - content: "\f491"; } - -.fa-thermometer-empty:before { - content: "\f2cb"; } - -.fa-thermometer-full:before { - content: "\f2c7"; } - -.fa-thermometer-half:before { - content: "\f2c9"; } - -.fa-thermometer-quarter:before { - content: "\f2ca"; } - -.fa-thermometer-three-quarters:before { - content: "\f2c8"; } - -.fa-thumbs-down:before { - content: "\f165"; } - -.fa-thumbs-up:before { - content: "\f164"; } - -.fa-thumbtack:before { - content: "\f08d"; } - -.fa-ticket-alt:before { - content: "\f3ff"; } - -.fa-times:before { - content: "\f00d"; } - -.fa-times-circle:before { - content: "\f057"; } - -.fa-tint:before { - content: "\f043"; } - -.fa-toggle-off:before { - content: "\f204"; } - -.fa-toggle-on:before { - content: "\f205"; } - -.fa-toolbox:before { - content: "\f552"; } - -.fa-trade-federation:before { - content: "\f513"; } - -.fa-trademark:before { - content: "\f25c"; } - -.fa-train:before { - content: "\f238"; } - -.fa-transgender:before { - content: "\f224"; } - -.fa-transgender-alt:before { - content: "\f225"; } - -.fa-trash:before { - content: "\f1f8"; } - -.fa-trash-alt:before { - content: "\f2ed"; } - -.fa-tree:before { - content: "\f1bb"; } - -.fa-trello:before { - content: "\f181"; } - -.fa-tripadvisor:before { - content: "\f262"; } - -.fa-trophy:before { - content: "\f091"; } - -.fa-truck:before { - content: "\f0d1"; } - -.fa-truck-loading:before { - content: "\f4de"; } - -.fa-truck-moving:before { - content: "\f4df"; } - -.fa-tshirt:before { - content: "\f553"; } - -.fa-tty:before { - content: "\f1e4"; } - -.fa-tumblr:before { - content: "\f173"; } - -.fa-tumblr-square:before { - content: "\f174"; } - -.fa-tv:before { - content: "\f26c"; } - -.fa-twitch:before { - content: "\f1e8"; } - -.fa-twitter:before { - content: "\f099"; } - -.fa-twitter-square:before { - content: "\f081"; } - -.fa-typo3:before { - content: "\f42b"; } - -.fa-uber:before { - content: "\f402"; } - -.fa-uikit:before { - content: "\f403"; } - -.fa-umbrella:before { - content: "\f0e9"; } - -.fa-underline:before { - content: "\f0cd"; } - -.fa-undo:before { - content: "\f0e2"; } - -.fa-undo-alt:before { - content: "\f2ea"; } - -.fa-uniregistry:before { - content: "\f404"; } - -.fa-universal-access:before { - content: "\f29a"; } - -.fa-university:before { - content: "\f19c"; } - -.fa-unlink:before { - content: "\f127"; } - -.fa-unlock:before { - content: "\f09c"; } - -.fa-unlock-alt:before { - content: "\f13e"; } - -.fa-untappd:before { - content: "\f405"; } - -.fa-upload:before { - content: "\f093"; } - -.fa-usb:before { - content: "\f287"; } - -.fa-user:before { - content: "\f007"; } - -.fa-user-alt:before { - content: "\f406"; } - -.fa-user-alt-slash:before { - content: "\f4fa"; } - -.fa-user-astronaut:before { - content: "\f4fb"; } - -.fa-user-check:before { - content: "\f4fc"; } - -.fa-user-circle:before { - content: "\f2bd"; } - -.fa-user-clock:before { - content: "\f4fd"; } - -.fa-user-cog:before { - content: "\f4fe"; } - -.fa-user-edit:before { - content: "\f4ff"; } - -.fa-user-friends:before { - content: "\f500"; } - -.fa-user-graduate:before { - content: "\f501"; } - -.fa-user-lock:before { - content: "\f502"; } - -.fa-user-md:before { - content: "\f0f0"; } - -.fa-user-minus:before { - content: "\f503"; } - -.fa-user-ninja:before { - content: "\f504"; } - -.fa-user-plus:before { - content: "\f234"; } - -.fa-user-secret:before { - content: "\f21b"; } - -.fa-user-shield:before { - content: "\f505"; } - -.fa-user-slash:before { - content: "\f506"; } - -.fa-user-tag:before { - content: "\f507"; } - -.fa-user-tie:before { - content: "\f508"; } - -.fa-user-times:before { - content: "\f235"; } - -.fa-users:before { - content: "\f0c0"; } - -.fa-users-cog:before { - content: "\f509"; } - -.fa-ussunnah:before { - content: "\f407"; } - -.fa-utensil-spoon:before { - content: "\f2e5"; } - -.fa-utensils:before { - content: "\f2e7"; } - -.fa-vaadin:before { - content: "\f408"; } - -.fa-venus:before { - content: "\f221"; } - -.fa-venus-double:before { - content: "\f226"; } - -.fa-venus-mars:before { - content: "\f228"; } - -.fa-viacoin:before { - content: "\f237"; } - -.fa-viadeo:before { - content: "\f2a9"; } - -.fa-viadeo-square:before { - content: "\f2aa"; } - -.fa-vial:before { - content: "\f492"; } - -.fa-vials:before { - content: "\f493"; } - -.fa-viber:before { - content: "\f409"; } - -.fa-video:before { - content: "\f03d"; } - -.fa-video-slash:before { - content: "\f4e2"; } - -.fa-vimeo:before { - content: "\f40a"; } - -.fa-vimeo-square:before { - content: "\f194"; } - -.fa-vimeo-v:before { - content: "\f27d"; } - -.fa-vine:before { - content: "\f1ca"; } - -.fa-vk:before { - content: "\f189"; } - -.fa-vnv:before { - content: "\f40b"; } - -.fa-volleyball-ball:before { - content: "\f45f"; } - -.fa-volume-down:before { - content: "\f027"; } - -.fa-volume-off:before { - content: "\f026"; } - -.fa-volume-up:before { - content: "\f028"; } - -.fa-vuejs:before { - content: "\f41f"; } - -.fa-walking:before { - content: "\f554"; } - -.fa-wallet:before { - content: "\f555"; } - -.fa-warehouse:before { - content: "\f494"; } - -.fa-weibo:before { - content: "\f18a"; } - -.fa-weight:before { - content: "\f496"; } - -.fa-weixin:before { - content: "\f1d7"; } - -.fa-whatsapp:before { - content: "\f232"; } - -.fa-whatsapp-square:before { - content: "\f40c"; } - -.fa-wheelchair:before { - content: "\f193"; } - -.fa-whmcs:before { - content: "\f40d"; } - -.fa-wifi:before { - content: "\f1eb"; } - -.fa-wikipedia-w:before { - content: "\f266"; } - -.fa-window-close:before { - content: "\f410"; } - -.fa-window-maximize:before { - content: "\f2d0"; } - -.fa-window-minimize:before { - content: "\f2d1"; } - -.fa-window-restore:before { - content: "\f2d2"; } - -.fa-windows:before { - content: "\f17a"; } - -.fa-wine-glass:before { - content: "\f4e3"; } - -.fa-wolf-pack-battalion:before { - content: "\f514"; } - -.fa-won-sign:before { - content: "\f159"; } - -.fa-wordpress:before { - content: "\f19a"; } - -.fa-wordpress-simple:before { - content: "\f411"; } - -.fa-wpbeginner:before { - content: "\f297"; } - -.fa-wpexplorer:before { - content: "\f2de"; } - -.fa-wpforms:before { - content: "\f298"; } - -.fa-wrench:before { - content: "\f0ad"; } - -.fa-x-ray:before { - content: "\f497"; } - -.fa-xbox:before { - content: "\f412"; } - -.fa-xing:before { - content: "\f168"; } - -.fa-xing-square:before { - content: "\f169"; } - -.fa-y-combinator:before { - content: "\f23b"; } - -.fa-yahoo:before { - content: "\f19e"; } - -.fa-yandex:before { - content: "\f413"; } - -.fa-yandex-international:before { - content: "\f414"; } - -.fa-yelp:before { - content: "\f1e9"; } - -.fa-yen-sign:before { - content: "\f157"; } - -.fa-yoast:before { - content: "\f2b1"; } - -.fa-youtube:before { - content: "\f167"; } - -.fa-youtube-square:before { - content: "\f431"; } - -.sr-only { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; } - -.sr-only-focusable:active, .sr-only-focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; } -@font-face { - font-family: 'Font Awesome 5 Brands'; - font-style: normal; - font-weight: normal; - src: url("../webfonts/fa-brands-400.eot"); - src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } - -.fab { - font-family: 'Font Awesome 5 Brands'; } -@font-face { - font-family: 'Font Awesome 5 Free'; - font-style: normal; - font-weight: 400; - src: url("../webfonts/fa-regular-400.eot"); - src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } - -.far { - font-family: 'Font Awesome 5 Free'; - font-weight: 400; } -@font-face { - font-family: 'Font Awesome 5 Free'; - font-style: normal; - font-weight: 900; - src: url("../webfonts/fa-solid-900.eot"); - src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } - -.fa, -.fas { - font-family: 'Font Awesome 5 Free'; - font-weight: 900; } + .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.33333em; + line-height: 0.75em; + vertical-align: -.0667em; } + + .fa-xs { + font-size: .75em; } + + .fa-sm { + font-size: .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: .1em; + padding: .2em .25em .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: .3em; } + + .fa.fa-pull-right, + .fas.fa-pull-right, + .far.fa-pull-right, + .fal.fa-pull-right, + .fab.fa-pull-right { + margin-left: .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% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + + @keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + + .fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + + .fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + + .fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + + .fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); } + + .fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + transform: scale(1, -1); } + + .fa-flip-horizontal.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(-1, -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 { + -webkit-filter: none; + filter: none; } + + .fa-stack { + display: inline-block; + height: 2em; + line-height: 2em; + position: relative; + vertical-align: middle; + width: 2em; } + + .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: "\f26e"; } + + .fa-accessible-icon:before { + content: "\f368"; } + + .fa-accusoft:before { + content: "\f369"; } + + .fa-address-book:before { + content: "\f2b9"; } + + .fa-address-card:before { + content: "\f2bb"; } + + .fa-adjust:before { + content: "\f042"; } + + .fa-adn:before { + content: "\f170"; } + + .fa-adversal:before { + content: "\f36a"; } + + .fa-affiliatetheme:before { + content: "\f36b"; } + + .fa-algolia:before { + content: "\f36c"; } + + .fa-align-center:before { + content: "\f037"; } + + .fa-align-justify:before { + content: "\f039"; } + + .fa-align-left:before { + content: "\f036"; } + + .fa-align-right:before { + content: "\f038"; } + + .fa-allergies:before { + content: "\f461"; } + + .fa-amazon:before { + content: "\f270"; } + + .fa-amazon-pay:before { + content: "\f42c"; } + + .fa-ambulance:before { + content: "\f0f9"; } + + .fa-american-sign-language-interpreting:before { + content: "\f2a3"; } + + .fa-amilia:before { + content: "\f36d"; } + + .fa-anchor:before { + content: "\f13d"; } + + .fa-android:before { + content: "\f17b"; } + + .fa-angellist:before { + content: "\f209"; } + + .fa-angle-double-down:before { + content: "\f103"; } + + .fa-angle-double-left:before { + content: "\f100"; } + + .fa-angle-double-right:before { + content: "\f101"; } + + .fa-angle-double-up:before { + content: "\f102"; } + + .fa-angle-down:before { + content: "\f107"; } + + .fa-angle-left:before { + content: "\f104"; } + + .fa-angle-right:before { + content: "\f105"; } + + .fa-angle-up:before { + content: "\f106"; } + + .fa-angrycreative:before { + content: "\f36e"; } + + .fa-angular:before { + content: "\f420"; } + + .fa-app-store:before { + content: "\f36f"; } + + .fa-app-store-ios:before { + content: "\f370"; } + + .fa-apper:before { + content: "\f371"; } + + .fa-apple:before { + content: "\f179"; } + + .fa-apple-pay:before { + content: "\f415"; } + + .fa-archive:before { + content: "\f187"; } + + .fa-arrow-alt-circle-down:before { + content: "\f358"; } + + .fa-arrow-alt-circle-left:before { + content: "\f359"; } + + .fa-arrow-alt-circle-right:before { + content: "\f35a"; } + + .fa-arrow-alt-circle-up:before { + content: "\f35b"; } + + .fa-arrow-circle-down:before { + content: "\f0ab"; } + + .fa-arrow-circle-left:before { + content: "\f0a8"; } + + .fa-arrow-circle-right:before { + content: "\f0a9"; } + + .fa-arrow-circle-up:before { + content: "\f0aa"; } + + .fa-arrow-down:before { + content: "\f063"; } + + .fa-arrow-left:before { + content: "\f060"; } + + .fa-arrow-right:before { + content: "\f061"; } + + .fa-arrow-up:before { + content: "\f062"; } + + .fa-arrows-alt:before { + content: "\f0b2"; } + + .fa-arrows-alt-h:before { + content: "\f337"; } + + .fa-arrows-alt-v:before { + content: "\f338"; } + + .fa-assistive-listening-systems:before { + content: "\f2a2"; } + + .fa-asterisk:before { + content: "\f069"; } + + .fa-asymmetrik:before { + content: "\f372"; } + + .fa-at:before { + content: "\f1fa"; } + + .fa-audible:before { + content: "\f373"; } + + .fa-audio-description:before { + content: "\f29e"; } + + .fa-autoprefixer:before { + content: "\f41c"; } + + .fa-avianex:before { + content: "\f374"; } + + .fa-aviato:before { + content: "\f421"; } + + .fa-aws:before { + content: "\f375"; } + + .fa-backward:before { + content: "\f04a"; } + + .fa-balance-scale:before { + content: "\f24e"; } + + .fa-ban:before { + content: "\f05e"; } + + .fa-band-aid:before { + content: "\f462"; } + + .fa-bandcamp:before { + content: "\f2d5"; } + + .fa-barcode:before { + content: "\f02a"; } + + .fa-bars:before { + content: "\f0c9"; } + + .fa-baseball-ball:before { + content: "\f433"; } + + .fa-basketball-ball:before { + content: "\f434"; } + + .fa-bath:before { + content: "\f2cd"; } + + .fa-battery-empty:before { + content: "\f244"; } + + .fa-battery-full:before { + content: "\f240"; } + + .fa-battery-half:before { + content: "\f242"; } + + .fa-battery-quarter:before { + content: "\f243"; } + + .fa-battery-three-quarters:before { + content: "\f241"; } + + .fa-bed:before { + content: "\f236"; } + + .fa-beer:before { + content: "\f0fc"; } + + .fa-behance:before { + content: "\f1b4"; } + + .fa-behance-square:before { + content: "\f1b5"; } + + .fa-bell:before { + content: "\f0f3"; } + + .fa-bell-slash:before { + content: "\f1f6"; } + + .fa-bicycle:before { + content: "\f206"; } + + .fa-bimobject:before { + content: "\f378"; } + + .fa-binoculars:before { + content: "\f1e5"; } + + .fa-birthday-cake:before { + content: "\f1fd"; } + + .fa-bitbucket:before { + content: "\f171"; } + + .fa-bitcoin:before { + content: "\f379"; } + + .fa-bity:before { + content: "\f37a"; } + + .fa-black-tie:before { + content: "\f27e"; } + + .fa-blackberry:before { + content: "\f37b"; } + + .fa-blender:before { + content: "\f517"; } + + .fa-blind:before { + content: "\f29d"; } + + .fa-blogger:before { + content: "\f37c"; } + + .fa-blogger-b:before { + content: "\f37d"; } + + .fa-bluetooth:before { + content: "\f293"; } + + .fa-bluetooth-b:before { + content: "\f294"; } + + .fa-bold:before { + content: "\f032"; } + + .fa-bolt:before { + content: "\f0e7"; } + + .fa-bomb:before { + content: "\f1e2"; } + + .fa-book:before { + content: "\f02d"; } + + .fa-book-open:before { + content: "\f518"; } + + .fa-bookmark:before { + content: "\f02e"; } + + .fa-bowling-ball:before { + content: "\f436"; } + + .fa-box:before { + content: "\f466"; } + + .fa-box-open:before { + content: "\f49e"; } + + .fa-boxes:before { + content: "\f468"; } + + .fa-braille:before { + content: "\f2a1"; } + + .fa-briefcase:before { + content: "\f0b1"; } + + .fa-briefcase-medical:before { + content: "\f469"; } + + .fa-broadcast-tower:before { + content: "\f519"; } + + .fa-broom:before { + content: "\f51a"; } + + .fa-btc:before { + content: "\f15a"; } + + .fa-bug:before { + content: "\f188"; } + + .fa-building:before { + content: "\f1ad"; } + + .fa-bullhorn:before { + content: "\f0a1"; } + + .fa-bullseye:before { + content: "\f140"; } + + .fa-burn:before { + content: "\f46a"; } + + .fa-buromobelexperte:before { + content: "\f37f"; } + + .fa-bus:before { + content: "\f207"; } + + .fa-buysellads:before { + content: "\f20d"; } + + .fa-calculator:before { + content: "\f1ec"; } + + .fa-calendar:before { + content: "\f133"; } + + .fa-calendar-alt:before { + content: "\f073"; } + + .fa-calendar-check:before { + content: "\f274"; } + + .fa-calendar-minus:before { + content: "\f272"; } + + .fa-calendar-plus:before { + content: "\f271"; } + + .fa-calendar-times:before { + content: "\f273"; } + + .fa-camera:before { + content: "\f030"; } + + .fa-camera-retro:before { + content: "\f083"; } + + .fa-capsules:before { + content: "\f46b"; } + + .fa-car:before { + content: "\f1b9"; } + + .fa-caret-down:before { + content: "\f0d7"; } + + .fa-caret-left:before { + content: "\f0d9"; } + + .fa-caret-right:before { + content: "\f0da"; } + + .fa-caret-square-down:before { + content: "\f150"; } + + .fa-caret-square-left:before { + content: "\f191"; } + + .fa-caret-square-right:before { + content: "\f152"; } + + .fa-caret-square-up:before { + content: "\f151"; } + + .fa-caret-up:before { + content: "\f0d8"; } + + .fa-cart-arrow-down:before { + content: "\f218"; } + + .fa-cart-plus:before { + content: "\f217"; } + + .fa-cc-amazon-pay:before { + content: "\f42d"; } + + .fa-cc-amex:before { + content: "\f1f3"; } + + .fa-cc-apple-pay:before { + content: "\f416"; } + + .fa-cc-diners-club:before { + content: "\f24c"; } + + .fa-cc-discover:before { + content: "\f1f2"; } + + .fa-cc-jcb:before { + content: "\f24b"; } + + .fa-cc-mastercard:before { + content: "\f1f1"; } + + .fa-cc-paypal:before { + content: "\f1f4"; } + + .fa-cc-stripe:before { + content: "\f1f5"; } + + .fa-cc-visa:before { + content: "\f1f0"; } + + .fa-centercode:before { + content: "\f380"; } + + .fa-certificate:before { + content: "\f0a3"; } + + .fa-chalkboard:before { + content: "\f51b"; } + + .fa-chalkboard-teacher:before { + content: "\f51c"; } + + .fa-chart-area:before { + content: "\f1fe"; } + + .fa-chart-bar:before { + content: "\f080"; } + + .fa-chart-line:before { + content: "\f201"; } + + .fa-chart-pie:before { + content: "\f200"; } + + .fa-check:before { + content: "\f00c"; } + + .fa-check-circle:before { + content: "\f058"; } + + .fa-check-square:before { + content: "\f14a"; } + + .fa-chess:before { + content: "\f439"; } + + .fa-chess-bishop:before { + content: "\f43a"; } + + .fa-chess-board:before { + content: "\f43c"; } + + .fa-chess-king:before { + content: "\f43f"; } + + .fa-chess-knight:before { + content: "\f441"; } + + .fa-chess-pawn:before { + content: "\f443"; } + + .fa-chess-queen:before { + content: "\f445"; } + + .fa-chess-rook:before { + content: "\f447"; } + + .fa-chevron-circle-down:before { + content: "\f13a"; } + + .fa-chevron-circle-left:before { + content: "\f137"; } + + .fa-chevron-circle-right:before { + content: "\f138"; } + + .fa-chevron-circle-up:before { + content: "\f139"; } + + .fa-chevron-down:before { + content: "\f078"; } + + .fa-chevron-left:before { + content: "\f053"; } + + .fa-chevron-right:before { + content: "\f054"; } + + .fa-chevron-up:before { + content: "\f077"; } + + .fa-child:before { + content: "\f1ae"; } + + .fa-chrome:before { + content: "\f268"; } + + .fa-church:before { + content: "\f51d"; } + + .fa-circle:before { + content: "\f111"; } + + .fa-circle-notch:before { + content: "\f1ce"; } + + .fa-clipboard:before { + content: "\f328"; } + + .fa-clipboard-check:before { + content: "\f46c"; } + + .fa-clipboard-list:before { + content: "\f46d"; } + + .fa-clock:before { + content: "\f017"; } + + .fa-clone:before { + content: "\f24d"; } + + .fa-closed-captioning:before { + content: "\f20a"; } + + .fa-cloud:before { + content: "\f0c2"; } + + .fa-cloud-download-alt:before { + content: "\f381"; } + + .fa-cloud-upload-alt:before { + content: "\f382"; } + + .fa-cloudscale:before { + content: "\f383"; } + + .fa-cloudsmith:before { + content: "\f384"; } + + .fa-cloudversify:before { + content: "\f385"; } + + .fa-code:before { + content: "\f121"; } + + .fa-code-branch:before { + content: "\f126"; } + + .fa-codepen:before { + content: "\f1cb"; } + + .fa-codiepie:before { + content: "\f284"; } + + .fa-coffee:before { + content: "\f0f4"; } + + .fa-cog:before { + content: "\f013"; } + + .fa-cogs:before { + content: "\f085"; } + + .fa-coins:before { + content: "\f51e"; } + + .fa-columns:before { + content: "\f0db"; } + + .fa-comment:before { + content: "\f075"; } + + .fa-comment-alt:before { + content: "\f27a"; } + + .fa-comment-dots:before { + content: "\f4ad"; } + + .fa-comment-slash:before { + content: "\f4b3"; } + + .fa-comments:before { + content: "\f086"; } + + .fa-compact-disc:before { + content: "\f51f"; } + + .fa-compass:before { + content: "\f14e"; } + + .fa-compress:before { + content: "\f066"; } + + .fa-connectdevelop:before { + content: "\f20e"; } + + .fa-contao:before { + content: "\f26d"; } + + .fa-copy:before { + content: "\f0c5"; } + + .fa-copyright:before { + content: "\f1f9"; } + + .fa-couch:before { + content: "\f4b8"; } + + .fa-cpanel:before { + content: "\f388"; } + + .fa-creative-commons:before { + content: "\f25e"; } + + .fa-creative-commons-by:before { + content: "\f4e7"; } + + .fa-creative-commons-nc:before { + content: "\f4e8"; } + + .fa-creative-commons-nc-eu:before { + content: "\f4e9"; } + + .fa-creative-commons-nc-jp:before { + content: "\f4ea"; } + + .fa-creative-commons-nd:before { + content: "\f4eb"; } + + .fa-creative-commons-pd:before { + content: "\f4ec"; } + + .fa-creative-commons-pd-alt:before { + content: "\f4ed"; } + + .fa-creative-commons-remix:before { + content: "\f4ee"; } + + .fa-creative-commons-sa:before { + content: "\f4ef"; } + + .fa-creative-commons-sampling:before { + content: "\f4f0"; } + + .fa-creative-commons-sampling-plus:before { + content: "\f4f1"; } + + .fa-creative-commons-share:before { + content: "\f4f2"; } + + .fa-credit-card:before { + content: "\f09d"; } + + .fa-crop:before { + content: "\f125"; } + + .fa-crosshairs:before { + content: "\f05b"; } + + .fa-crow:before { + content: "\f520"; } + + .fa-crown:before { + content: "\f521"; } + + .fa-css3:before { + content: "\f13c"; } + + .fa-css3-alt:before { + content: "\f38b"; } + + .fa-cube:before { + content: "\f1b2"; } + + .fa-cubes:before { + content: "\f1b3"; } + + .fa-cut:before { + content: "\f0c4"; } + + .fa-cuttlefish:before { + content: "\f38c"; } + + .fa-d-and-d:before { + content: "\f38d"; } + + .fa-dashcube:before { + content: "\f210"; } + + .fa-database:before { + content: "\f1c0"; } + + .fa-deaf:before { + content: "\f2a4"; } + + .fa-delicious:before { + content: "\f1a5"; } + + .fa-deploydog:before { + content: "\f38e"; } + + .fa-deskpro:before { + content: "\f38f"; } + + .fa-desktop:before { + content: "\f108"; } + + .fa-deviantart:before { + content: "\f1bd"; } + + .fa-diagnoses:before { + content: "\f470"; } + + .fa-dice:before { + content: "\f522"; } + + .fa-dice-five:before { + content: "\f523"; } + + .fa-dice-four:before { + content: "\f524"; } + + .fa-dice-one:before { + content: "\f525"; } + + .fa-dice-six:before { + content: "\f526"; } + + .fa-dice-three:before { + content: "\f527"; } + + .fa-dice-two:before { + content: "\f528"; } + + .fa-digg:before { + content: "\f1a6"; } + + .fa-digital-ocean:before { + content: "\f391"; } + + .fa-discord:before { + content: "\f392"; } + + .fa-discourse:before { + content: "\f393"; } + + .fa-divide:before { + content: "\f529"; } + + .fa-dna:before { + content: "\f471"; } + + .fa-dochub:before { + content: "\f394"; } + + .fa-docker:before { + content: "\f395"; } + + .fa-dollar-sign:before { + content: "\f155"; } + + .fa-dolly:before { + content: "\f472"; } + + .fa-dolly-flatbed:before { + content: "\f474"; } + + .fa-donate:before { + content: "\f4b9"; } + + .fa-door-closed:before { + content: "\f52a"; } + + .fa-door-open:before { + content: "\f52b"; } + + .fa-dot-circle:before { + content: "\f192"; } + + .fa-dove:before { + content: "\f4ba"; } + + .fa-download:before { + content: "\f019"; } + + .fa-draft2digital:before { + content: "\f396"; } + + .fa-dribbble:before { + content: "\f17d"; } + + .fa-dribbble-square:before { + content: "\f397"; } + + .fa-dropbox:before { + content: "\f16b"; } + + .fa-drupal:before { + content: "\f1a9"; } + + .fa-dumbbell:before { + content: "\f44b"; } + + .fa-dyalog:before { + content: "\f399"; } + + .fa-earlybirds:before { + content: "\f39a"; } + + .fa-ebay:before { + content: "\f4f4"; } + + .fa-edge:before { + content: "\f282"; } + + .fa-edit:before { + content: "\f044"; } + + .fa-eject:before { + content: "\f052"; } + + .fa-elementor:before { + content: "\f430"; } + + .fa-ellipsis-h:before { + content: "\f141"; } + + .fa-ellipsis-v:before { + content: "\f142"; } + + .fa-ember:before { + content: "\f423"; } + + .fa-empire:before { + content: "\f1d1"; } + + .fa-envelope:before { + content: "\f0e0"; } + + .fa-envelope-open:before { + content: "\f2b6"; } + + .fa-envelope-square:before { + content: "\f199"; } + + .fa-envira:before { + content: "\f299"; } + + .fa-equals:before { + content: "\f52c"; } + + .fa-eraser:before { + content: "\f12d"; } + + .fa-erlang:before { + content: "\f39d"; } + + .fa-ethereum:before { + content: "\f42e"; } + + .fa-etsy:before { + content: "\f2d7"; } + + .fa-euro-sign:before { + content: "\f153"; } + + .fa-exchange-alt:before { + content: "\f362"; } + + .fa-exclamation:before { + content: "\f12a"; } + + .fa-exclamation-circle:before { + content: "\f06a"; } + + .fa-exclamation-triangle:before { + content: "\f071"; } + + .fa-expand:before { + content: "\f065"; } + + .fa-expand-arrows-alt:before { + content: "\f31e"; } + + .fa-expeditedssl:before { + content: "\f23e"; } + + .fa-external-link-alt:before { + content: "\f35d"; } + + .fa-external-link-square-alt:before { + content: "\f360"; } + + .fa-eye:before { + content: "\f06e"; } + + .fa-eye-dropper:before { + content: "\f1fb"; } + + .fa-eye-slash:before { + content: "\f070"; } + + .fa-facebook:before { + content: "\f09a"; } + + .fa-facebook-f:before { + content: "\f39e"; } + + .fa-facebook-messenger:before { + content: "\f39f"; } + + .fa-facebook-square:before { + content: "\f082"; } + + .fa-fast-backward:before { + content: "\f049"; } + + .fa-fast-forward:before { + content: "\f050"; } + + .fa-fax:before { + content: "\f1ac"; } + + .fa-feather:before { + content: "\f52d"; } + + .fa-female:before { + content: "\f182"; } + + .fa-fighter-jet:before { + content: "\f0fb"; } + + .fa-file:before { + content: "\f15b"; } + + .fa-file-alt:before { + content: "\f15c"; } + + .fa-file-archive:before { + content: "\f1c6"; } + + .fa-file-audio:before { + content: "\f1c7"; } + + .fa-file-code:before { + content: "\f1c9"; } + + .fa-file-excel:before { + content: "\f1c3"; } + + .fa-file-image:before { + content: "\f1c5"; } + + .fa-file-medical:before { + content: "\f477"; } + + .fa-file-medical-alt:before { + content: "\f478"; } + + .fa-file-pdf:before { + content: "\f1c1"; } + + .fa-file-powerpoint:before { + content: "\f1c4"; } + + .fa-file-video:before { + content: "\f1c8"; } + + .fa-file-word:before { + content: "\f1c2"; } + + .fa-film:before { + content: "\f008"; } + + .fa-filter:before { + content: "\f0b0"; } + + .fa-fire:before { + content: "\f06d"; } + + .fa-fire-extinguisher:before { + content: "\f134"; } + + .fa-firefox:before { + content: "\f269"; } + + .fa-first-aid:before { + content: "\f479"; } + + .fa-first-order:before { + content: "\f2b0"; } + + .fa-first-order-alt:before { + content: "\f50a"; } + + .fa-firstdraft:before { + content: "\f3a1"; } + + .fa-flag:before { + content: "\f024"; } + + .fa-flag-checkered:before { + content: "\f11e"; } + + .fa-flask:before { + content: "\f0c3"; } + + .fa-flickr:before { + content: "\f16e"; } + + .fa-flipboard:before { + content: "\f44d"; } + + .fa-fly:before { + content: "\f417"; } + + .fa-folder:before { + content: "\f07b"; } + + .fa-folder-open:before { + content: "\f07c"; } + + .fa-font:before { + content: "\f031"; } + + .fa-font-awesome:before { + content: "\f2b4"; } + + .fa-font-awesome-alt:before { + content: "\f35c"; } + + .fa-font-awesome-flag:before { + content: "\f425"; } + + .fa-font-awesome-logo-full:before { + content: "\f4e6"; } + + .fa-fonticons:before { + content: "\f280"; } + + .fa-fonticons-fi:before { + content: "\f3a2"; } + + .fa-football-ball:before { + content: "\f44e"; } + + .fa-fort-awesome:before { + content: "\f286"; } + + .fa-fort-awesome-alt:before { + content: "\f3a3"; } + + .fa-forumbee:before { + content: "\f211"; } + + .fa-forward:before { + content: "\f04e"; } + + .fa-foursquare:before { + content: "\f180"; } + + .fa-free-code-camp:before { + content: "\f2c5"; } + + .fa-freebsd:before { + content: "\f3a4"; } + + .fa-frog:before { + content: "\f52e"; } + + .fa-frown:before { + content: "\f119"; } + + .fa-fulcrum:before { + content: "\f50b"; } + + .fa-futbol:before { + content: "\f1e3"; } + + .fa-galactic-republic:before { + content: "\f50c"; } + + .fa-galactic-senate:before { + content: "\f50d"; } + + .fa-gamepad:before { + content: "\f11b"; } + + .fa-gas-pump:before { + content: "\f52f"; } + + .fa-gavel:before { + content: "\f0e3"; } + + .fa-gem:before { + content: "\f3a5"; } + + .fa-genderless:before { + content: "\f22d"; } + + .fa-get-pocket:before { + content: "\f265"; } + + .fa-gg:before { + content: "\f260"; } + + .fa-gg-circle:before { + content: "\f261"; } + + .fa-gift:before { + content: "\f06b"; } + + .fa-git:before { + content: "\f1d3"; } + + .fa-git-square:before { + content: "\f1d2"; } + + .fa-github:before { + content: "\f09b"; } + + .fa-github-alt:before { + content: "\f113"; } + + .fa-github-square:before { + content: "\f092"; } + + .fa-gitkraken:before { + content: "\f3a6"; } + + .fa-gitlab:before { + content: "\f296"; } + + .fa-gitter:before { + content: "\f426"; } + + .fa-glass-martini:before { + content: "\f000"; } + + .fa-glasses:before { + content: "\f530"; } + + .fa-glide:before { + content: "\f2a5"; } + + .fa-glide-g:before { + content: "\f2a6"; } + + .fa-globe:before { + content: "\f0ac"; } + + .fa-gofore:before { + content: "\f3a7"; } + + .fa-golf-ball:before { + content: "\f450"; } + + .fa-goodreads:before { + content: "\f3a8"; } + + .fa-goodreads-g:before { + content: "\f3a9"; } + + .fa-google:before { + content: "\f1a0"; } + + .fa-google-drive:before { + content: "\f3aa"; } + + .fa-google-play:before { + content: "\f3ab"; } + + .fa-google-plus:before { + content: "\f2b3"; } + + .fa-google-plus-g:before { + content: "\f0d5"; } + + .fa-google-plus-square:before { + content: "\f0d4"; } + + .fa-google-wallet:before { + content: "\f1ee"; } + + .fa-graduation-cap:before { + content: "\f19d"; } + + .fa-gratipay:before { + content: "\f184"; } + + .fa-grav:before { + content: "\f2d6"; } + + .fa-greater-than:before { + content: "\f531"; } + + .fa-greater-than-equal:before { + content: "\f532"; } + + .fa-gripfire:before { + content: "\f3ac"; } + + .fa-grunt:before { + content: "\f3ad"; } + + .fa-gulp:before { + content: "\f3ae"; } + + .fa-h-square:before { + content: "\f0fd"; } + + .fa-hacker-news:before { + content: "\f1d4"; } + + .fa-hacker-news-square:before { + content: "\f3af"; } + + .fa-hand-holding:before { + content: "\f4bd"; } + + .fa-hand-holding-heart:before { + content: "\f4be"; } + + .fa-hand-holding-usd:before { + content: "\f4c0"; } + + .fa-hand-lizard:before { + content: "\f258"; } + + .fa-hand-paper:before { + content: "\f256"; } + + .fa-hand-peace:before { + content: "\f25b"; } + + .fa-hand-point-down:before { + content: "\f0a7"; } + + .fa-hand-point-left:before { + content: "\f0a5"; } + + .fa-hand-point-right:before { + content: "\f0a4"; } + + .fa-hand-point-up:before { + content: "\f0a6"; } + + .fa-hand-pointer:before { + content: "\f25a"; } + + .fa-hand-rock:before { + content: "\f255"; } + + .fa-hand-scissors:before { + content: "\f257"; } + + .fa-hand-spock:before { + content: "\f259"; } + + .fa-hands:before { + content: "\f4c2"; } + + .fa-hands-helping:before { + content: "\f4c4"; } + + .fa-handshake:before { + content: "\f2b5"; } + + .fa-hashtag:before { + content: "\f292"; } + + .fa-hdd:before { + content: "\f0a0"; } + + .fa-heading:before { + content: "\f1dc"; } + + .fa-headphones:before { + content: "\f025"; } + + .fa-heart:before { + content: "\f004"; } + + .fa-heartbeat:before { + content: "\f21e"; } + + .fa-helicopter:before { + content: "\f533"; } + + .fa-hips:before { + content: "\f452"; } + + .fa-hire-a-helper:before { + content: "\f3b0"; } + + .fa-history:before { + content: "\f1da"; } + + .fa-hockey-puck:before { + content: "\f453"; } + + .fa-home:before { + content: "\f015"; } + + .fa-hooli:before { + content: "\f427"; } + + .fa-hospital:before { + content: "\f0f8"; } + + .fa-hospital-alt:before { + content: "\f47d"; } + + .fa-hospital-symbol:before { + content: "\f47e"; } + + .fa-hotjar:before { + content: "\f3b1"; } + + .fa-hourglass:before { + content: "\f254"; } + + .fa-hourglass-end:before { + content: "\f253"; } + + .fa-hourglass-half:before { + content: "\f252"; } + + .fa-hourglass-start:before { + content: "\f251"; } + + .fa-houzz:before { + content: "\f27c"; } + + .fa-html5:before { + content: "\f13b"; } + + .fa-hubspot:before { + content: "\f3b2"; } + + .fa-i-cursor:before { + content: "\f246"; } + + .fa-id-badge:before { + content: "\f2c1"; } + + .fa-id-card:before { + content: "\f2c2"; } + + .fa-id-card-alt:before { + content: "\f47f"; } + + .fa-image:before { + content: "\f03e"; } + + .fa-images:before { + content: "\f302"; } + + .fa-imdb:before { + content: "\f2d8"; } + + .fa-inbox:before { + content: "\f01c"; } + + .fa-indent:before { + content: "\f03c"; } + + .fa-industry:before { + content: "\f275"; } + + .fa-infinity:before { + content: "\f534"; } + + .fa-info:before { + content: "\f129"; } + + .fa-info-circle:before { + content: "\f05a"; } + + .fa-instagram:before { + content: "\f16d"; } + + .fa-internet-explorer:before { + content: "\f26b"; } + + .fa-ioxhost:before { + content: "\f208"; } + + .fa-italic:before { + content: "\f033"; } + + .fa-itunes:before { + content: "\f3b4"; } + + .fa-itunes-note:before { + content: "\f3b5"; } + + .fa-java:before { + content: "\f4e4"; } + + .fa-jedi-order:before { + content: "\f50e"; } + + .fa-jenkins:before { + content: "\f3b6"; } + + .fa-joget:before { + content: "\f3b7"; } + + .fa-joomla:before { + content: "\f1aa"; } + + .fa-js:before { + content: "\f3b8"; } + + .fa-js-square:before { + content: "\f3b9"; } + + .fa-jsfiddle:before { + content: "\f1cc"; } + + .fa-key:before { + content: "\f084"; } + + .fa-keybase:before { + content: "\f4f5"; } + + .fa-keyboard:before { + content: "\f11c"; } + + .fa-keycdn:before { + content: "\f3ba"; } + + .fa-kickstarter:before { + content: "\f3bb"; } + + .fa-kickstarter-k:before { + content: "\f3bc"; } + + .fa-kiwi-bird:before { + content: "\f535"; } + + .fa-korvue:before { + content: "\f42f"; } + + .fa-language:before { + content: "\f1ab"; } + + .fa-laptop:before { + content: "\f109"; } + + .fa-laravel:before { + content: "\f3bd"; } + + .fa-lastfm:before { + content: "\f202"; } + + .fa-lastfm-square:before { + content: "\f203"; } + + .fa-leaf:before { + content: "\f06c"; } + + .fa-leanpub:before { + content: "\f212"; } + + .fa-lemon:before { + content: "\f094"; } + + .fa-less:before { + content: "\f41d"; } + + .fa-less-than:before { + content: "\f536"; } + + .fa-less-than-equal:before { + content: "\f537"; } + + .fa-level-down-alt:before { + content: "\f3be"; } + + .fa-level-up-alt:before { + content: "\f3bf"; } + + .fa-life-ring:before { + content: "\f1cd"; } + + .fa-lightbulb:before { + content: "\f0eb"; } + + .fa-line:before { + content: "\f3c0"; } + + .fa-link:before { + content: "\f0c1"; } + + .fa-linkedin:before { + content: "\f08c"; } + + .fa-linkedin-in:before { + content: "\f0e1"; } + + .fa-linode:before { + content: "\f2b8"; } + + .fa-linux:before { + content: "\f17c"; } + + .fa-lira-sign:before { + content: "\f195"; } + + .fa-list:before { + content: "\f03a"; } + + .fa-list-alt:before { + content: "\f022"; } + + .fa-list-ol:before { + content: "\f0cb"; } + + .fa-list-ul:before { + content: "\f0ca"; } + + .fa-location-arrow:before { + content: "\f124"; } + + .fa-lock:before { + content: "\f023"; } + + .fa-lock-open:before { + content: "\f3c1"; } + + .fa-long-arrow-alt-down:before { + content: "\f309"; } + + .fa-long-arrow-alt-left:before { + content: "\f30a"; } + + .fa-long-arrow-alt-right:before { + content: "\f30b"; } + + .fa-long-arrow-alt-up:before { + content: "\f30c"; } + + .fa-low-vision:before { + content: "\f2a8"; } + + .fa-lyft:before { + content: "\f3c3"; } + + .fa-magento:before { + content: "\f3c4"; } + + .fa-magic:before { + content: "\f0d0"; } + + .fa-magnet:before { + content: "\f076"; } + + .fa-male:before { + content: "\f183"; } + + .fa-mandalorian:before { + content: "\f50f"; } + + .fa-map:before { + content: "\f279"; } + + .fa-map-marker:before { + content: "\f041"; } + + .fa-map-marker-alt:before { + content: "\f3c5"; } + + .fa-map-pin:before { + content: "\f276"; } + + .fa-map-signs:before { + content: "\f277"; } + + .fa-mars:before { + content: "\f222"; } + + .fa-mars-double:before { + content: "\f227"; } + + .fa-mars-stroke:before { + content: "\f229"; } + + .fa-mars-stroke-h:before { + content: "\f22b"; } + + .fa-mars-stroke-v:before { + content: "\f22a"; } + + .fa-mastodon:before { + content: "\f4f6"; } + + .fa-maxcdn:before { + content: "\f136"; } + + .fa-medapps:before { + content: "\f3c6"; } + + .fa-medium:before { + content: "\f23a"; } + + .fa-medium-m:before { + content: "\f3c7"; } + + .fa-medkit:before { + content: "\f0fa"; } + + .fa-medrt:before { + content: "\f3c8"; } + + .fa-meetup:before { + content: "\f2e0"; } + + .fa-meh:before { + content: "\f11a"; } + + .fa-memory:before { + content: "\f538"; } + + .fa-mercury:before { + content: "\f223"; } + + .fa-microchip:before { + content: "\f2db"; } + + .fa-microphone:before { + content: "\f130"; } + + .fa-microphone-alt:before { + content: "\f3c9"; } + + .fa-microphone-alt-slash:before { + content: "\f539"; } + + .fa-microphone-slash:before { + content: "\f131"; } + + .fa-microsoft:before { + content: "\f3ca"; } + + .fa-minus:before { + content: "\f068"; } + + .fa-minus-circle:before { + content: "\f056"; } + + .fa-minus-square:before { + content: "\f146"; } + + .fa-mix:before { + content: "\f3cb"; } + + .fa-mixcloud:before { + content: "\f289"; } + + .fa-mizuni:before { + content: "\f3cc"; } + + .fa-mobile:before { + content: "\f10b"; } + + .fa-mobile-alt:before { + content: "\f3cd"; } + + .fa-modx:before { + content: "\f285"; } + + .fa-monero:before { + content: "\f3d0"; } + + .fa-money-bill:before { + content: "\f0d6"; } + + .fa-money-bill-alt:before { + content: "\f3d1"; } + + .fa-money-bill-wave:before { + content: "\f53a"; } + + .fa-money-bill-wave-alt:before { + content: "\f53b"; } + + .fa-money-check:before { + content: "\f53c"; } + + .fa-money-check-alt:before { + content: "\f53d"; } + + .fa-moon:before { + content: "\f186"; } + + .fa-motorcycle:before { + content: "\f21c"; } + + .fa-mouse-pointer:before { + content: "\f245"; } + + .fa-music:before { + content: "\f001"; } + + .fa-napster:before { + content: "\f3d2"; } + + .fa-neuter:before { + content: "\f22c"; } + + .fa-newspaper:before { + content: "\f1ea"; } + + .fa-nintendo-switch:before { + content: "\f418"; } + + .fa-node:before { + content: "\f419"; } + + .fa-node-js:before { + content: "\f3d3"; } + + .fa-not-equal:before { + content: "\f53e"; } + + .fa-notes-medical:before { + content: "\f481"; } + + .fa-npm:before { + content: "\f3d4"; } + + .fa-ns8:before { + content: "\f3d5"; } + + .fa-nutritionix:before { + content: "\f3d6"; } + + .fa-object-group:before { + content: "\f247"; } + + .fa-object-ungroup:before { + content: "\f248"; } + + .fa-odnoklassniki:before { + content: "\f263"; } + + .fa-odnoklassniki-square:before { + content: "\f264"; } + + .fa-old-republic:before { + content: "\f510"; } + + .fa-opencart:before { + content: "\f23d"; } + + .fa-openid:before { + content: "\f19b"; } + + .fa-opera:before { + content: "\f26a"; } + + .fa-optin-monster:before { + content: "\f23c"; } + + .fa-osi:before { + content: "\f41a"; } + + .fa-outdent:before { + content: "\f03b"; } + + .fa-page4:before { + content: "\f3d7"; } + + .fa-pagelines:before { + content: "\f18c"; } + + .fa-paint-brush:before { + content: "\f1fc"; } + + .fa-palette:before { + content: "\f53f"; } + + .fa-palfed:before { + content: "\f3d8"; } + + .fa-pallet:before { + content: "\f482"; } + + .fa-paper-plane:before { + content: "\f1d8"; } + + .fa-paperclip:before { + content: "\f0c6"; } + + .fa-parachute-box:before { + content: "\f4cd"; } + + .fa-paragraph:before { + content: "\f1dd"; } + + .fa-parking:before { + content: "\f540"; } + + .fa-paste:before { + content: "\f0ea"; } + + .fa-patreon:before { + content: "\f3d9"; } + + .fa-pause:before { + content: "\f04c"; } + + .fa-pause-circle:before { + content: "\f28b"; } + + .fa-paw:before { + content: "\f1b0"; } + + .fa-paypal:before { + content: "\f1ed"; } + + .fa-pen-square:before { + content: "\f14b"; } + + .fa-pencil-alt:before { + content: "\f303"; } + + .fa-people-carry:before { + content: "\f4ce"; } + + .fa-percent:before { + content: "\f295"; } + + .fa-percentage:before { + content: "\f541"; } + + .fa-periscope:before { + content: "\f3da"; } + + .fa-phabricator:before { + content: "\f3db"; } + + .fa-phoenix-framework:before { + content: "\f3dc"; } + + .fa-phoenix-squadron:before { + content: "\f511"; } + + .fa-phone:before { + content: "\f095"; } + + .fa-phone-slash:before { + content: "\f3dd"; } + + .fa-phone-square:before { + content: "\f098"; } + + .fa-phone-volume:before { + content: "\f2a0"; } + + .fa-php:before { + content: "\f457"; } + + .fa-pied-piper:before { + content: "\f2ae"; } + + .fa-pied-piper-alt:before { + content: "\f1a8"; } + + .fa-pied-piper-hat:before { + content: "\f4e5"; } + + .fa-pied-piper-pp:before { + content: "\f1a7"; } + + .fa-piggy-bank:before { + content: "\f4d3"; } + + .fa-pills:before { + content: "\f484"; } + + .fa-pinterest:before { + content: "\f0d2"; } + + .fa-pinterest-p:before { + content: "\f231"; } + + .fa-pinterest-square:before { + content: "\f0d3"; } + + .fa-plane:before { + content: "\f072"; } + + .fa-play:before { + content: "\f04b"; } + + .fa-play-circle:before { + content: "\f144"; } + + .fa-playstation:before { + content: "\f3df"; } + + .fa-plug:before { + content: "\f1e6"; } + + .fa-plus:before { + content: "\f067"; } + + .fa-plus-circle:before { + content: "\f055"; } + + .fa-plus-square:before { + content: "\f0fe"; } + + .fa-podcast:before { + content: "\f2ce"; } + + .fa-poo:before { + content: "\f2fe"; } + + .fa-portrait:before { + content: "\f3e0"; } + + .fa-pound-sign:before { + content: "\f154"; } + + .fa-power-off:before { + content: "\f011"; } + + .fa-prescription-bottle:before { + content: "\f485"; } + + .fa-prescription-bottle-alt:before { + content: "\f486"; } + + .fa-print:before { + content: "\f02f"; } + + .fa-procedures:before { + content: "\f487"; } + + .fa-product-hunt:before { + content: "\f288"; } + + .fa-project-diagram:before { + content: "\f542"; } + + .fa-pushed:before { + content: "\f3e1"; } + + .fa-puzzle-piece:before { + content: "\f12e"; } + + .fa-python:before { + content: "\f3e2"; } + + .fa-qq:before { + content: "\f1d6"; } + + .fa-qrcode:before { + content: "\f029"; } + + .fa-question:before { + content: "\f128"; } + + .fa-question-circle:before { + content: "\f059"; } + + .fa-quidditch:before { + content: "\f458"; } + + .fa-quinscape:before { + content: "\f459"; } + + .fa-quora:before { + content: "\f2c4"; } + + .fa-quote-left:before { + content: "\f10d"; } + + .fa-quote-right:before { + content: "\f10e"; } + + .fa-r-project:before { + content: "\f4f7"; } + + .fa-random:before { + content: "\f074"; } + + .fa-ravelry:before { + content: "\f2d9"; } + + .fa-react:before { + content: "\f41b"; } + + .fa-readme:before { + content: "\f4d5"; } + + .fa-rebel:before { + content: "\f1d0"; } + + .fa-receipt:before { + content: "\f543"; } + + .fa-recycle:before { + content: "\f1b8"; } + + .fa-red-river:before { + content: "\f3e3"; } + + .fa-reddit:before { + content: "\f1a1"; } + + .fa-reddit-alien:before { + content: "\f281"; } + + .fa-reddit-square:before { + content: "\f1a2"; } + + .fa-redo:before { + content: "\f01e"; } + + .fa-redo-alt:before { + content: "\f2f9"; } + + .fa-registered:before { + content: "\f25d"; } + + .fa-rendact:before { + content: "\f3e4"; } + + .fa-renren:before { + content: "\f18b"; } + + .fa-reply:before { + content: "\f3e5"; } + + .fa-reply-all:before { + content: "\f122"; } + + .fa-replyd:before { + content: "\f3e6"; } + + .fa-researchgate:before { + content: "\f4f8"; } + + .fa-resolving:before { + content: "\f3e7"; } + + .fa-retweet:before { + content: "\f079"; } + + .fa-ribbon:before { + content: "\f4d6"; } + + .fa-road:before { + content: "\f018"; } + + .fa-robot:before { + content: "\f544"; } + + .fa-rocket:before { + content: "\f135"; } + + .fa-rocketchat:before { + content: "\f3e8"; } + + .fa-rockrms:before { + content: "\f3e9"; } + + .fa-rss:before { + content: "\f09e"; } + + .fa-rss-square:before { + content: "\f143"; } + + .fa-ruble-sign:before { + content: "\f158"; } + + .fa-ruler:before { + content: "\f545"; } + + .fa-ruler-combined:before { + content: "\f546"; } + + .fa-ruler-horizontal:before { + content: "\f547"; } + + .fa-ruler-vertical:before { + content: "\f548"; } + + .fa-rupee-sign:before { + content: "\f156"; } + + .fa-safari:before { + content: "\f267"; } + + .fa-sass:before { + content: "\f41e"; } + + .fa-save:before { + content: "\f0c7"; } + + .fa-schlix:before { + content: "\f3ea"; } + + .fa-school:before { + content: "\f549"; } + + .fa-screwdriver:before { + content: "\f54a"; } + + .fa-scribd:before { + content: "\f28a"; } + + .fa-search:before { + content: "\f002"; } + + .fa-search-minus:before { + content: "\f010"; } + + .fa-search-plus:before { + content: "\f00e"; } + + .fa-searchengin:before { + content: "\f3eb"; } + + .fa-seedling:before { + content: "\f4d8"; } + + .fa-sellcast:before { + content: "\f2da"; } + + .fa-sellsy:before { + content: "\f213"; } + + .fa-server:before { + content: "\f233"; } + + .fa-servicestack:before { + content: "\f3ec"; } + + .fa-share:before { + content: "\f064"; } + + .fa-share-alt:before { + content: "\f1e0"; } + + .fa-share-alt-square:before { + content: "\f1e1"; } + + .fa-share-square:before { + content: "\f14d"; } + + .fa-shekel-sign:before { + content: "\f20b"; } + + .fa-shield-alt:before { + content: "\f3ed"; } + + .fa-ship:before { + content: "\f21a"; } + + .fa-shipping-fast:before { + content: "\f48b"; } + + .fa-shirtsinbulk:before { + content: "\f214"; } + + .fa-shoe-prints:before { + content: "\f54b"; } + + .fa-shopping-bag:before { + content: "\f290"; } + + .fa-shopping-basket:before { + content: "\f291"; } + + .fa-shopping-cart:before { + content: "\f07a"; } + + .fa-shower:before { + content: "\f2cc"; } + + .fa-sign:before { + content: "\f4d9"; } + + .fa-sign-in-alt:before { + content: "\f2f6"; } + + .fa-sign-language:before { + content: "\f2a7"; } + + .fa-sign-out-alt:before { + content: "\f2f5"; } + + .fa-signal:before { + content: "\f012"; } + + .fa-simplybuilt:before { + content: "\f215"; } + + .fa-sistrix:before { + content: "\f3ee"; } + + .fa-sitemap:before { + content: "\f0e8"; } + + .fa-sith:before { + content: "\f512"; } + + .fa-skull:before { + content: "\f54c"; } + + .fa-skyatlas:before { + content: "\f216"; } + + .fa-skype:before { + content: "\f17e"; } + + .fa-slack:before { + content: "\f198"; } + + .fa-slack-hash:before { + content: "\f3ef"; } + + .fa-sliders-h:before { + content: "\f1de"; } + + .fa-slideshare:before { + content: "\f1e7"; } + + .fa-smile:before { + content: "\f118"; } + + .fa-smoking:before { + content: "\f48d"; } + + .fa-smoking-ban:before { + content: "\f54d"; } + + .fa-snapchat:before { + content: "\f2ab"; } + + .fa-snapchat-ghost:before { + content: "\f2ac"; } + + .fa-snapchat-square:before { + content: "\f2ad"; } + + .fa-snowflake:before { + content: "\f2dc"; } + + .fa-sort:before { + content: "\f0dc"; } + + .fa-sort-alpha-down:before { + content: "\f15d"; } + + .fa-sort-alpha-up:before { + content: "\f15e"; } + + .fa-sort-amount-down:before { + content: "\f160"; } + + .fa-sort-amount-up:before { + content: "\f161"; } + + .fa-sort-down:before { + content: "\f0dd"; } + + .fa-sort-numeric-down:before { + content: "\f162"; } + + .fa-sort-numeric-up:before { + content: "\f163"; } + + .fa-sort-up:before { + content: "\f0de"; } + + .fa-soundcloud:before { + content: "\f1be"; } + + .fa-space-shuttle:before { + content: "\f197"; } + + .fa-speakap:before { + content: "\f3f3"; } + + .fa-spinner:before { + content: "\f110"; } + + .fa-spotify:before { + content: "\f1bc"; } + + .fa-square:before { + content: "\f0c8"; } + + .fa-square-full:before { + content: "\f45c"; } + + .fa-stack-exchange:before { + content: "\f18d"; } + + .fa-stack-overflow:before { + content: "\f16c"; } + + .fa-star:before { + content: "\f005"; } + + .fa-star-half:before { + content: "\f089"; } + + .fa-staylinked:before { + content: "\f3f5"; } + + .fa-steam:before { + content: "\f1b6"; } + + .fa-steam-square:before { + content: "\f1b7"; } + + .fa-steam-symbol:before { + content: "\f3f6"; } + + .fa-step-backward:before { + content: "\f048"; } + + .fa-step-forward:before { + content: "\f051"; } + + .fa-stethoscope:before { + content: "\f0f1"; } + + .fa-sticker-mule:before { + content: "\f3f7"; } + + .fa-sticky-note:before { + content: "\f249"; } + + .fa-stop:before { + content: "\f04d"; } + + .fa-stop-circle:before { + content: "\f28d"; } + + .fa-stopwatch:before { + content: "\f2f2"; } + + .fa-store:before { + content: "\f54e"; } + + .fa-store-alt:before { + content: "\f54f"; } + + .fa-strava:before { + content: "\f428"; } + + .fa-stream:before { + content: "\f550"; } + + .fa-street-view:before { + content: "\f21d"; } + + .fa-strikethrough:before { + content: "\f0cc"; } + + .fa-stripe:before { + content: "\f429"; } + + .fa-stripe-s:before { + content: "\f42a"; } + + .fa-stroopwafel:before { + content: "\f551"; } + + .fa-studiovinari:before { + content: "\f3f8"; } + + .fa-stumbleupon:before { + content: "\f1a4"; } + + .fa-stumbleupon-circle:before { + content: "\f1a3"; } + + .fa-subscript:before { + content: "\f12c"; } + + .fa-subway:before { + content: "\f239"; } + + .fa-suitcase:before { + content: "\f0f2"; } + + .fa-sun:before { + content: "\f185"; } + + .fa-superpowers:before { + content: "\f2dd"; } + + .fa-superscript:before { + content: "\f12b"; } + + .fa-supple:before { + content: "\f3f9"; } + + .fa-sync:before { + content: "\f021"; } + + .fa-sync-alt:before { + content: "\f2f1"; } + + .fa-syringe:before { + content: "\f48e"; } + + .fa-table:before { + content: "\f0ce"; } + + .fa-table-tennis:before { + content: "\f45d"; } + + .fa-tablet:before { + content: "\f10a"; } + + .fa-tablet-alt:before { + content: "\f3fa"; } + + .fa-tablets:before { + content: "\f490"; } + + .fa-tachometer-alt:before { + content: "\f3fd"; } + + .fa-tag:before { + content: "\f02b"; } + + .fa-tags:before { + content: "\f02c"; } + + .fa-tape:before { + content: "\f4db"; } + + .fa-tasks:before { + content: "\f0ae"; } + + .fa-taxi:before { + content: "\f1ba"; } + + .fa-teamspeak:before { + content: "\f4f9"; } + + .fa-telegram:before { + content: "\f2c6"; } + + .fa-telegram-plane:before { + content: "\f3fe"; } + + .fa-tencent-weibo:before { + content: "\f1d5"; } + + .fa-terminal:before { + content: "\f120"; } + + .fa-text-height:before { + content: "\f034"; } + + .fa-text-width:before { + content: "\f035"; } + + .fa-th:before { + content: "\f00a"; } + + .fa-th-large:before { + content: "\f009"; } + + .fa-th-list:before { + content: "\f00b"; } + + .fa-themeisle:before { + content: "\f2b2"; } + + .fa-thermometer:before { + content: "\f491"; } + + .fa-thermometer-empty:before { + content: "\f2cb"; } + + .fa-thermometer-full:before { + content: "\f2c7"; } + + .fa-thermometer-half:before { + content: "\f2c9"; } + + .fa-thermometer-quarter:before { + content: "\f2ca"; } + + .fa-thermometer-three-quarters:before { + content: "\f2c8"; } + + .fa-thumbs-down:before { + content: "\f165"; } + + .fa-thumbs-up:before { + content: "\f164"; } + + .fa-thumbtack:before { + content: "\f08d"; } + + .fa-ticket-alt:before { + content: "\f3ff"; } + + .fa-times:before { + content: "\f00d"; } + + .fa-times-circle:before { + content: "\f057"; } + + .fa-tint:before { + content: "\f043"; } + + .fa-toggle-off:before { + content: "\f204"; } + + .fa-toggle-on:before { + content: "\f205"; } + + .fa-toolbox:before { + content: "\f552"; } + + .fa-trade-federation:before { + content: "\f513"; } + + .fa-trademark:before { + content: "\f25c"; } + + .fa-train:before { + content: "\f238"; } + + .fa-transgender:before { + content: "\f224"; } + + .fa-transgender-alt:before { + content: "\f225"; } + + .fa-trash:before { + content: "\f1f8"; } + + .fa-trash-alt:before { + content: "\f2ed"; } + + .fa-tree:before { + content: "\f1bb"; } + + .fa-trello:before { + content: "\f181"; } + + .fa-tripadvisor:before { + content: "\f262"; } + + .fa-trophy:before { + content: "\f091"; } + + .fa-truck:before { + content: "\f0d1"; } + + .fa-truck-loading:before { + content: "\f4de"; } + + .fa-truck-moving:before { + content: "\f4df"; } + + .fa-tshirt:before { + content: "\f553"; } + + .fa-tty:before { + content: "\f1e4"; } + + .fa-tumblr:before { + content: "\f173"; } + + .fa-tumblr-square:before { + content: "\f174"; } + + .fa-tv:before { + content: "\f26c"; } + + .fa-twitch:before { + content: "\f1e8"; } + + .fa-twitter:before { + content:"𝕏"; + font-size:1.2em; + font-weight:600; + line-height: normal; } + + .fa-twitter-square:before { + content: "\f081"; } + + .fa-typo3:before { + content: "\f42b"; } + + .fa-uber:before { + content: "\f402"; } + + .fa-uikit:before { + content: "\f403"; } + + .fa-umbrella:before { + content: "\f0e9"; } + + .fa-underline:before { + content: "\f0cd"; } + + .fa-undo:before { + content: "\f0e2"; } + + .fa-undo-alt:before { + content: "\f2ea"; } + + .fa-uniregistry:before { + content: "\f404"; } + + .fa-universal-access:before { + content: "\f29a"; } + + .fa-university:before { + content: "\f19c"; } + + .fa-unlink:before { + content: "\f127"; } + + .fa-unlock:before { + content: "\f09c"; } + + .fa-unlock-alt:before { + content: "\f13e"; } + + .fa-untappd:before { + content: "\f405"; } + + .fa-upload:before { + content: "\f093"; } + + .fa-usb:before { + content: "\f287"; } + + .fa-user:before { + content: "\f007"; } + + .fa-user-alt:before { + content: "\f406"; } + + .fa-user-alt-slash:before { + content: "\f4fa"; } + + .fa-user-astronaut:before { + content: "\f4fb"; } + + .fa-user-check:before { + content: "\f4fc"; } + + .fa-user-circle:before { + content: "\f2bd"; } + + .fa-user-clock:before { + content: "\f4fd"; } + + .fa-user-cog:before { + content: "\f4fe"; } + + .fa-user-edit:before { + content: "\f4ff"; } + + .fa-user-friends:before { + content: "\f500"; } + + .fa-user-graduate:before { + content: "\f501"; } + + .fa-user-lock:before { + content: "\f502"; } + + .fa-user-md:before { + content: "\f0f0"; } + + .fa-user-minus:before { + content: "\f503"; } + + .fa-user-ninja:before { + content: "\f504"; } + + .fa-user-plus:before { + content: "\f234"; } + + .fa-user-secret:before { + content: "\f21b"; } + + .fa-user-shield:before { + content: "\f505"; } + + .fa-user-slash:before { + content: "\f506"; } + + .fa-user-tag:before { + content: "\f507"; } + + .fa-user-tie:before { + content: "\f508"; } + + .fa-user-times:before { + content: "\f235"; } + + .fa-users:before { + content: "\f0c0"; } + + .fa-users-cog:before { + content: "\f509"; } + + .fa-ussunnah:before { + content: "\f407"; } + + .fa-utensil-spoon:before { + content: "\f2e5"; } + + .fa-utensils:before { + content: "\f2e7"; } + + .fa-vaadin:before { + content: "\f408"; } + + .fa-venus:before { + content: "\f221"; } + + .fa-venus-double:before { + content: "\f226"; } + + .fa-venus-mars:before { + content: "\f228"; } + + .fa-viacoin:before { + content: "\f237"; } + + .fa-viadeo:before { + content: "\f2a9"; } + + .fa-viadeo-square:before { + content: "\f2aa"; } + + .fa-vial:before { + content: "\f492"; } + + .fa-vials:before { + content: "\f493"; } + + .fa-viber:before { + content: "\f409"; } + + .fa-video:before { + content: "\f03d"; } + + .fa-video-slash:before { + content: "\f4e2"; } + + .fa-vimeo:before { + content: "\f40a"; } + + .fa-vimeo-square:before { + content: "\f194"; } + + .fa-vimeo-v:before { + content: "\f27d"; } + + .fa-vine:before { + content: "\f1ca"; } + + .fa-vk:before { + content: "\f189"; } + + .fa-vnv:before { + content: "\f40b"; } + + .fa-volleyball-ball:before { + content: "\f45f"; } + + .fa-volume-down:before { + content: "\f027"; } + + .fa-volume-off:before { + content: "\f026"; } + + .fa-volume-up:before { + content: "\f028"; } + + .fa-vuejs:before { + content: "\f41f"; } + + .fa-walking:before { + content: "\f554"; } + + .fa-wallet:before { + content: "\f555"; } + + .fa-warehouse:before { + content: "\f494"; } + + .fa-weibo:before { + content: "\f18a"; } + + .fa-weight:before { + content: "\f496"; } + + .fa-weixin:before { + content: "\f1d7"; } + + .fa-whatsapp:before { + content: "\f232"; } + + .fa-whatsapp-square:before { + content: "\f40c"; } + + .fa-wheelchair:before { + content: "\f193"; } + + .fa-whmcs:before { + content: "\f40d"; } + + .fa-wifi:before { + content: "\f1eb"; } + + .fa-wikipedia-w:before { + content: "\f266"; } + + .fa-window-close:before { + content: "\f410"; } + + .fa-window-maximize:before { + content: "\f2d0"; } + + .fa-window-minimize:before { + content: "\f2d1"; } + + .fa-window-restore:before { + content: "\f2d2"; } + + .fa-windows:before { + content: "\f17a"; } + + .fa-wine-glass:before { + content: "\f4e3"; } + + .fa-wolf-pack-battalion:before { + content: "\f514"; } + + .fa-won-sign:before { + content: "\f159"; } + + .fa-wordpress:before { + content: "\f19a"; } + + .fa-wordpress-simple:before { + content: "\f411"; } + + .fa-wpbeginner:before { + content: "\f297"; } + + .fa-wpexplorer:before { + content: "\f2de"; } + + .fa-wpforms:before { + content: "\f298"; } + + .fa-wrench:before { + content: "\f0ad"; } + + .fa-x-ray:before { + content: "\f497"; } + + .fa-xbox:before { + content: "\f412"; } + + .fa-xing:before { + content: "\f168"; } + + .fa-xing-square:before { + content: "\f169"; } + + .fa-y-combinator:before { + content: "\f23b"; } + + .fa-yahoo:before { + content: "\f19e"; } + + .fa-yandex:before { + content: "\f413"; } + + .fa-yandex-international:before { + content: "\f414"; } + + .fa-yelp:before { + content: "\f1e9"; } + + .fa-yen-sign:before { + content: "\f157"; } + + .fa-yoast:before { + content: "\f2b1"; } + + .fa-youtube:before { + content: "\f167"; } + + .fa-youtube-square:before { + content: "\f431"; } + + .sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + + .sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } + @font-face { + font-family: 'Font Awesome 5 Brands'; + font-style: normal; + font-weight: normal; + src: url("../webfonts/fa-brands-400.eot"); + src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } + + .fab { + font-family: 'Font Awesome 5 Brands'; } + @font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 400; + src: url("../webfonts/fa-regular-400.eot"); + src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } + + .far { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + @font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 900; + src: url("../webfonts/fa-solid-900.eot"); + src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } + + .fa, + .fas { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } + \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index e87153c..859719e 100644 --- a/css/styles.css +++ b/css/styles.css @@ -38,2260 +38,2404 @@ Colors: ******************************************/ :root{ - --primary-color: #3d90ce; - --primary-color-lighten: #5fb1ef; - --navbar-color: #000; - --super-dark-bg: url('../images/header-background.png') repeat; - --dark-bg: linear-gradient( - rgba(255, 255, 255, 0.025), - rgba(255, 255, 255, 0.025) - ), - url('../images/header-background.png') repeat; - --light-dark-bg: linear-gradient( - rgba(255, 255, 255, 0.05), - rgba(255, 255, 255, 0.05) - ), - url('../images/header-background.png') repeat; -} - -/******************************/ -/* 01. General Styles */ -/******************************/ -body, -html { - width: 100%; - height: 100%; -} - -body, p { - color: #f1f1f8; - font: 400 0.875rem/1.375rem "Open Sans", sans-serif; -} - -.p-large { - color: #f1f1f8; - font: 400 1rem/1.5rem "Open Sans", sans-serif; -} - -.p-small { - color: #f1f1f8; - font: 400 0.75rem/1.25rem "Open Sans", sans-serif; -} - -.p-heading { - margin-bottom: 3.75rem; - text-align: center; -} - -.k0s-typography { - font-family: "Menlo", "Consolas"; - font-style: normal; -} - -.li-space-lg li { - margin-bottom: 0.375rem; -} - -.indent { - padding-left: 1.25rem; -} - -h1 { - color: #f1f1f8; - font: 700 2.5rem/2.875rem "Montserrat", sans-serif; -} - -h2 { - color: #f1f1f8; - font: 700 2.25rem/2.75rem "Montserrat", sans-serif; -} - -h3 { - color: #f1f1f8; - font: 700 1.75rem/2.125rem "Montserrat", sans-serif; -} - -h4 { - color: #f1f1f8; - font: 700 1.375rem/1.75rem "Montserrat", sans-serif; -} - -h5 { - color: #f1f1f8; - font: 700 1.125rem/1.625rem "Montserrat", sans-serif; -} - -h6 { - color: #f1f1f8; - font: 700 1rem/1.5rem "Montserrat", sans-serif; -} - -a { - color: #f1f1f8; - text-decoration: underline; -} - -a:hover { - color: #f1f1f8; - text-decoration: underline; -} - -a.primary { - color: var(--primary-color); -} - -a.white { - color: #fff; -} - -.testimonial-text { - font: italic 400 1rem/1.5rem "Open Sans", sans-serif; -} - -.testimonial-author { - font: 700 1rem/1.5rem "Montserrat", sans-serif; -} - -.btn-solid-reg { - display: inline-block; - padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; - border: 0.125rem solid var(--primary-color); - border-radius: 2rem; - background-color: var(--primary-color); - color: #fff; - font: 700 0.75rem/0 "Montserrat", sans-serif; - text-decoration: none; - transition: all 0.2s ease; -} - -.btn-solid-reg:hover { - background-color: transparent; - color: var(--primary-color); - text-decoration: none; -} - -.btn-solid-lg { - display: inline-block; - padding: 1.375rem 2.625rem 1.375rem 2.625rem; - border: 0.125rem solid var(--primary-color); - border-radius: 2rem; - background-color: var(--primary-color); - color: #fff; - font: 700 0.75rem/0 "Montserrat", sans-serif; - text-decoration: none; - transition: all 0.2s ease; -} - -.btn-solid-lg:hover { - background-color: transparent; - color: var(--primary-color); - text-decoration: none; -} - -.btn-solid-lg .fab, -.btn-solid-lg .fas{ - margin-right: 0.5rem; - font-size: 1.25rem; - line-height: 0; - vertical-align: top; -} - -.btn-solid-lg .fab.fa-google-play { - font-size: 1rem; -} - -.btn-outline-reg { - display: inline-block; - padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; - border: 0.125rem solid var(--primary-color); - border-radius: 2rem; - background-color: transparent; - color: var(--primary-color); - font: 700 0.75rem/0 "Montserrat", sans-serif; - text-decoration: none; - transition: all 0.2s ease; -} - -.btn-outline-reg:hover { - background-color: var(--primary-color); - color: #fff; - text-decoration: none; -} - -.btn-outline-lg { - display: inline-block; - padding: 1.375rem 2.625rem 1.375rem 2.625rem; - border: 0.125rem solid var(--primary-color); - border-radius: 2rem; - background-color: transparent; - color: var(--primary-color); - font: 700 0.75rem/0 "Montserrat", sans-serif; - text-decoration: none; - transition: all 0.2s ease; -} - -.btn-outline-lg:hover { - background-color: var(--primary-color); - color: #fff; - text-decoration: none; -} - -.btn-outline-sm { - display: inline-block; - padding: 1rem 1.625rem 0.875rem 1.625rem; - border: 0.125rem solid var(--primary-color); - border-radius: 2rem; - background-color: transparent; - color: var(--primary-color); - font: 700 0.625rem/0 "Montserrat", sans-serif; - text-decoration: none; - transition: all 0.2s ease; -} - -.btn-outline-sm:hover { - background-color: var(--primary-color); - color: #fff; - text-decoration: none; -} - -.btn-group.download .split-button-action{ - line-height: 10px; - padding-right: 20px; -} -.btn-group.download .split-button-action i{ - position: relative; - top: 4px; -} -.btn-group.download .btn-solid-lg.dropdown-toggle-split { - padding-left: 20px; - padding-right: 30px; - font-size: 150%; -} - -.form-group { - position: relative; - margin-bottom: 1.25rem; -} - -.form-group.has-error.has-danger { - margin-bottom: 0.625rem; -} - -.form-group.has-error.has-danger .help-block.with-errors ul { - margin-top: 0.375rem; -} - -.label-control { - position: absolute; - top: 0.87rem; - left: 1.375rem; - color: #f1f1f8; - opacity: 1; - font: 400 0.875rem/1.375rem "Open Sans", sans-serif; - cursor: text; - transition: all 0.2s ease; -} - -/* IE10+ hack to solve lower label text position compared to the rest of the browsers */ -@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { - .label-control { - top: 0.9375rem; - } -} - -.form-control-input:focus + .label-control, -.form-control-input.notEmpty + .label-control, -.form-control-textarea:focus + .label-control, -.form-control-textarea.notEmpty + .label-control { - top: 0.125rem; - opacity: 1; - font-size: 0.75rem; - font-weight: 700; -} - -.form-control-input, -.form-control-select { - display: block; /* needed for proper display of the label in Firefox, IE, Edge */ - width: 100%; - padding-top: 1.0625rem; - padding-bottom: 0.0625rem; - padding-left: 1.3125rem; - border: 1px solid #9791ae; - border-radius: 0.25rem; - background-color: #413d52; - color: #f1f1f8; - font: 400 0.875rem/1.875rem "Open Sans", sans-serif; - transition: all 0.2s ease; - -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */ -} - -.form-control-select { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - height: 3rem; -} - -/* IE10+ hack to solve lower label text position compared to the rest of the browsers */ -@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { - .form-control-input { - padding-top: 1.25rem; - padding-bottom: 0.75rem; - line-height: 1.75rem; - } - - .form-control-select { - padding-top: 0.875rem; - padding-bottom: 0.75rem; - height: 3.125rem; - line-height: 2.125rem; - } -} - -select { - /* you should keep these first rules in place to maintain cross-browser behavior */ - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - -o-appearance: none; - appearance: none; - background-image: url('../images/down-arrow.png'); - background-position: 96% 50%; - background-repeat: no-repeat; - outline: none; -} - -select::-ms-expand { - display: none; /* removes the ugly default down arrow on select form field in IE11 */ -} - -.form-control-textarea { - display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */ - width: 100%; - height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */ - padding-top: 1.25rem; - padding-left: 1.3125rem; - border: 1px solid #9791ae; - border-radius: 0.25rem; - background-color: #413d52; - color: #f1f1f8; - font: 400 0.875rem/1.75rem "Open Sans", sans-serif; - transition: all 0.2s ease; -} - -.form-control-input:focus, -.form-control-select:focus, -.form-control-textarea:focus { - border: 1px solid #f1f1f8; - outline: none; /* Removes blue border on focus */ -} - -.form-control-input:hover, -.form-control-select:hover, -.form-control-textarea:hover { - border: 1px solid #f1f1f8; -} - -.checkbox { - font: 400 0.75rem/1.25rem "Open Sans", sans-serif; -} - -input[type='checkbox'] { - vertical-align: -15%; - margin-right: 0.375rem; -} - -/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */ -@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { - input[type='checkbox'] { - vertical-align: -9%; - } -} - -.form-control-submit-button { - display: inline-block; - width: 100%; - height: 3.125rem; - border: 1px solid var(--primary-color); - border-radius: 1.5rem; - background-color: var(--primary-color); - color: #fff; - font: 700 0.75rem/1.75rem "Montserrat", sans-serif; - cursor: pointer; - transition: all 0.2s ease; -} - -.form-control-submit-button:hover { - background-color: transparent; - color: var(--primary-color); -} - -/* Form Success And Error Message Formatting */ -#cmsgSubmit.h3.text-center.tada.animated, -#pmsgSubmit.h3.text-center.tada.animated, -#cmsgSubmit.h3.text-center, -#pmsgSubmit.h3.text-center { - display: block; - margin-bottom: 0; - color: #f1f1f8; - font: 400 1.125rem/1rem "Open Sans", sans-serif; -} - -.help-block.with-errors .list-unstyled { - color: #f1f1f8; - font-size: 0.75rem; - line-height: 1.125rem; - text-align: left; -} - -.help-block.with-errors ul { - margin-bottom: 0; -} -/* end of form success and error message formatting */ - -/* Form Success And Error Message Animation - Animate.css */ -@-webkit-keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 10%, 20% { - -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - to { - -webkit-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 10%, 20% { - -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - to { - -webkit-transform: scale3d(1, 1, 1); - -ms-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} - -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -/* end of form success and error message animation - Animate.css */ - -/* Fade-move Animation For Lightbox - Magnific Popup */ -/* at start */ -.my-mfp-slide-bottom .zoom-anim-dialog { - opacity: 0; - transition: all 0.2s ease-out; - -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); - -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); - transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); -} - -/* animate in */ -.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { - opacity: 1; - -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); - -ms-transform: translateY(0) perspective(37.5rem) rotateX(0); - transform: translateY(0) perspective(37.5rem) rotateX(0); -} - -/* animate out */ -.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { - opacity: 0; - -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); - -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); - transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); -} - -/* dark overlay, start state */ -.my-mfp-slide-bottom.mfp-bg { - opacity: 0; - transition: opacity 0.2s ease-out; -} - -/* animate in */ -.my-mfp-slide-bottom.mfp-ready.mfp-bg { - opacity: 0.8; -} -/* animate out */ -.my-mfp-slide-bottom.mfp-removing.mfp-bg { - opacity: 0; -} -/* end of fade-move animation for lightbox - magnific popup */ - -/* Fade Animation For Image Slider - Magnific Popup */ -@-webkit-keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -@keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -.fadeIn { - -webkit-animation: fadeIn 0.6s; - animation: fadeIn 0.6s; -} - -@-webkit-keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} - -@keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} - -.fadeOut { - -webkit-animation: fadeOut 0.8s; - animation: fadeOut 0.8s; -} -/* end of fade animation for image slider - magnific popup */ - - -/*************************/ -/* 02. Preloader */ -/*************************/ -.spinner-wrapper { - position: fixed; - z-index: 999999; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: var(--light-dark-bg); -} - -.spinner { - position: absolute; - top: 50%; /* centers the loading animation vertically one the screen */ - left: 50%; /* centers the loading animation horizontally one the screen */ - width: 3.75rem; - height: 1.25rem; - margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ - text-align: center; -} - -.spinner > div { - display: inline-block; - width: 1rem; - height: 1rem; - border-radius: 100%; - background-color: #fff; - -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; - animation: sk-bouncedelay 1.4s infinite ease-in-out both; -} - -.spinner .bounce1 { - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; -} - -.spinner .bounce2 { - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; -} - -@-webkit-keyframes sk-bouncedelay { - 0%, 80%, 100% { -webkit-transform: scale(0); } - 40% { -webkit-transform: scale(1.0); } -} - -@keyframes sk-bouncedelay { - 0%, 80%, 100% { - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - } 40% { - -webkit-transform: scale(1.0); - -ms-transform: scale(1.0); - transform: scale(1.0); - } -} - - -/**************************/ -/* 03. Navigation */ -/**************************/ -.navbar-custom { - background-color: var(--navbar-color); - box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); - font: 700 0.75rem/2rem "Montserrat", sans-serif; - transition: all 0.2s ease; -} - -.navbar-custom .navbar-brand { - text-decoration: none; - font-size: 12px; -} - -.navbar-custom .navbar-brand span { - opacity: 0.5; -} - -.navbar-custom .navbar-brand img { - height: 40px; - margin-bottom: 1px; - margin-right: 5px; - backface-visibility: hidden; -} - -.navbar-custom .navbar-brand.logo-text { - font: 700 2.375rem/1.5rem "Montserrat", sans-serif; - color: #fff; - letter-spacing: -0.5px; - text-decoration: none; -} - -.navbar-custom .navbar-nav { - margin-top: 0.75rem; -} - -.navbar-custom .nav-item .nav-link { - padding: 0 0.75rem 0 0.75rem; - color: #fff; - text-decoration: none; - transition: all 0.2s ease; -} - -.navbar-custom .nav-item .nav-link:hover, -.navbar-custom .nav-item .nav-link.active { - color: var(--primary-color); -} - -/* Dropdown Menu */ -.navbar-custom .dropdown:hover > .dropdown-menu { - display: block; /* this makes the dropdown menu stay open while hovering it */ - min-width: auto; - animation: fadeDropdown 0.2s; /* required for the fade animation */ -} - -@keyframes fadeDropdown { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus */ - outline: 0; -} - -.navbar-custom .dropdown-menu { - margin-top: 0; - border: none; - border-radius: 0.25rem; - background-color: var(--navbar-color); -} - -.navbar-custom .dropdown-item { - color: #fff; - text-decoration: none; -} - -.navbar-custom .dropdown-item:hover { - background-color: var(--navbar-color); -} - -.navbar-custom .dropdown-item .item-text { - font: 700 0.75rem/1.5rem "Montserrat", sans-serif; -} - -.navbar-custom .dropdown-item:hover .item-text { - color: var(--primary-color); -} - -.navbar-custom .dropdown-items-divide-hr { - width: 100%; - height: 1px; - margin: 0.25rem auto 0.25rem auto; - border: none; - background-color: #b5bcc4; - opacity: 0.2; -} -/* end of dropdown menu */ - -.navbar-custom .social-icons { - display: none; -} - -.navbar-custom .navbar-toggler { - border: none; - color: #fff; - font-size: 2rem; -} - -.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{ - display: none; -} - -.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{ - display: inline-block; -} - -.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{ - display: none; -} - -.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{ - display: inline-block; - margin-right: 0.125rem; -} - - -/*********************/ -/* 04. Header */ -/*********************/ -.header { - position: relative; - background: var(--super-dark-bg); - overflow: hidden; -} - -.header #particles{ - position: absolute; - width: 100%; - height: 100%; -} - -.header .header-content { - padding-top: 8.5rem; - padding-bottom: 7rem; - text-align: center; -} - -.header .text-container { - text-align: center; - margin-bottom: 3rem; -} - -.header h1 { - margin-bottom: 2rem; -} - -.header #js-rotating { - color: #559fe4; -} - -.header .p-large { - margin-bottom: 2rem; -} - -.header .btn-solid-lg { - margin-bottom: 1.25rem; -} - -.header .release-notes{ - position: relative; - left: 10px; -} - -.header .supported-os-icon { - position: relative; - top: 5px; - font-size: 30px; - margin-left: 10px; - color: rgba(255,255,255,0.5); -} - -/****************************/ -/* 05. Testimonials */ -/****************************/ -.slider-1 { - padding-top: 6.875rem; - padding-bottom: 6.375rem; - background: var(--dark-bg); -} - -.slider-1 .slider-container { - position: relative; -} - -.slider-1 .swiper-container { - position: static; - width: 90%; - text-align: center; -} - -.slider-1 .swiper-button-prev:focus, -.slider-1 .swiper-button-next:focus { - /* even if you can't see it chrome you can see it on mobile device */ - outline: none; -} - -.slider-1 .swiper-button-prev { - left: -0.5rem; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E"); - background-size: 1.125rem 1.75rem; -} - -.slider-1 .swiper-button-next { - right: -0.5rem; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E"); - background-size: 1.125rem 1.75rem; -} - -.slider-1 .card { - position: relative; - border: none; - background-color: transparent; -} - -.slider-1 .card-image { - width: 6rem; - height: 6rem; - margin-right: auto; - margin-bottom: 0.25rem; - margin-left: auto; - border-radius: 50%; -} - -.slider-1 .card-body { - padding-bottom: 0; -} - -.slider-1 .testimonial-author { - margin-bottom: 0; -} - - -/************************/ -/* 05. Features */ -/************************/ -.tabs { - padding-top: 6.5rem; - padding-bottom: 4.25rem; - background: var(--light-dark-bg); -} - -.tabs h2 { - margin-bottom: 1.125rem; - text-align: center; -} - -.tabs .p-heading { - margin-bottom: 3.125rem; -} - -.tabs .nav-tabs { - margin-right: auto; - margin-bottom: 2.5rem; - margin-left: auto; - justify-content: center; - border-bottom: none; -} - -.tabs .nav-link { - margin-bottom: 1rem; - padding: 0.5rem 1.375rem 0.25rem 1.375rem; - border: none; - border-bottom: 0.1875rem solid #f1f1f8; - border-radius: 0; - color: #f1f1f8; - font: 700 1rem/1.75rem "Montserrat", sans-serif; - text-decoration: none; - transition: all 0.2s ease; -} - -.tabs .nav-link.active, -.tabs .nav-link:hover { - border-bottom: 0.1875rem solid var(--primary-color); - background-color: transparent; - color: var(--primary-color); -} - -.tabs .nav-link .fas { - margin-right: 0.375rem; - font-size: 1rem; -} - -.tabs .tab-content { - width: 100%; /* for proper display in IE11 */ -} - -.tabs .card { - border: none; - background: transparent; -} - -.tabs .card-body { - padding: 1rem 0 1.25rem 0; -} - -.tabs .card-title { - margin-bottom: 0.5rem; -} - -.tabs .card .card-icon { - display: inline-block; - width: 3.5rem; - height: 3.5rem; - border-radius: 50%; - background-color: var(--primary-color); - text-align: center; - vertical-align: top; -} - -.tabs .card .card-icon .fas, -.tabs .card .card-icon .far { - color: #fff; - font-size: 1.75rem; - line-height: 3.5rem; -} - -.tabs #tab-1 .card.left-pane .text-wrapper { - display: inline-block; - width: 75%; -} - -.tabs #tab-1 .card.left-pane .card-icon { - float: left; - margin-right: 1rem; -} - -.tabs #tab-1 img { - display: block; - margin: 2rem auto 3rem auto; -} - -.tabs #tab-1 .card.right-pane .text-wrapper { - display: inline-block; - width: 75%; -} - -.tabs #tab-1 .card.right-pane .card-icon { - margin-right: 1rem; -} - -.tabs #tab-2 img { - display: block; - margin: 0 auto 2rem auto; -} - -.tabs #tab-2 .text-area { - margin-top: 1.5rem; -} - -.tabs #tab-2 h3 { - margin-bottom: 0.75rem; -} - -.tabs #tab-2 .icon-cards-area { - margin-top: 2.5rem; -} - -.tabs #tab-2 .icon-cards-area .card { - width: 100%; /* for proper display in IE11 */ -} - -.tabs #tab-3 .icon-cards-area .card { - width: 100%; /* for proper display in IE11 */ -} - -.tabs #tab-3 .text-area { - margin-top: 0.75rem; - margin-bottom: 4rem; -} - -.tabs #tab-3 h3 { - margin-bottom: 0.75rem; -} - -.tabs #tab-3 img { - margin: 0 auto 3rem auto; -} - - -/*********************/ -/* 06. Video */ -/*********************/ -.basic-1 { - padding-top: 6.375rem; - padding-bottom: 6.875rem; - background: var(--dark-bg); -} - -.basic-1 h2 { - margin-bottom: 1.125rem; - text-align: center; -} - -.basic-1 .p-heading { - margin-bottom: 4rem; - text-align: center; -} - -.basic-1 .image-container img { - border-radius: 0.375rem; -} - -.basic-1 .video-wrapper { - position: relative; - text-align: center; -} - -/* Video Play Button */ -.basic-1 .video-play-button { - position: absolute; - z-index: 10; - top: 50%; - left: 50%; - display: block; - box-sizing: content-box; - width: 2rem; - height: 2.75rem; - padding: 1.125rem 1.25rem 1.125rem 1.75rem; - border-radius: 50%; - -webkit-transform: translateX(-50%) translateY(-50%); - -ms-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} - -.basic-1 .video-play-button:before { - content: ""; - position: absolute; - z-index: 0; - top: 50%; - left: 50%; - display: block; - width: 4.75rem; - height: 4.75rem; - border-radius: 50%; - background: #4eaaff; - animation: pulse-border 1500ms ease-out infinite; - -webkit-transform: translateX(-50%) translateY(-50%); - -ms-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} - -.basic-1 .video-play-button:after { - content: ""; - position: absolute; - z-index: 1; - top: 50%; - left: 50%; - display: block; - width: 4.375rem; - height: 4.375rem; - border-radius: 50%; - background: #4eaaff; - transition: all 200ms; - -webkit-transform: translateX(-50%) translateY(-50%); - -ms-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} - -.basic-1 .video-play-button span { - position: relative; - display: block; - z-index: 3; - top: 0.375rem; - left: 0.25rem; - width: 0; - height: 0; - border-left: 1.625rem solid #fff; - border-top: 1rem solid transparent; - border-bottom: 1rem solid transparent; -} - -@keyframes pulse-border { - 0% { - transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); - opacity: 1; - } - 100% { - transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); - opacity: 0; - } -} -/* end of video play button */ - - -/*************************/ -/* 07. Details 1 */ -/*************************/ -.basic-3 { - padding-top: 6.5rem; - padding-bottom: 7.25rem; - background: var(--light-dark-bg); -} - -.basic-3 h2{ - margin-bottom: 1.125rem; - text-align: center; -} - -.basic-3 .text-container { - margin-bottom: 3.5rem; -} - -.basic-3 h3 { - margin-bottom: 1.125rem; -} - -.basic-3 p{ - font-size: 16px; -} - -.basic-3 .btn-solid-reg { - margin-top: 0.5rem; -} - -.basic-3 .feature{ - border-bottom: 1px solid rgba(255,255,255,0.1); - padding: 20px 0; -} - -.basic-3 .feature:last-of-type { - border-bottom: none; -} - -.basic-3 .feature .feature-title{ - text-align: right; -} - -.basic-3 .feature .feature-title .name{ - font-weight: 900; - color: rgba(255,255,255,0.85); -} - -.basic-3 .feature .feature-value ul{ - margin: 0; - padding: 0; - list-style-type: none; -} - -.basic-3 .feature .feature-value ul li{ - color: #b1b2b3; -} - -.basic-3 .feature .feature-value ul li.label-value{ - text-decoration: underline; - margin-top: 20px; -} - -.basic-3 .feature .feature-value ul li.label-value:first-of-type{ - margin-top:0; -} - -/**********************************/ -/* 09. Details Lightboxes */ -/**********************************/ -.lightbox-basic { - position: relative; - max-width: 46.875rem; - margin: 2.5rem auto; - padding: 3rem 1rem; - border-radius: 0.25rem; - background: var(--light-dark-bg); - text-align: left; -} - -.lightbox-basic img { - display: block; - margin-right: auto; - margin-bottom: 3rem; - margin-left: auto; -} - -.lightbox-basic h3 { - margin-bottom: 0.625rem; -} - -.lightbox-basic hr { - width: 3.75rem; - height: 0.125rem; - margin-top: 0.125rem; - margin-bottom: 1.125rem; - margin-left: 0; - border: 0; - background-color: var(--primary-color); - text-align: left; -} - -.lightbox-basic h4 { - margin-top: 1.75rem; - margin-bottom: 0.75rem; -} - -.lightbox-basic table { - margin-top: 1rem; - margin-bottom: 1.5rem; -} - -.lightbox-basic table tr { - line-height: 1.75em; -} - -.lightbox-basic table .icon-cell { - width: 2rem; - padding-right: 0.25rem; - color: var(--primary-color); - text-align: center; -} - -.lightbox-basic a.mfp-close.as-button { - position: relative; - width: auto; - height: auto; - margin-left: 0.375rem; - color: var(--primary-color); - opacity: 1; -} - -.lightbox-basic a.mfp-close.as-button:hover { - color: #f1f1f8; -} - -.lightbox-basic button.mfp-close.x-button { - position: absolute; - top: -0.375rem; - right: -0.375rem; - width: 2.75rem; - height: 2.75rem; - color: #f1f1f8; -} - - -/***************************/ -/* 10. Screenshots */ -/***************************/ -.slider-2 { - padding-top: 6.875rem; - padding-bottom: 6.875rem; - background: var(--light-dark-bg); -} - -.slider-2 .slider-container { - position: relative; -} - -.slider-2 .swiper-container { - position: static; - width: 90%; - text-align: center; -} - -.slider-2 .swiper-button-prev, -.slider-2 .swiper-button-next { - top: 50%; - width: 1.125rem; -} - -.slider-2 .swiper-button-prev:focus, -.slider-2 .swiper-button-next:focus { - /* even if you can't see it chrome you can see it on mobile device */ - outline: none; -} - -.slider-2 .swiper-button-prev { - left: -0.5rem; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); - background-size: 1.125rem 1.75rem; -} - -.slider-2 .swiper-button-next { - right: -0.5rem; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); - background-size: 1.125rem 1.75rem; -} - - -/************************/ -/* 11. Download */ -/************************/ -.basic-4 { - padding-top: 6.5rem; - padding-bottom: 6.75rem; - background: linear-gradient(to right, #0b2c48, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ -} - -.basic-4 .text-container { - margin-bottom: 3.5rem; - text-align: center; -} - -.basic-4 h2 { - margin-bottom: 1.25rem; -} - -.basic-4 .p-large { - margin-bottom: 1.75rem; -} - -.basic-4 .btn-solid-lg { - margin-bottom: 1.25rem; -} - -.basic-4 .release-notes{ - position: relative; - left: 10px; -} - -.basic-4 .supported-os-icon { - position: relative; - top: 5px; - font-size: 30px; - margin-left: 10px; - color: rgba(255,255,255,0.5); -} - -.basic-4 .image-caption{ - text-align: center; - margin: 10px; -} - -/**************************/ -/* 12. Overview */ -/**************************/ -.overview { - padding-top: 6.5rem; - padding-bottom: 5.375rem; - background: var(--dark-bg); - text-align: left; -} - -.overview a{ - color: var(--primary-color); - text-decoration: none; -} - -.overview p{ - color: #b1b2b3; -} - -/**************************/ -/* 12. Statistics */ -/**************************/ -.counter { - padding-top: 6.5rem; - padding-bottom: 5.375rem; - background: var(--dark-bg); - text-align: center; -} - -.counter #counter .cell { - position: relative; - display: inline-block; - width: 7rem; - margin-right: 1rem; - margin-left: 1rem; - margin-bottom: 2rem; -} - -.counter #counter .unit { - position: absolute; - right: 0; - bottom: 26px; - font-weight: 700; - font-size: 20px; -} - -.counter #counter .counter-value { - font: 700 2.5rem/2.25rem "Montserrat", sans-serif; -} - -.counter #counter .counter-value a { - color: #f1f1f8; - font: 700 3.5rem/4.25rem "Montserrat", sans-serif; - vertical-align: middle; -} - -.counter #counter .counter-info, -.counter #counter .counter-info a { - margin-bottom: 0; - color: var(--primary-color); - font: 400 0.875rem/1.25rem "Open Sans", sans-serif; - vertical-align: middle; - text-decoration: none; -} - - -/***********************/ -/* 13. Contact */ -/***********************/ -.form { - padding-top: 6.25rem; - padding-bottom: 5.625rem; - background: url('../images/contact-background.jpg') center bottom no-repeat; - background-size: cover; -} - -.form h2 { - margin-bottom: 1.125rem; - text-align: center; -} - -.form .list-unstyled { - margin-bottom: 3.75rem; - font-size: 1rem; - line-height: 1.5rem; - text-align: center; -} - -.form .list-unstyled .fas, -.form .list-unstyled .fab { - margin-right: 0.5rem; - font-size: 0.875rem; - color: var(--primary-color); -} - -.form .list-unstyled .fa-phone { - vertical-align: 3%; -} - - -/**********************/ -/* 14. Footer */ -/**********************/ -.footer { - padding-top: 5rem; - background: var(--super-dark-bg); -} - -.footer .footer-col { - margin-bottom: 2.25rem; -} - -.footer h4 { - margin-bottom: 1rem; -} - -.footer .list-unstyled .fas { - color: var(--primary-color); - font-size: 0.5rem; - line-height: 1.375rem; -} - -.footer .list-unstyled .media-body { - margin-left: 0.625rem; -} - -.footer .fa-stack { - margin-bottom: 0.75rem; - margin-right: 0.5rem; - font-size: 1.5rem; -} - -.footer .fa-stack .fa-stack-1x { - color: #1b1a1e; - transition: all 0.2s ease; -} - -.footer .fa-stack .fa-stack-2x { - color: #f1f1f8; - transition: all 0.2s ease; -} - -.footer .fa-stack:hover .fa-stack-1x { - color: #f1f1f8; -} - -.footer .fa-stack:hover .fa-stack-2x { - color: var(--primary-color); -} - - -/*************************/ -/* 15. Copyright */ -/*************************/ -.copyright { - padding-top: 1rem; - padding-bottom: 0.5rem; - background: var(--super-dark-bg); - text-align: center; -} - -.copyright .p-small { - color: #f1f1f8; - opacity: 0.6; -} - - -/**********************************/ -/* 16. Back To Top Button */ -/**********************************/ -a.back-to-top { - position: fixed; - z-index: 999; - right: 0.75rem; - bottom: 0.75rem; - display: none; - width: 2.625rem; - height: 2.625rem; - border-radius: 1.875rem; - background: var(--primary-color) url("../images/up-arrow.png") no-repeat center 47%; - background-size: 1.125rem 1.125rem; - text-indent: -9999px; -} - -a:hover.back-to-top { - background-color: var(--primary-color-lighten); -} - - -/***************************/ -/* 17. Extra Pages */ -/***************************/ -.ex-header { - padding-top: 8rem; - padding-bottom: 5rem; - background: linear-gradient(to bottom right, #2c1a7e, #5557db); - text-align: center; -} - -.ex-basic-1 { - padding-top: 2rem; - padding-bottom: 0.875rem; - background: var(--light-dark-bg); -} - -.ex-basic-1 .breadcrumbs { - margin-bottom: 1.125rem; -} - -.ex-basic-1 .breadcrumbs .fa { - margin-right: 0.5rem; - margin-left: 0.625rem; -} - -.ex-basic-2 { - padding-top: 4.75rem; - padding-bottom: 4rem; - background: var(--dark-bg); -} - -.ex-basic-2 h3 { - margin-bottom: 1rem; -} - -.ex-basic-2 .text-container { - margin-bottom: 3.625rem; -} - -.ex-basic-2 .text-container.last { - margin-bottom: 0; -} - -.ex-basic-2 .list-unstyled .fas { - color: var(--primary-color); - font-size: 0.5rem; - line-height: 1.375rem; -} - -.ex-basic-2 .list-unstyled .media-body { - margin-left: 0.625rem; -} - -.ex-basic-2 .btn-outline-reg { - margin-top: 1.75rem; -} - -.ex-basic-2 .image-container-large { - margin-bottom: 4rem; -} - -.ex-basic-2 .image-container-large img { - border-radius: 0.25rem; -} - -.ex-basic-2 .image-container-small img { - border-radius: 0.25rem; -} - -.ex-basic-2 .text-container.dark-bg { - padding: 1.625rem 1.5rem 0.75rem 2rem; - background-color: #f9fafc; -} - - -/*****************************/ -/* 18. Media Queries */ -/*****************************/ -/* Min-width width 768px */ -@media (min-width: 768px) { - - /* General Styles */ - .p-heading { - width: 85%; - margin-right: auto; - margin-left: auto; - } - - h1 { - font: 700 3.25rem/3.75rem "Montserrat", sans-serif; - } - /* end of general styles */ - - - /* Navigation */ - .navbar-custom { - padding: 2.125rem 1.5rem 2.125rem 2rem; - box-shadow: none; - background: transparent; - } - - .navbar-custom .navbar-brand.logo-text { - color: #fff; - } - - .navbar-custom .navbar-nav { - margin-top: 0; - } - - .navbar-custom .nav-item .nav-link { - padding: 0.25rem 0.75rem 0.25rem 0.75rem; - color: #fff; - } - - .navbar-custom .nav-item .nav-link:hover, - .navbar-custom .nav-item .nav-link.active { - color: var(--primary-color); - } - - .navbar-custom.top-nav-collapse { - padding: 0.5rem 1.5rem 0.5rem 2rem; - box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); - background-color: var(--navbar-color); - } - - .navbar-custom.top-nav-collapse .navbar-brand.logo-text { - color: #fff; - } - - .navbar-custom.top-nav-collapse .nav-item .nav-link { - color: #fff; - } - - .navbar-custom.top-nav-collapse .nav-item .nav-link:hover, - .navbar-custom.top-nav-collapse .nav-item .nav-link.active { - color: var(--primary-color); - } - - .navbar-custom .dropdown-menu { - box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03); - } - - .navbar-custom .dropdown-item { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - } - - .navbar-custom .dropdown-items-divide-hr { - width: 84%; - } - /* end of navigation */ - - - /* Header */ - .header .header-content { - padding-top: 11rem; - } - /* end of header */ - - - /* Testimonials */ - .slider-1 .swiper-button-prev { - left: 1rem; - width: 1.375rem; - background-size: 1.375rem 2.125rem; - } - - .slider-1 .swiper-button-next { - right: 1rem; - width: 1.375rem; - background-size: 1.375rem 2.125rem; - } - /* end of testimonials */ - - - /* Features */ - .tabs .card .card-icon { - width: 4.5rem; - height: 4.5rem; - } - - .tabs .card .card-icon .fas, - .tabs .card .card-icon .far { - font-size: 2.25rem; - line-height: 4.5rem; - } - - .tabs #tab-1 .card.left-pane .text-wrapper { - width: 85%; - } - - .tabs #tab-2 img { - margin-bottom: 0; - } - - .tabs #tab-2 .text-area { - margin-top: 0; - } - - .tabs #tab-2 .icon-cards-area .card { - display: inline-block; - width: 44%; - margin-right: 2.5rem; - vertical-align: top; - } - - .tabs #tab-2 div.card:nth-child(2n+2) { - margin-right: 0; - } - - .tabs #tab-3 .text-area { - margin-bottom: 0; - } - - .tabs #tab-3 .icon-cards-area .card { - display: inline-block; - width: 44%; - margin-right: 2.5rem; - vertical-align: top; - } - - .tabs #tab-3 div.card:nth-child(2n+2) { - margin-right: 0; - } - - .tabs #tab-3 img { - margin-bottom: 0; - } - /* end of features */ - - - /* Details Lightboxes */ - .lightbox-basic { - padding: 3rem 3rem; - } - /* end of details lightboxes */ - - - /* Screenshots */ - .slider-2 .swiper-button-prev { - width: 1.375rem; - background-size: 1.375rem 2.125rem; - } - - .slider-2 .swiper-button-next { - width: 1.375rem; - background-size: 1.375rem 2.125rem; - } - /* end of screenshots */ - - - /* Contact */ - .form .list-unstyled li { - display: inline-block; - margin-right: 0.5rem; - margin-left: 0.5rem; - } - - .form .list-unstyled .address { - display: block; - } - /* end of contact */ - - - /* Extra Pages */ - .ex-header { - padding-top: 11rem; - padding-bottom: 9rem; - } - - .ex-basic-2 .text-container.dark { - padding: 2.5rem 3rem 2rem 3rem; - } - - .ex-basic-2 .text-container.column { - width: 90%; - margin-right: auto; - margin-left: auto; - } - /* end of extra pages */ - - .counter #counter .cell { - width: 8rem; - margin-right: 2.5rem; - margin-left: 2.5rem; + --primary-color: #1AAAFF; + --primary-color-lighten: #1AAAFF; + --navbar-color: #000; + --super-dark-bg: url('../images/header-background.png') repeat; + --dark-bg: linear-gradient( + rgba(255, 255, 255, 0.025), + rgba(255, 255, 255, 0.025) + ), + url('../images/header-background.png') repeat; + --light-dark-bg: linear-gradient( + rgba(255, 255, 255, 0.05), + rgba(255, 255, 255, 0.05) + ), + url('../images/header-background.png') repeat; } - - .counter #counter .counter-value { - font: 700 3.25rem/3.5rem "Montserrat", sans-serif; + + + + /******************************/ + /* 01. General Styles */ + /******************************/ + + body, + html { + width: 100%; + height: 100%; + } + + body, p { + color: #f1f1f8; + font: 300 16px "Overpass"; + line-height: 1.7; + } + + .p-large { + color: #f1f1f8; + font: 400 1rem/1.5rem "Overpass"; + } + + .p-small { + color: #f1f1f8; + font: 400 0.75rem/1.25rem "Overpass"; } -} -/* end of min-width width 768px */ - - -/* Min-width width 992px */ -@media (min-width: 992px) { - - /* Navigation */ - .navbar-custom .social-icons { - display: block; - margin-left: 0.5rem; - } - - .navbar-custom .fa-stack { - margin-bottom: 0.1875rem; - margin-left: 0.375rem; - font-size: 0.75rem; - } - - .navbar-custom .fa-stack-2x { - color: var(--primary-color); - transition: all 0.2s ease; - } - - .navbar-custom .fa-stack-1x { - color: #fff; - transition: all 0.2s ease; - } - - .navbar-custom .fa-stack:hover .fa-stack-2x { - color: #fff; - } - - .navbar-custom .fa-stack:hover .fa-stack-1x { - color: var(--primary-color); - } - /* end of navigation */ - - - /* General Styles */ - .p-heading { - width: 65%; - } - /* end of general styles */ - - - /* Header */ - .header .header-content { - padding-top: 13rem; - padding-bottom: 10rem; - text-align: left; - } - - .header .text-container { - margin-top: 6.5rem; - } - /* end of header */ - - - /* Features */ - .tabs .card-body { - padding: 1rem 0 1.5rem 0; - } - - .tabs #tab-1 .card.left-pane { - text-align: right; - } - - .tabs #tab-1 .card.left-pane .text-wrapper, - .tabs #tab-1 .card.right-pane .text-wrapper { - width: 68%; - } - - .tabs #tab-1 .card.left-pane .card-icon { - float: none; - margin-right: 0; - margin-left: 1rem; - } - - .tabs #tab-1 img { - margin-top: 0; - margin-bottom: 0; - } - - .tabs #tab-2 .icon-cards-area { - margin-top: 2.25rem; - } - - .tabs #tab-2 .icon-cards-area .card { - width: 45%; - margin-right: 3.5rem; - } - - .tabs #tab-2 .icon-cards-area .card p { - margin-bottom: 0.5rem; - } - - .tabs #tab-3 .icon-cards-area .card { - width: 45%; - margin-right: 3.5rem; - } - - .tabs #tab-3 .icon-cards-area .card p { - margin-bottom: 0.5rem; - } - /* end of features */ - - - /* Video */ - .basic-1 .image-container { - max-width: 53.125rem; - margin-right: auto; - margin-left: auto; - } - /* end of video */ - - - /* Details 1 */ - .basic-2 img { - margin-bottom: 0; - } - - .basic-2 .text-container { - margin-top: 2.625rem; - } - /* end of details 1 */ - - - /* Details 2 */ - .basic-3 .text-container { - margin-top: 2.5rem; - margin-bottom: 0; - } - /* end of details 2 */ - - - /* Details Lightboxes */ - .lightbox-basic img { - margin-bottom: 0; - margin-left: 0; - } - - .lightbox-basic h3 { - margin-top: 0.25rem; - } - /* end of details lightboxes */ - - - /* Screenshots */ - .slider-2 .swiper-container { - width: 92%; - } - /* end of screenshots */ - - - /* Download */ - .basic-4 { - padding-top: 6.75rem; - } - - .basic-4 .text-container { - margin-top: 2rem; - margin-bottom: 0; - text-align: left; - } - /* end of download */ - - - /* Statistics */ - .counter { - padding-top: 6rem; - padding-bottom: 4.5rem; - } - - .counter #counter .cell { - width: 10rem; - margin-right: 2.5rem; - margin-left: 2.5rem; - } - - .counter #counter .counter-value { - font: 700 4.25rem/4.5rem "Montserrat", sans-serif; - } - /* end of statistics */ - - - /* Extra Pages */ - .ex-header h1 { - width: 80%; - margin-right: auto; - margin-left: auto; - } - - .ex-basic-2 { - padding-bottom: 5rem; - } - - .ex-basic-2 .text-container.column { - margin-bottom: 0; - } - /* end of extra pages */ -} -/* end of min-width width 992px */ - - -/* Min-width width 1200px */ -@media (min-width: 1200px) { - - /* Navigation */ - .navbar-custom { - padding: 2.125rem 5rem 2.125rem 5rem; - } - - .navbar-custom.top-nav-collapse { - padding: 0.5rem 5rem 0.5rem 5rem; - } - /* end of navigation */ - - - /* General Styles */ - .p-heading { - width: 44%; - } - /* end of general styles */ - - - /* Header */ - .header .text-container { - margin-top: 7.5rem; - margin-left: 2.5rem; - } - - .header .image-container { - margin-left: 3rem; - } - /* end of header */ - - - /* Features */ - .tabs { - padding-bottom: 6.5rem; - } - - .tabs #tab-1 .card.first { - margin-top: 4.25rem; - } - - .tabs #tab-1 .card { - margin-bottom: 0.75rem; - } - - .tabs #tab-1 .card.left-pane .text-wrapper, - .tabs #tab-1 .card.right-pane .text-wrapper { - width: 73%; - } - - .tabs #tab-1 img { - margin-top: 0; - } - - .tabs #tab-2 .container { - padding-right: 2.5rem; - padding-left: 2.5rem; - } - - .tabs #tab-2 .text-area { - margin-top: 1.5rem; - margin-right: 1rem; - margin-left: 1rem; - } - - .tabs #tab-2 .icon-cards-area { - margin-right: 1rem; - margin-left: 1rem; - } - - .tabs #tab-2 .icon-cards-area .card { - margin-right: 3.875rem; - } - - .tabs #tab-3 .container { - padding-right: 2.5rem; - padding-left: 2.5rem; - } - - .tabs #tab-3 .icon-cards-area { - margin-top: 2rem; - margin-left: 1rem; - } - - .tabs #tab-3 .icon-cards-area .card { - margin-right: 3.875rem; - } - - .tabs #tab-3 .text-area { - margin-right: 1.5rem; - margin-left: 1rem; - } - /* end of features */ - - - /* Details 1 */ - .basic-2 .text-container { - margin-top: 4.5rem; - margin-left: 4rem; - margin-right: 1.5rem; - } - /* end of details 1 */ - - - /* Details 2 */ - .basic-3 .text-container { - margin-top: 4.5rem; - margin-right: 3.5rem; - margin-left: 2rem; - } - /* end of details 2 */ + .p-xsmall { + font-size: 12px !important; + } + + .p-heading { + margin-bottom: 3.75rem; + text-align: center; + } + + .k0s-typography { + font-family: "Menlo", "Consolas"; + font-style: normal; + } + + .li-space-lg li { + margin-bottom: 0.375rem; + } + + .indent { + padding-left: 1.25rem; + } + + h1 { + color: #f1f1f8; + font: 700 2.5rem/2.875rem "Overpass"; + } + + h2 { + color: #f1f1f8; + font: 800 24px "Overpass"; + } + + h3 { + color: #f1f1f8; + font: 700 1.75rem/2.125rem "Overpass"; + } + + h4 { + color: #f1f1f8; + font: 700 1.375rem/1.75rem "Overpass"; + } + + h5 { + color: #f1f1f8; + font: 700 1.125rem/1.625rem "Overpass"; + } + + h6 { + color: #f1f1f8; + font: 700 1rem/1.5rem "Overpass"; + } + + a { + color: #f1f1f8; + background-image: linear-gradient(transparent calc(100% - 0.08rem), white 2px); + background-repeat: no-repeat; + background-size: 0% 100%; + transition: background-size 0s; + text-decoration: underline; + text-underline-offset: 5px; + &:hover { + background-size: 100% 100%; + transition: background-size 1s; + text-decoration: none; + background-color: transparent; + } + } + + a:hover { + color: #f1f1f8; + text-decoration: none; + } + + a.primary { + color: var(--primary-color); + } + + a.white { + color: #fff; + } + + .testimonial-text { + font: italic 400 1rem/1.5rem "Overpass"; + } + + .testimonial-author { + font: 700 1rem/1.5rem "Overpass"; + } + + .btn-solid-reg { + display: inline-block; + padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; + border: 0.125rem solid var(--primary-color); + border-radius: 2rem; + background-color: var(--primary-color); + color: #fff; + font: 700 0.75rem/0 "Overpass"; + text-decoration: none; + transition: all 0.2s ease; + } + + .btn-solid-reg:hover { + background-color: transparent; + color: var(--primary-color); + text-decoration: none; + } + + .btn-solid-lg { + display: inline-block; + padding: 1.375rem 2.625rem 1.375rem 2.625rem; + border: 0.125rem solid var(--primary-color); + border-radius: 2rem; + background-color: var(--primary-color); + color: #fff; + font: 700 0.75rem/0 "Overpass"; + text-decoration: none; + transition: all 0.2s ease; + } + + .btn-solid-lg:hover { + background-color: transparent; + color: var(--primary-color); + text-decoration: none; + } + + .btn-solid-lg .fab, + .btn-solid-lg .fas{ + margin-right: 0.5rem; + font-size: 1.25rem; + line-height: 0; + vertical-align: top; + } + + .btn-solid-lg .fab.fa-google-play { + font-size: 1rem; + } + + .btn-outline-reg { + display: inline-block; + padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; + border: 0.125rem solid var(--primary-color); + border-radius: 2rem; + background-color: transparent; + color: var(--primary-color); + font: 700 0.75rem/0 "Overpass"; + text-decoration: none; + transition: all 0.2s ease; + } + + .btn-outline-reg:hover { + background-color: var(--primary-color); + color: #fff; + text-decoration: none; + } + + .btn-outline-lg { + display: inline-block; + padding: 1.375rem 2.625rem 1.375rem 2.625rem; + border: 0.125rem solid var(--primary-color); + border-radius: 2rem; + background-color: transparent; + color: var(--primary-color); + font: 700 0.75rem/0 "Overpass"; + text-decoration: none; + transition: all 0.2s ease; + } + + .btn-outline-lg:hover { + background-color: var(--primary-color); + color: #fff; + text-decoration: none; + } + + .btn-outline-sm { + display: inline-block; + padding: 1rem 1.625rem 0.875rem 1.625rem; + border: 0.125rem solid var(--primary-color); + border-radius: 2rem; + background-color: transparent; + color: var(--primary-color); + font: 700 0.625rem/0 "Overpass"; + text-decoration: none; + transition: all 0.2s ease; + } + + .btn-outline-sm:hover { + background-color: var(--primary-color); + color: #fff; + text-decoration: none; + } + + .btn-group.download .split-button-action{ + line-height: 10px; + padding-right: 20px; + } + .btn-group.download .split-button-action i{ + position: relative; + top: 4px; + } + .btn-group.download .btn-solid-lg.dropdown-toggle-split { + padding-left: 20px; + padding-right: 30px; + font-size: 150%; + } + + .form-group { + position: relative; + margin-bottom: 1.25rem; + } + + .form-group.has-error.has-danger { + margin-bottom: 0.625rem; + } + + .form-group.has-error.has-danger .help-block.with-errors ul { + margin-top: 0.375rem; + } + + .label-control { + position: absolute; + top: 0.87rem; + left: 1.375rem; + color: #f1f1f8; + opacity: 1; + font: 400 0.875rem/1.375rem "Overpass"; + cursor: text; + transition: all 0.2s ease; + } + + /* IE10+ hack to solve lower label text position compared to the rest of the browsers */ + @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + .label-control { + top: 0.9375rem; + } + } + + .form-control-input:focus + .label-control, + .form-control-input.notEmpty + .label-control, + .form-control-textarea:focus + .label-control, + .form-control-textarea.notEmpty + .label-control { + top: 0.125rem; + opacity: 1; + font-size: 0.75rem; + font-weight: 700; + } + + .form-control-input, + .form-control-select { + display: block; /* needed for proper display of the label in Firefox, IE, Edge */ + width: 100%; + padding-top: 1.0625rem; + padding-bottom: 0.0625rem; + padding-left: 1.3125rem; + border: 1px solid #9791ae; + border-radius: 0.25rem; + background-color: #413d52; + color: #f1f1f8; + font: 400 0.875rem/1.875rem "Overpass"; + transition: all 0.2s ease; + -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */ + } + + .form-control-select { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + height: 3rem; + } + + /* IE10+ hack to solve lower label text position compared to the rest of the browsers */ + @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + .form-control-input { + padding-top: 1.25rem; + padding-bottom: 0.75rem; + line-height: 1.75rem; + } + + .form-control-select { + padding-top: 0.875rem; + padding-bottom: 0.75rem; + height: 3.125rem; + line-height: 2.125rem; + } + } + + select { + /* you should keep these first rules in place to maintain cross-browser behavior */ + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + -o-appearance: none; + appearance: none; + background-image: url('../images/down-arrow.png'); + background-position: 96% 50%; + background-repeat: no-repeat; + outline: none; + } + + select::-ms-expand { + display: none; /* removes the ugly default down arrow on select form field in IE11 */ + } + + .form-control-textarea { + display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */ + width: 100%; + height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */ + padding-top: 1.25rem; + padding-left: 1.3125rem; + border: 1px solid #9791ae; + border-radius: 0.25rem; + background-color: #413d52; + color: #f1f1f8; + font: 400 0.875rem/1.75rem "Overpass"; + transition: all 0.2s ease; + } + + .form-control-input:focus, + .form-control-select:focus, + .form-control-textarea:focus { + border: 1px solid #f1f1f8; + outline: none; /* Removes blue border on focus */ + } + + .form-control-input:hover, + .form-control-select:hover, + .form-control-textarea:hover { + border: 1px solid #f1f1f8; + } + + .checkbox { + font: 400 0.75rem/1.25rem "Overpass"; + } + + input[type='checkbox'] { + vertical-align: -15%; + margin-right: 0.375rem; + } + + /* IE10+ hack to raise checkbox field position compared to the rest of the browsers */ + @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + input[type='checkbox'] { + vertical-align: -9%; + } + } + + .form-control-submit-button { + display: inline-block; + width: 100%; + height: 3.125rem; + border: 1px solid var(--primary-color); + border-radius: 1.5rem; + background-color: var(--primary-color); + color: #fff; + font: 700 0.75rem/1.75rem "Overpass"; + cursor: pointer; + transition: all 0.2s ease; + } + + .form-control-submit-button:hover { + background-color: transparent; + color: var(--primary-color); + } + + /* Form Success And Error Message Formatting */ + #cmsgSubmit.h3.text-center.tada.animated, + #pmsgSubmit.h3.text-center.tada.animated, + #cmsgSubmit.h3.text-center, + #pmsgSubmit.h3.text-center { + display: block; + margin-bottom: 0; + color: #f1f1f8; + font: 400 1.125rem/1rem "Overpass"; + } + + .help-block.with-errors .list-unstyled { + color: #f1f1f8; + font-size: 0.75rem; + line-height: 1.125rem; + text-align: left; + } + + .help-block.with-errors ul { + margin-bottom: 0; + } + /* end of form success and error message formatting */ + + /* Form Success And Error Message Animation - Animate.css */ + @-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + } + + @keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + } + + .tada { + -webkit-animation-name: tada; + animation-name: tada; + } + + .animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + } + /* end of form success and error message animation - Animate.css */ + + /* Fade-move Animation For Lightbox - Magnific Popup */ + /* at start */ + .my-mfp-slide-bottom .zoom-anim-dialog { + opacity: 0; + transition: all 0.2s ease-out; + -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); + -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); + transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); + } + + /* animate in */ + .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { + opacity: 1; + -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); + -ms-transform: translateY(0) perspective(37.5rem) rotateX(0); + transform: translateY(0) perspective(37.5rem) rotateX(0); + } + + /* animate out */ + .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { + opacity: 0; + -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); + -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); + transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); + } + + /* dark overlay, start state */ + .my-mfp-slide-bottom.mfp-bg { + opacity: 0; + transition: opacity 0.2s ease-out; + } + + /* animate in */ + .my-mfp-slide-bottom.mfp-ready.mfp-bg { + opacity: 0.8; + } + /* animate out */ + .my-mfp-slide-bottom.mfp-removing.mfp-bg { + opacity: 0; + } + /* end of fade-move animation for lightbox - magnific popup */ + + /* Fade Animation For Image Slider - Magnific Popup */ + @-webkit-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } + } + + @keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } + } + + .fadeIn { + -webkit-animation: fadeIn 0.6s; + animation: fadeIn 0.6s; + } + + @-webkit-keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } + } + + @keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } + } + + .fadeOut { + -webkit-animation: fadeOut 0.8s; + animation: fadeOut 0.8s; + } + /* end of fade animation for image slider - magnific popup */ + + + /*************************/ + /* 02. Preloader */ + /*************************/ + .spinner-wrapper { + position: fixed; + z-index: 999999; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: var(--light-dark-bg); + } + + .spinner { + position: absolute; + top: 50%; /* centers the loading animation vertically one the screen */ + left: 50%; /* centers the loading animation horizontally one the screen */ + width: 3.75rem; + height: 1.25rem; + margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ + text-align: center; + } + + .spinner > div { + display: inline-block; + width: 1rem; + height: 1rem; + border-radius: 100%; + background-color: #fff; + -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; + animation: sk-bouncedelay 1.4s infinite ease-in-out both; + } + + .spinner .bounce1 { + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; + } + + .spinner .bounce2 { + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; + } + + @-webkit-keyframes sk-bouncedelay { + 0%, 80%, 100% { -webkit-transform: scale(0); } + 40% { -webkit-transform: scale(1.0); } + } + + @keyframes sk-bouncedelay { + 0%, 80%, 100% { + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + } 40% { + -webkit-transform: scale(1.0); + -ms-transform: scale(1.0); + transform: scale(1.0); + } + } + + + /**************************/ + /* 03. Navigation */ + /**************************/ + .fixed-top-above { + position: fixed; + top: 0px; + right: 0; + left: 0; + z-index: 1030; + background-color: black; + color: white; + z-index: 1200; + .dropdown { + background-color: transparent; + height: 30px; + .dropdown-toggle { + background-color: transparent; + color: white; + font-size: 14px; + border: black; + float: right; + margin-right: 5rem; + padding-top: 10px; + } + .dropdown-menu { + z-index: 1200; + right: 5rem; + left: auto !important; + top: 30px !important; + border: 1px solid #1AAAFF; + border-radius: 0px; + max-width: 170px; + transform: none !important; + will-change: unset !important; + padding-top: 24px; + padding-bottom: 24px; + p, img { + display: inline; + } + img { + width: 25px; + } + .dropdown-item { + background-image: none; + &:hover { + cursor: pointer; + p { + text-decoration: underline; + } + } + } + .dropdown-item:first-of-type { + margin-bottom: 16px; + } + } + } + } + + + .navbar-custom { + background-color: var(--navbar-color); + box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); + font: 700 16px "Overpass"; + transition: all 0.2s ease; + border-bottom: 1px solid #394867; + } + + .navbar-custom .navbar-brand { + text-decoration: none; + font-size: 12px; + padding-top: 0px; + background-image: none; + } + + .navbar-custom .navbar-brand span { + opacity: 0.5; + } - /* Download */ - .basic-4 .text-container { - margin-top: 5rem; - } + .navbar-custom .navbar-brand p { + font-size: 14px; + margin-bottom: 0px; + display: inline; + } + + .navbar-custom .navbar-brand img { + height: auto; + max-width: 87px; + display: inline; + margin-bottom: 10px; + margin-right: 24px; + backface-visibility: hidden; + } + + .navbar-custom .navbar-brand.logo-text { + font: 700 2.375rem/1.5rem "Overpass"; + color: #fff; + letter-spacing: -0.5px; + text-decoration: none; + } + + .navbar-custom .navbar-nav { + margin-top: 0.75rem; + } - .basic-4 .image-container { - margin-left: 3rem; + .navbar-custom .nav-item { + padding-top : 5px; + } + + .navbar-custom .nav-item .nav-link { + padding: 0 0.75rem 0 0.75rem; + color: #fff; + text-decoration: none; + transition: all 0.2s ease; + border: 1px solid transparent; + background-image: none; + } + + .navbar-custom .nav-item .nav-link:hover, + .navbar-custom .nav-item .nav-link.active { + color: var(--primary-color); + } + + /* Dropdown Menu */ + .navbar-custom .dropdown:hover > .dropdown-menu { + display: block; /* this makes the dropdown menu stay open while hovering it */ + min-width: auto; + animation: fadeDropdown 0.2s; /* required for the fade animation */ + } + + @keyframes fadeDropdown { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } + } + + .navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus */ + outline: 0; + } + + .navbar-custom .dropdown-menu { + margin-top: 0; + border: none; + border-radius: 0.25rem; + background-color: var(--navbar-color); + } + + .navbar-custom .dropdown-item { + color: #fff; + text-decoration: none; + } + + .navbar-custom .dropdown-item:hover { + background-color: var(--navbar-color); + } + + .navbar-custom .dropdown-item .item-text { + font: 700 0.75rem/1.5rem "Overpass"; + } + + .navbar-custom .dropdown-item:hover .item-text { + color: var(--primary-color); + } + + .navbar-custom .dropdown-items-divide-hr { + width: 100%; + height: 1px; + margin: 0.25rem auto 0.25rem auto; + border: none; + background-color: #b5bcc4; + opacity: 0.2; + } + /* end of dropdown menu */ + + .navbar-custom .social-icons { + display: none; + } + + .navbar-custom .navbar-toggler { + border: none; + color: #fff; + font-size: 2rem; + } + + .navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{ + display: none; + } + + .navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{ + display: inline-block; + } + + .navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{ + display: none; + } + + .navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{ + display: inline-block; + margin-right: 0.125rem; + } + + + /*********************/ + /* 04. Header */ + /*********************/ + .header { + position: relative; + background: linear-gradient(90deg, black 50%, var(--primary-color) 50%); + overflow: hidden; + @media(max-width: 992px) { + background: linear-gradient(180deg, black 50%, var(--primary-color) 50%); + .header-content { + padding-top: 9rem !important; + padding-bottom: 2rem !important; + } + h1 { + font-size: 40px !important; + } + .blue-col { + padding-top: 3rem; + } } - /* end of download */ - + } + + .header #particles{ + position: absolute; + width: 100%; + height: 100%; + } + + .header .header-content { + padding-top: 2rem; + padding-bottom: 6rem; + } + + .header .text-container { + margin-bottom: 3rem; + } + + .header h1 { + margin-bottom: 2rem; + font-size: 70px; + height: 17rem; + line-height: 70.4px; + } + + .header #js-rotating { + color: var(--primary-color); + min-height: 157.5px; + } + + .header .p-large { + margin-bottom: 2rem; + } + + .header .btn-solid-lg { + margin-bottom: 1.25rem; + } + + .header .release-notes{ + position: relative; + left: 10px; + } + + .header .supported-os-icon { + position: relative; + top: 5px; + font-size: 30px; + margin-left: 10px; + color: rgba(255,255,255,0.5); + } - /* Footer */ - .footer .footer-col { - width: 90%; + .header .blue-col { + p { + color: black; } - - .footer .footer-col.middle { - margin-right: auto; - margin-left: auto; + a { + color: black; + background-image: linear-gradient(transparent calc(100% - 0.08rem), black 2px); } + } - .footer .footer-col.last { - margin-right: 0; - margin-left: auto; + .header .terminal { + background-color: black; + padding: 24px; + margin-bottom: 32px; + code { + color: white; } - /* end of footer */ - - - /* Extra Pages */ - .ex-header h1 { - width: 60%; - margin-right: auto; - margin-left: auto; + } + + /****************************/ + /* 05. Testimonials */ + /****************************/ + .slider-1 { + padding-top: 6.875rem; + padding-bottom: 6.375rem; + background: var(--dark-bg); + } + + .slider-1 .slider-container { + position: relative; + } + + .slider-1 .swiper-container { + position: static; + width: 90%; + text-align: center; + } + + .slider-1 .swiper-button-prev:focus, + .slider-1 .swiper-button-next:focus { + /* even if you can't see it chrome you can see it on mobile device */ + outline: none; + } + + .slider-1 .swiper-button-prev { + left: -0.5rem; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E"); + background-size: 1.125rem 1.75rem; + } + + .slider-1 .swiper-button-next { + right: -0.5rem; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E"); + background-size: 1.125rem 1.75rem; + } + + .slider-1 .card { + position: relative; + border: none; + background-color: transparent; + } + + .slider-1 .card-image { + width: 6rem; + height: 6rem; + margin-right: auto; + margin-bottom: 0.25rem; + margin-left: auto; + border-radius: 50%; + } + + .slider-1 .card-body { + padding-bottom: 0; + } + + .slider-1 .testimonial-author { + margin-bottom: 0; + } + + + /************************/ + /* 05. Features */ + /************************/ + #features { + h2 { + font-size: 40px; } + } + .tabs { + padding-top: 6.5rem; + padding-bottom: 4.25rem; + background: var(--light-dark-bg); + } + + .tabs h2 { + margin-bottom: 1.125rem; + text-align: center; + } + + .tabs .p-heading { + margin-bottom: 3.125rem; + } + + .tabs .nav-tabs { + margin-right: auto; + margin-bottom: 2.5rem; + margin-left: auto; + justify-content: center; + border-bottom: none; + } + + .tabs .nav-link { + margin-bottom: 1rem; + padding: 0.5rem 1.375rem 0.25rem 1.375rem; + border: none; + border-bottom: 0.1875rem solid #f1f1f8; + border-radius: 0; + color: #f1f1f8; + font: 700 1rem/1.75rem "Overpass"; + text-decoration: none; + transition: all 0.2s ease; + } + + .tabs .nav-link.active, + .tabs .nav-link:hover { + border-bottom: 0.1875rem solid var(--primary-color); + background-color: transparent; + color: var(--primary-color); + } + + .tabs .nav-link .fas { + margin-right: 0.375rem; + font-size: 1rem; + } + + .tabs .tab-content { + width: 100%; /* for proper display in IE11 */ + } + + .tabs .card { + border: none; + background: transparent; + } + + .tabs .card-body { + padding: 1rem 0 1.25rem 0; + } + + .tabs .card-title { + margin-bottom: 0.5rem; + } + + .tabs .card .card-icon { + display: inline-block; + width: 3.5rem; + height: 3.5rem; + border-radius: 50%; + background-color: var(--primary-color); + text-align: center; + vertical-align: top; + } + + .tabs .card .card-icon .fas, + .tabs .card .card-icon .far { + color: #fff; + font-size: 1.75rem; + line-height: 3.5rem; + } + + .tabs #tab-1 .card.left-pane .text-wrapper { + display: inline-block; + width: 75%; + } + + .tabs #tab-1 .card.left-pane .card-icon { + float: left; + margin-right: 1rem; + } + + .tabs #tab-1 img { + display: block; + margin: 2rem auto 3rem auto; + } + + .tabs #tab-1 .card.right-pane .text-wrapper { + display: inline-block; + width: 75%; + } + + .tabs #tab-1 .card.right-pane .card-icon { + margin-right: 1rem; + } + + .tabs #tab-2 img { + display: block; + margin: 0 auto 2rem auto; + } + + .tabs #tab-2 .text-area { + margin-top: 1.5rem; + } + + .tabs #tab-2 h3 { + margin-bottom: 0.75rem; + } + + .tabs #tab-2 .icon-cards-area { + margin-top: 2.5rem; + } + + .tabs #tab-2 .icon-cards-area .card { + width: 100%; /* for proper display in IE11 */ + } + + .tabs #tab-3 .icon-cards-area .card { + width: 100%; /* for proper display in IE11 */ + } + + .tabs #tab-3 .text-area { + margin-top: 0.75rem; + margin-bottom: 4rem; + } + + .tabs #tab-3 h3 { + margin-bottom: 0.75rem; + } + + .tabs #tab-3 img { + margin: 0 auto 3rem auto; + } + + + /*********************/ + /* 06. Video */ + /*********************/ + .basic-1 { + padding-top: 120px; + padding-bottom: 120px; + background: linear-gradient(104deg, #000 25%, #32343B 67.88%); + } + + .basic-1 h2 { + margin-bottom: 1.125rem; + text-align: center; + font-size: 40px; + } + + .basic-1 .p-heading { + margin-bottom: 4rem; + text-align: center; + } + + .basic-1 .image-container img { + border-radius: 0.375rem; + } + + .basic-1 .video-wrapper { + position: relative; + text-align: center; + } + + /* Video Play Button */ + .basic-1 .video-play-button { + position: absolute; + z-index: 10; + top: 50%; + left: 50%; + display: block; + box-sizing: content-box; + width: 2rem; + height: 2.75rem; + padding: 1.125rem 1.25rem 1.125rem 1.75rem; + border-radius: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + } + + .basic-1 .video-play-button:before { + content: ""; + position: absolute; + z-index: 0; + top: 50%; + left: 50%; + display: block; + width: 4.75rem; + height: 4.75rem; + border-radius: 50%; + background: #4eaaff; + animation: pulse-border 1500ms ease-out infinite; + -webkit-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + } + + .basic-1 .video-play-button:after { + content: ""; + position: absolute; + z-index: 1; + top: 50%; + left: 50%; + display: block; + width: 4.375rem; + height: 4.375rem; + border-radius: 50%; + background: #4eaaff; + transition: all 200ms; + -webkit-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + } + + .basic-1 .video-play-button span { + position: relative; + display: block; + z-index: 3; + top: 0.375rem; + left: 0.25rem; + width: 0; + height: 0; + border-left: 1.625rem solid #fff; + border-top: 1rem solid transparent; + border-bottom: 1rem solid transparent; + } + + @keyframes pulse-border { + 0% { + transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); + opacity: 1; + } + 100% { + transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); + opacity: 0; + } + } + /* end of video play button */ + + + /*************************/ + /* 07. Details 1 */ + /*************************/ + .basic-3 { + padding-top: 120px; + padding-bottom: 80px; + background: linear-gradient(104deg, #000 25%, #32343B 67.88%); + } + + .basic-3 h2{ + margin-bottom: 1.125rem; + text-align: center; + } + + .basic-3 .text-container { + margin-bottom: 3.5rem; + } + + .basic-3 h3 { + margin-bottom: 1.125rem; + } + + .basic-3 p{ + font-size: 16px; + } + + .basic-3 .btn-solid-reg { + margin-top: 0.5rem; + } - .ex-basic-2 .form-container { - margin-left: 1.75rem; + .basic-3 img { + @media(max-width: 992px) { + max-width: 80vw; } + } + + .basic-3 .feature{ + padding: 40px 0; + } - .ex-basic-2 .image-container-small { - margin-left: 1.75rem; + .basic-3 hr { + width: 70%; + border-top: 1px solid #B3B6C3; + margin-top: 0px; + margin-bottom: 0px; + @media(max-width: 768px) { + width: 100%; } - /* end of extra pages */ -} -/* end of min-width width 1200px */ - -/**************************/ -/* PREQ Form */ -/**************************/ - -.preq-form{ - background: var(--hyper-dark-bg-reverse); - padding-top: 6rem; - padding-bottom: 6rem; - border-top: 1px solid #f1f1f812; - border-bottom: 1px solid #f1f1f812; -} - -.preq-form-iframe{ - height: 1675px; -} - -@media (min-width: 440px) { - - .preq-form-iframe{ - height: 1031px; + } + + .basic-3 .feature:last-of-type { + border-bottom: none; + } + + .basic-3 .feature .feature-title{ + text-align: right; + } + .basic-3 .source-code .feature-title { + @media(max-width: 768px) { + text-align: left; + margin-bottom: 12px; } + } -} - -@media (min-width: 768px) { - - .preq-form-iframe{ - height: 963px; - } + + .basic-3 .feature .feature-title .name{ + font-weight: 800; + color: white; + } + + .basic-3 .feature .feature-value ul{ + margin: 0; + padding: 0; + list-style-type: none; + } + + .basic-3 .feature .feature-value ul li.label-value{ + text-decoration: underline; + margin-top: 20px; + } -} + .basic-3 .feature .feature-value ul li{ + margin-bottom: 8px; + } -@media (min-width: 992px) { + .basic-3 .feature .feature-value ul li .value{ + line-height: 1.4; + } - .preq-form-iframe{ - height: 963px; + .basic-3 .feature .feature-value ul li:last-of-type{ + margin-bottom: 0px; + } + + .basic-3 .feature .feature-value ul li.label-value:first-of-type{ + margin-top:0; + } + + /**********************************/ + /* 09. Details Lightboxes */ + /**********************************/ + .lightbox-basic { + position: relative; + max-width: 46.875rem; + margin: 2.5rem auto; + padding: 3rem 1rem; + border-radius: 0.25rem; + background: var(--light-dark-bg); + text-align: left; + } + + .lightbox-basic img { + display: block; + margin-right: auto; + margin-bottom: 3rem; + margin-left: auto; + } + + .lightbox-basic h3 { + margin-bottom: 0.625rem; + } + + .lightbox-basic hr { + width: 3.75rem; + height: 0.125rem; + margin-top: 0.125rem; + margin-bottom: 1.125rem; + margin-left: 0; + border: 0; + background-color: var(--primary-color); + text-align: left; + } + + .lightbox-basic h4 { + margin-top: 1.75rem; + margin-bottom: 0.75rem; + } + + .lightbox-basic table { + margin-top: 1rem; + margin-bottom: 1.5rem; + } + + .lightbox-basic table tr { + line-height: 1.75em; + } + + .lightbox-basic table .icon-cell { + width: 2rem; + padding-right: 0.25rem; + color: var(--primary-color); + text-align: center; + } + + .lightbox-basic a.mfp-close.as-button { + position: relative; + width: auto; + height: auto; + margin-left: 0.375rem; + color: var(--primary-color); + opacity: 1; + } + + .lightbox-basic a.mfp-close.as-button:hover { + color: #f1f1f8; + } + + .lightbox-basic button.mfp-close.x-button { + position: absolute; + top: -0.375rem; + right: -0.375rem; + width: 2.75rem; + height: 2.75rem; + color: #f1f1f8; + } + + + /***************************/ + /* 10. Screenshots */ + /***************************/ + .slider-2 { + padding-top: 6.875rem; + padding-bottom: 6.875rem; + background: var(--light-dark-bg); + } + + .slider-2 .slider-container { + position: relative; + } + + .slider-2 .swiper-container { + position: static; + width: 90%; + text-align: center; + } + + .slider-2 .swiper-button-prev, + .slider-2 .swiper-button-next { + top: 50%; + width: 1.125rem; + } + + .slider-2 .swiper-button-prev:focus, + .slider-2 .swiper-button-next:focus { + /* even if you can't see it chrome you can see it on mobile device */ + outline: none; + } + + .slider-2 .swiper-button-prev { + left: -0.5rem; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); + background-size: 1.125rem 1.75rem; + } + + .slider-2 .swiper-button-next { + right: -0.5rem; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); + background-size: 1.125rem 1.75rem; + } + + + /************************/ + /* 11. Download */ + /************************/ + .basic-4 { + padding-top: 40px; + padding-bottom: 40px; + background: var(--primary-color); + h2, img { + display: inline; + } + } + + .basic-4 .text-container { + text-align: center; + padding: 0px; + } + + .basic-4 h2 { + font-size: 24px; + color: black + } + + .basic-4 .p-large { + margin-bottom: 1.75rem; + } + + .basic-4 .btn-solid-lg { + margin-bottom: 1.25rem; + } + + .basic-4 .release-notes{ + position: relative; + left: 10px; + } + + .basic-4 .supported-os-icon { + position: relative; + top: 5px; + font-size: 30px; + margin-left: 10px; + color: rgba(255,255,255,0.5); + } + + .basic-4 .image-caption{ + text-align: center; + margin: 10px; + } + + /**************************/ + /* 12. Overview */ + /**************************/ + .overview { + padding-top: 120px; + padding-bottom: 120px; + background: linear-gradient(104deg, #000 25%, #32343B 67.88%); + text-align: left; + } + + .overview p{ + color: white; + } + + /**************************/ + /* 12. Statistics */ + /**************************/ + .counter { + padding-top: 6.5rem; + padding-bottom: 5.375rem; + background: var(--dark-bg); + text-align: center; + } + + .counter #counter .cell { + position: relative; + display: inline-block; + width: 7rem; + margin-right: 1rem; + margin-left: 1rem; + margin-bottom: 2rem; + } + + .counter #counter .unit { + position: absolute; + right: 0; + bottom: 26px; + font-weight: 700; + font-size: 20px; + } + + .counter #counter .counter-value { + font: 700 2.5rem/2.25rem "Overpass"; + } + + .counter #counter .counter-value a { + color: #f1f1f8; + font: 700 3.5rem/4.25rem "Overpass"; + vertical-align: middle; + } + + .counter #counter .counter-info, + .counter #counter .counter-info a { + margin-bottom: 0; + color: var(--primary-color); + font: 400 0.875rem/1.25rem "Overpass"; + vertical-align: middle; + text-decoration: none; + } + + + /***********************/ + /* 13. Contact */ + /***********************/ + .form { + padding-top: 6.25rem; + padding-bottom: 5.625rem; + background: url('../images/contact-background.jpg') center bottom no-repeat; + background-size: cover; + } + + .form h2 { + margin-bottom: 1.125rem; + text-align: center; + } + + .form .list-unstyled { + margin-bottom: 3.75rem; + font-size: 1rem; + line-height: 1.5rem; + text-align: center; + } + + .form .list-unstyled .fas, + .form .list-unstyled .fab { + margin-right: 0.5rem; + font-size: 0.875rem; + color: var(--primary-color); + } + + .form .list-unstyled .fa-phone { + vertical-align: 3%; + } + + + /**********************/ + /* 14. Footer */ + /**********************/ + .footer { + padding-top: 120px; + background: black; + ul { + padding-inline-start: 15px; + } + } + + .footer .footer-col { + margin-bottom: 2.25rem; + } + + .footer h4 { + margin-bottom: 1rem; + } + + .footer .list-unstyled .fas { + color: var(--primary-color); + font-size: 0.5rem; + line-height: 1.375rem; + } + + .footer .media { + display: list-item; + margin-bottom: 8px; + } + + .footer .media-body { + margin-left: 0.625rem; + } + + .footer .fa-stack { + margin-bottom: 0.75rem; + margin-right: 0.5rem; + font-size: 1.5rem; + } + + .footer .fa-stack .fa-stack-1x { + color: #1b1a1e; + transition: all 0.2s ease; + } + + .footer .fa-stack .fa-stack-2x { + color: var(--primary-color); + transition: all 0.2s ease; + } + + .footer .fa-stack:hover .fa-stack-1x { + color: var(--primary-color); + } + + .footer .fa-stack:hover .fa-stack-2x { + color: white; + } + + + /*************************/ + /* 15. Copyright */ + /*************************/ + .copyright { + padding-top: 1rem; + padding-bottom: 120px; + background: black; + text-align: center; + } + + .copyright .p-small { + color: #f1f1f8; + opacity: 0.6; + } + + + /**********************************/ + /* 16. Back To Top Button */ + /**********************************/ + a.back-to-top { + position: fixed; + z-index: 999; + right: 0.75rem; + bottom: 0.75rem; + display: none; + width: 2.625rem; + height: 2.625rem; + border-radius: 1.875rem; + background: var(--primary-color) url("../images/up-arrow.png") no-repeat center 47%; + background-size: 1.125rem 1.125rem; + text-indent: -9999px; + } + + a:hover.back-to-top { + background-color: var(--primary-color-lighten); + } + + + /***************************/ + /* 17. Extra Pages */ + /***************************/ + .ex-header { + padding-top: 8rem; + padding-bottom: 5rem; + background: linear-gradient(to bottom right, #2c1a7e, #5557db); + text-align: center; + } + + .ex-basic-1 { + padding-top: 2rem; + padding-bottom: 0.875rem; + background: var(--light-dark-bg); + } + + .ex-basic-1 .breadcrumbs { + margin-bottom: 1.125rem; + } + + .ex-basic-1 .breadcrumbs .fa { + margin-right: 0.5rem; + margin-left: 0.625rem; + } + + .ex-basic-2 { + padding-top: 4.75rem; + padding-bottom: 4rem; + background: var(--dark-bg); + } + + .ex-basic-2 h3 { + margin-bottom: 1rem; + } + + .ex-basic-2 .text-container { + margin-bottom: 3.625rem; + } + + .ex-basic-2 .text-container.last { + margin-bottom: 0; + } + + .ex-basic-2 .list-unstyled .fas { + color: var(--primary-color); + font-size: 0.5rem; + line-height: 1.375rem; + } + + .ex-basic-2 .list-unstyled .media-body { + margin-left: 0.625rem; + } + + .ex-basic-2 .btn-outline-reg { + margin-top: 1.75rem; + } + + .ex-basic-2 .image-container-large { + margin-bottom: 4rem; + } + + .ex-basic-2 .image-container-large img { + border-radius: 0.25rem; + } + + .ex-basic-2 .image-container-small img { + border-radius: 0.25rem; + } + + .ex-basic-2 .text-container.dark-bg { + padding: 1.625rem 1.5rem 0.75rem 2rem; + background-color: #f9fafc; + } + + + /*****************************/ + /* 18. Media Queries */ + /*****************************/ + /* Min-width width 768px */ + @media (min-width: 768px) { + + /* General Styles */ + .p-heading { + width: 85%; + margin-right: auto; + margin-left: auto; + } + + h1 { + font: 700 3.25rem/3.75rem "Overpass"; + } + /* end of general styles */ + + + /* Navigation */ + .navbar-custom { + /* padding: 2.125rem 1.5rem 2.125rem 2rem; */ + box-shadow: none; + /* background: transparent; */ + } + + .navbar-custom .navbar-brand.logo-text { + color: #fff; + } + + .navbar-custom .navbar-nav { + margin-top: 0; + } + + .navbar-custom .nav-item .nav-link { + padding: 0.25rem 0.75rem 0.25rem 0.75rem; + color: #fff; + + } + + .navbar-custom .nav-item .nav-link:hover, + .navbar-custom .nav-item .nav-link.active { + color: var(--primary-color); + } + + .navbar-custom.top-nav-collapse { + padding: 0px 1.5rem 0.5rem 2rem; + box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); + background-color: var(--navbar-color); + } + + .navbar-custom.top-nav-collapse .navbar-brand.logo-text { + color: #fff; + } + + .navbar-custom.top-nav-collapse .nav-item .nav-link { + color: #fff; + } + + .navbar-custom.top-nav-collapse .nav-item .nav-link:hover, + .navbar-custom.top-nav-collapse .nav-item .nav-link.active { + color: var(--primary-color); + } + + .navbar-custom .dropdown-menu { + box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03); + } + + .navbar-custom .dropdown-item { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + + .navbar-custom .dropdown-items-divide-hr { + width: 84%; + } + /* end of navigation */ + + + /* Header */ + .header .header-content { + /* padding-top: 11rem; */ + } + /* end of header */ + + + /* Testimonials */ + .slider-1 .swiper-button-prev { + left: 1rem; + width: 1.375rem; + background-size: 1.375rem 2.125rem; + } + + .slider-1 .swiper-button-next { + right: 1rem; + width: 1.375rem; + background-size: 1.375rem 2.125rem; + } + /* end of testimonials */ + + + /* Features */ + .tabs .card .card-icon { + width: 4.5rem; + height: 4.5rem; + } + + .tabs .card .card-icon .fas, + .tabs .card .card-icon .far { + font-size: 2.25rem; + line-height: 4.5rem; + } + + .tabs #tab-1 .card.left-pane .text-wrapper { + width: 85%; + } + + .tabs #tab-2 img { + margin-bottom: 0; + } + + .tabs #tab-2 .text-area { + margin-top: 0; + } + + .tabs #tab-2 .icon-cards-area .card { + display: inline-block; + width: 44%; + margin-right: 2.5rem; + vertical-align: top; + } + + .tabs #tab-2 div.card:nth-child(2n+2) { + margin-right: 0; + } + + .tabs #tab-3 .text-area { + margin-bottom: 0; + } + + .tabs #tab-3 .icon-cards-area .card { + display: inline-block; + width: 44%; + margin-right: 2.5rem; + vertical-align: top; + } + + .tabs #tab-3 div.card:nth-child(2n+2) { + margin-right: 0; + } + + .tabs #tab-3 img { + margin-bottom: 0; + } + /* end of features */ + + + /* Details Lightboxes */ + .lightbox-basic { + padding: 3rem 3rem; + } + /* end of details lightboxes */ + + + /* Screenshots */ + .slider-2 .swiper-button-prev { + width: 1.375rem; + background-size: 1.375rem 2.125rem; + } + + .slider-2 .swiper-button-next { + width: 1.375rem; + background-size: 1.375rem 2.125rem; + } + /* end of screenshots */ + + + /* Contact */ + .form .list-unstyled li { + display: inline-block; + margin-right: 0.5rem; + margin-left: 0.5rem; + } + + .form .list-unstyled .address { + display: block; + } + /* end of contact */ + + + /* Extra Pages */ + .ex-header { + padding-top: 11rem; + padding-bottom: 9rem; + } + + .ex-basic-2 .text-container.dark { + padding: 2.5rem 3rem 2rem 3rem; + } + + .ex-basic-2 .text-container.column { + width: 90%; + margin-right: auto; + margin-left: auto; + } + /* end of extra pages */ + + .counter #counter .cell { + width: 8rem; + margin-right: 2.5rem; + margin-left: 2.5rem; } - -} - -@media (min-width: 1200px) { - - .preq-form-iframe{ - height: 946px; + + .counter #counter .counter-value { + font: 700 3.25rem/3.5rem "Overpass"; } - -} \ No newline at end of file + } + /* end of min-width width 768px */ + + + /* Min-width width 992px */ + @media (min-width: 992px) { + + /* Navigation */ + .navbar-custom .social-icons { + display: block; + margin-left: 0.5rem; + } + + .navbar-custom .fa-stack { + margin-bottom: 0.1875rem; + margin-left: 0.375rem; + font-size: 1rem; + } + + .navbar-custom .fa-stack-2x { + color: var(--primary-color); + transition: all 0.2s ease; + } + + .navbar-custom .fa-stack-1x { + color: black; + transition: all 0.2s ease; + } + + .navbar-custom .fa-stack:hover .fa-stack-2x { + color: #fff; + } + + .navbar-custom .fa-stack:hover .fa-stack-1x { + color: var(--primary-color); + } + /* end of navigation */ + + + /* General Styles */ + .p-heading { + width: 65%; + } + /* end of general styles */ + + + /* Header */ + .header .header-content { + /* padding-top: 13rem; + padding-bottom: 10rem; */ + text-align: left; + } + + .header .text-container { + margin-top: 6.5rem; + } + /* end of header */ + + + /* Features */ + .tabs .card-body { + padding: 1rem 0 1.5rem 0; + } + + .tabs #tab-1 .card.left-pane { + text-align: right; + } + + .tabs #tab-1 .card.left-pane .text-wrapper, + .tabs #tab-1 .card.right-pane .text-wrapper { + width: 68%; + } + + .tabs #tab-1 .card.left-pane .card-icon { + float: none; + margin-right: 0; + margin-left: 1rem; + } + + .tabs #tab-1 img { + margin-top: 0; + margin-bottom: 0; + } + + .tabs #tab-2 .icon-cards-area { + margin-top: 2.25rem; + } + + .tabs #tab-2 .icon-cards-area .card { + width: 45%; + margin-right: 3.5rem; + } + + .tabs #tab-2 .icon-cards-area .card p { + margin-bottom: 0.5rem; + } + + .tabs #tab-3 .icon-cards-area .card { + width: 45%; + margin-right: 3.5rem; + } + + .tabs #tab-3 .icon-cards-area .card p { + margin-bottom: 0.5rem; + } + /* end of features */ + + + /* Video */ + .basic-1 .image-container { + max-width: 53.125rem; + margin-right: auto; + margin-left: auto; + } + /* end of video */ + + + /* Details 1 */ + .basic-2 img { + margin-bottom: 0; + } + + .basic-2 .text-container { + margin-top: 2.625rem; + } + /* end of details 1 */ + + + /* Details 2 */ + .basic-3 .text-container { + margin-top: 2.5rem; + margin-bottom: 0; + } + /* end of details 2 */ + + + /* Details Lightboxes */ + .lightbox-basic img { + margin-bottom: 0; + margin-left: 0; + } + + .lightbox-basic h3 { + margin-top: 0.25rem; + } + /* end of details lightboxes */ + + + /* Screenshots */ + .slider-2 .swiper-container { + width: 92%; + } + /* end of screenshots */ + + /* Statistics */ + .counter { + padding-top: 6rem; + padding-bottom: 4.5rem; + } + + .counter #counter .cell { + width: 10rem; + margin-right: 2.5rem; + margin-left: 2.5rem; + } + + .counter #counter .counter-value { + font: 700 4.25rem/4.5rem "Overpass"; + } + /* end of statistics */ + + + /* Extra Pages */ + .ex-header h1 { + width: 80%; + margin-right: auto; + margin-left: auto; + } + + .ex-basic-2 { + padding-bottom: 5rem; + } + + .ex-basic-2 .text-container.column { + margin-bottom: 0; + } + /* end of extra pages */ + } + /* end of min-width width 992px */ + + + /* Min-width width 1200px */ + @media (min-width: 1200px) { + + /* Navigation */ + .navbar-custom { + /* padding: 2.125rem 5rem 2.125rem 5rem; */ + } + + .navbar-custom.top-nav-collapse { + padding: 0px 5rem 0.5rem 5rem; + } + /* end of navigation */ + + + /* General Styles */ + .p-heading { + width: 44%; + } + /* end of general styles */ + + + /* Header */ + .header .text-container { + margin-top: 7.5rem; + margin-left: 2.5rem; + } + + .header .image-container { + margin-left: 3rem; + } + /* end of header */ + + + /* Features */ + .tabs { + padding-bottom: 6.5rem; + } + + .tabs #tab-1 .card.first { + margin-top: 4.25rem; + } + + .tabs #tab-1 .card { + margin-bottom: 0.75rem; + } + + .tabs #tab-1 .card.left-pane .text-wrapper, + .tabs #tab-1 .card.right-pane .text-wrapper { + width: 73%; + } + + .tabs #tab-1 img { + margin-top: 0; + } + + .tabs #tab-2 .container { + padding-right: 2.5rem; + padding-left: 2.5rem; + } + + .tabs #tab-2 .text-area { + margin-top: 1.5rem; + margin-right: 1rem; + margin-left: 1rem; + } + + .tabs #tab-2 .icon-cards-area { + margin-right: 1rem; + margin-left: 1rem; + } + + .tabs #tab-2 .icon-cards-area .card { + margin-right: 3.875rem; + } + + .tabs #tab-3 .container { + padding-right: 2.5rem; + padding-left: 2.5rem; + } + + .tabs #tab-3 .icon-cards-area { + margin-top: 2rem; + margin-left: 1rem; + } + + .tabs #tab-3 .icon-cards-area .card { + margin-right: 3.875rem; + } + + .tabs #tab-3 .text-area { + margin-right: 1.5rem; + margin-left: 1rem; + } + /* end of features */ + + + /* Details 1 */ + .basic-2 .text-container { + margin-top: 4.5rem; + margin-left: 4rem; + margin-right: 1.5rem; + } + /* end of details 1 */ + + + /* Details 2 */ + .basic-3 .text-container { + margin-top: 4.5rem; + margin-right: 3.5rem; + margin-left: 2rem; + } + /* end of details 2 */ + + /* Footer */ + .footer .footer-col { + width: 90%; + } + + .footer .footer-col.middle { + margin-right: auto; + margin-left: auto; + } + + .footer .footer-col.last { + margin-right: 0; + margin-left: auto; + } + /* end of footer */ + + + /* Extra Pages */ + .ex-header h1 { + width: 60%; + margin-right: auto; + margin-left: auto; + } + + .ex-basic-2 .form-container { + margin-left: 1.75rem; + } + + .ex-basic-2 .image-container-small { + margin-left: 1.75rem; + } + /* end of extra pages */ + } + /* end of min-width width 1200px */ + + /**************************/ + /* PREQ Form */ + /**************************/ + + .preq-form{ + background: var(--hyper-dark-bg-reverse); + padding-top: 6rem; + padding-bottom: 6rem; + border-top: 1px solid #f1f1f812; + border-bottom: 1px solid #f1f1f812; + } + + .preq-form-iframe{ + height: 1675px; + } + + @media (min-width: 440px) { + + .preq-form-iframe{ + height: 1031px; + } + + } + + @media (min-width: 768px) { + + .preq-form-iframe{ + height: 963px; + } + + } + + @media (min-width: 992px) { + + .preq-form-iframe{ + height: 963px; + } + + } + + @media (min-width: 1200px) { + + .preq-form-iframe{ + height: 946px; + } + + } \ No newline at end of file diff --git a/images/K0s-logo-full-color.png b/images/K0s-logo-full-color.png new file mode 100644 index 0000000..a176f40 Binary files /dev/null and b/images/K0s-logo-full-color.png differ diff --git a/images/mirantis-logo-horizontal-inverted-one-color.svg b/images/mirantis-logo-horizontal-inverted-one-color.svg new file mode 100644 index 0000000..573c1b7 --- /dev/null +++ b/images/mirantis-logo-horizontal-inverted-one-color.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/index.html b/index.html index 55a5070..c835c40 100644 --- a/index.html +++ b/index.html @@ -19,8 +19,9 @@ - - + + @@ -70,10 +71,35 @@ + +
+
+ +
+ +

k0smotron

+ + +

Lagoon

+ +
+
+
+ + +