/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.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% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\F26E"; }

.fa-accessible-icon:before {
  content: "\F368"; }

.fa-accusoft:before {
  content: "\F369"; }

.fa-acquisitions-incorporated:before {
  content: "\F6AF"; }

.fa-ad:before {
  content: "\F641"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-card:before {
  content: "\F2BB"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-adn:before {
  content: "\F170"; }

.fa-adobe:before {
  content: "\F778"; }

.fa-adversal:before {
  content: "\F36A"; }

.fa-affiliatetheme:before {
  content: "\F36B"; }

.fa-air-freshener:before {
  content: "\F5D0"; }

.fa-airbnb:before {
  content: "\F834"; }

.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-alipay:before {
  content: "\F642"; }

.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-angry:before {
  content: "\F556"; }

.fa-angrycreative:before {
  content: "\F36E"; }

.fa-angular:before {
  content: "\F420"; }

.fa-ankh:before {
  content: "\F644"; }

.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-alt:before {
  content: "\F5D1"; }

.fa-apple-pay:before {
  content: "\F415"; }

.fa-archive:before {
  content: "\F187"; }

.fa-archway:before {
  content: "\F557"; }

.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-artstation:before {
  content: "\F77A"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-asymmetrik:before {
  content: "\F372"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-atlas:before {
  content: "\F558"; }

.fa-atlassian:before {
  content: "\F77B"; }

.fa-atom:before {
  content: "\F5D2"; }

.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-award:before {
  content: "\F559"; }

.fa-aws:before {
  content: "\F375"; }

.fa-baby:before {
  content: "\F77C"; }

.fa-baby-carriage:before {
  content: "\F77D"; }

.fa-backspace:before {
  content: "\F55A"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-bacon:before {
  content: "\F7E5"; }

.fa-bahai:before {
  content: "\F666"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-balance-scale-left:before {
  content: "\F515"; }

.fa-balance-scale-right:before {
  content: "\F516"; }

.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-battle-net:before {
  content: "\F835"; }

.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-bezier-curve:before {
  content: "\F55B"; }

.fa-bible:before {
  content: "\F647"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-biking:before {
  content: "\F84A"; }

.fa-bimobject:before {
  content: "\F378"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-biohazard:before {
  content: "\F780"; }

.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-blender-phone:before {
  content: "\F6B6"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-blog:before {
  content: "\F781"; }

.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-bone:before {
  content: "\F5D7"; }

.fa-bong:before {
  content: "\F55C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-book-dead:before {
  content: "\F6B7"; }

.fa-book-medical:before {
  content: "\F7E6"; }

.fa-book-open:before {
  content: "\F518"; }

.fa-book-reader:before {
  content: "\F5DA"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-bootstrap:before {
  content: "\F836"; }

.fa-border-all:before {
  content: "\F84C"; }

.fa-border-none:before {
  content: "\F850"; }

.fa-border-style:before {
  content: "\F853"; }

.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-brain:before {
  content: "\F5DC"; }

.fa-bread-slice:before {
  content: "\F7EC"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-briefcase-medical:before {
  content: "\F469"; }

.fa-broadcast-tower:before {
  content: "\F519"; }

.fa-broom:before {
  content: "\F51A"; }

.fa-brush:before {
  content: "\F55D"; }

.fa-btc:before {
  content: "\F15A"; }

.fa-buffer:before {
  content: "\F837"; }

.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-bus-alt:before {
  content: "\F55E"; }

.fa-business-time:before {
  content: "\F64A"; }

.fa-buy-n-large:before {
  content: "\F8A6"; }

.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-day:before {
  content: "\F783"; }

.fa-calendar-minus:before {
  content: "\F272"; }

.fa-calendar-plus:before {
  content: "\F271"; }

.fa-calendar-times:before {
  content: "\F273"; }

.fa-calendar-week:before {
  content: "\F784"; }

.fa-camera:before {
  content: "\F030"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-campground:before {
  content: "\F6BB"; }

.fa-canadian-maple-leaf:before {
  content: "\F785"; }

.fa-candy-cane:before {
  content: "\F786"; }

.fa-cannabis:before {
  content: "\F55F"; }

.fa-capsules:before {
  content: "\F46B"; }

.fa-car:before {
  content: "\F1B9"; }

.fa-car-alt:before {
  content: "\F5DE"; }

.fa-car-battery:before {
  content: "\F5DF"; }

.fa-car-crash:before {
  content: "\F5E1"; }

.fa-car-side:before {
  content: "\F5E4"; }

.fa-caravan:before {
  content: "\F8FF"; }

.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-carrot:before {
  content: "\F787"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cash-register:before {
  content: "\F788"; }

.fa-cat:before {
  content: "\F6BE"; }

.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-centos:before {
  content: "\F789"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-chair:before {
  content: "\F6C0"; }

.fa-chalkboard:before {
  content: "\F51B"; }

.fa-chalkboard-teacher:before {
  content: "\F51C"; }

.fa-charging-station:before {
  content: "\F5E7"; }

.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-double:before {
  content: "\F560"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-cheese:before {
  content: "\F7EF"; }

.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-chromecast:before {
  content: "\F838"; }

.fa-church:before {
  content: "\F51D"; }

.fa-circle:before {
  content: "\F111"; }

.fa-circle-notch:before {
  content: "\F1CE"; }

.fa-city:before {
  content: "\F64F"; }

.fa-clinic-medical:before {
  content: "\F7F2"; }

.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-meatball:before {
  content: "\F73B"; }

.fa-cloud-moon:before {
  content: "\F6C3"; }

.fa-cloud-moon-rain:before {
  content: "\F73C"; }

.fa-cloud-rain:before {
  content: "\F73D"; }

.fa-cloud-showers-heavy:before {
  content: "\F740"; }

.fa-cloud-sun:before {
  content: "\F6C4"; }

.fa-cloud-sun-rain:before {
  content: "\F743"; }

.fa-cloud-upload-alt:before {
  content: "\F382"; }

.fa-cloudscale:before {
  content: "\F383"; }

.fa-cloudsmith:before {
  content: "\F384"; }

.fa-cloudversify:before {
  content: "\F385"; }

.fa-cocktail:before {
  content: "\F561"; }

.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-dollar:before {
  content: "\F651"; }

.fa-comment-dots:before {
  content: "\F4AD"; }

.fa-comment-medical:before {
  content: "\F7F5"; }

.fa-comment-slash:before {
  content: "\F4B3"; }

.fa-comments:before {
  content: "\F086"; }

.fa-comments-dollar:before {
  content: "\F653"; }

.fa-compact-disc:before {
  content: "\F51F"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-compress:before {
  content: "\F066"; }

.fa-compress-alt:before {
  content: "\F422"; }

.fa-compress-arrows-alt:before {
  content: "\F78C"; }

.fa-concierge-bell:before {
  content: "\F562"; }

.fa-confluence:before {
  content: "\F78D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-cookie:before {
  content: "\F563"; }

.fa-cookie-bite:before {
  content: "\F564"; }

.fa-copy:before {
  content: "\F0C5"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-cotton-bureau:before {
  content: "\F89E"; }

.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-creative-commons-zero:before {
  content: "\F4F3"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-critical-role:before {
  content: "\F6C9"; }

.fa-crop:before {
  content: "\F125"; }

.fa-crop-alt:before {
  content: "\F565"; }

.fa-cross:before {
  content: "\F654"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-crow:before {
  content: "\F520"; }

.fa-crown:before {
  content: "\F521"; }

.fa-crutch:before {
  content: "\F7F7"; }

.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-d-and-d-beyond:before {
  content: "\F6CA"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-deaf:before {
  content: "\F2A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-democrat:before {
  content: "\F747"; }

.fa-deploydog:before {
  content: "\F38E"; }

.fa-deskpro:before {
  content: "\F38F"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-dev:before {
  content: "\F6CC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-dharmachakra:before {
  content: "\F655"; }

.fa-dhl:before {
  content: "\F790"; }

.fa-diagnoses:before {
  content: "\F470"; }

.fa-diaspora:before {
  content: "\F791"; }

.fa-dice:before {
  content: "\F522"; }

.fa-dice-d20:before {
  content: "\F6CF"; }

.fa-dice-d6:before {
  content: "\F6D1"; }

.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-digital-tachograph:before {
  content: "\F566"; }

.fa-directions:before {
  content: "\F5EB"; }

.fa-discord:before {
  content: "\F392"; }

.fa-discourse:before {
  content: "\F393"; }

.fa-divide:before {
  content: "\F529"; }

.fa-dizzy:before {
  content: "\F567"; }

.fa-dna:before {
  content: "\F471"; }

.fa-dochub:before {
  content: "\F394"; }

.fa-docker:before {
  content: "\F395"; }

.fa-dog:before {
  content: "\F6D3"; }

.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-drafting-compass:before {
  content: "\F568"; }

.fa-dragon:before {
  content: "\F6D5"; }

.fa-draw-polygon:before {
  content: "\F5EE"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-dribbble-square:before {
  content: "\F397"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-drum:before {
  content: "\F569"; }

.fa-drum-steelpan:before {
  content: "\F56A"; }

.fa-drumstick-bite:before {
  content: "\F6D7"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-dumbbell:before {
  content: "\F44B"; }

.fa-dumpster:before {
  content: "\F793"; }

.fa-dumpster-fire:before {
  content: "\F794"; }

.fa-dungeon:before {
  content: "\F6D9"; }

.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-egg:before {
  content: "\F7FB"; }

.fa-eject:before {
  content: "\F052"; }

.fa-elementor:before {
  content: "\F430"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-ello:before {
  content: "\F5F1"; }

.fa-ember:before {
  content: "\F423"; }

.fa-empire:before {
  content: "\F1D1"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-text:before {
  content: "\F658"; }

.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-ethernet:before {
  content: "\F796"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-euro-sign:before {
  content: "\F153"; }

.fa-evernote:before {
  content: "\F839"; }

.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-alt:before {
  content: "\F424"; }

.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-fan:before {
  content: "\F863"; }

.fa-fantasy-flight-games:before {
  content: "\F6DC"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-feather:before {
  content: "\F52D"; }

.fa-feather-alt:before {
  content: "\F56B"; }

.fa-fedex:before {
  content: "\F797"; }

.fa-fedora:before {
  content: "\F798"; }

.fa-female:before {
  content: "\F182"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-figma:before {
  content: "\F799"; }

.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-contract:before {
  content: "\F56C"; }

.fa-file-csv:before {
  content: "\F6DD"; }

.fa-file-download:before {
  content: "\F56D"; }

.fa-file-excel:before {
  content: "\F1C3"; }

.fa-file-export:before {
  content: "\F56E"; }

.fa-file-image:before {
  content: "\F1C5"; }

.fa-file-import:before {
  content: "\F56F"; }

.fa-file-invoice:before {
  content: "\F570"; }

.fa-file-invoice-dollar:before {
  content: "\F571"; }

.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-prescription:before {
  content: "\F572"; }

.fa-file-signature:before {
  content: "\F573"; }

.fa-file-upload:before {
  content: "\F574"; }

.fa-file-video:before {
  content: "\F1C8"; }

.fa-file-word:before {
  content: "\F1C2"; }

.fa-fill:before {
  content: "\F575"; }

.fa-fill-drip:before {
  content: "\F576"; }

.fa-film:before {
  content: "\F008"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-fingerprint:before {
  content: "\F577"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-fire-alt:before {
  content: "\F7E4"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-firefox-browser:before {
  content: "\F907"; }

.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-fish:before {
  content: "\F578"; }

.fa-fist-raised:before {
  content: "\F6DE"; }

.fa-flag:before {
  content: "\F024"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-flag-usa:before {
  content: "\F74D"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-flipboard:before {
  content: "\F44D"; }

.fa-flushed:before {
  content: "\F579"; }

.fa-fly:before {
  content: "\F417"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-minus:before {
  content: "\F65D"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-folder-plus:before {
  content: "\F65E"; }

.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-frown-open:before {
  content: "\F57A"; }

.fa-fulcrum:before {
  content: "\F50B"; }

.fa-funnel-dollar:before {
  content: "\F662"; }

.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-ghost:before {
  content: "\F6E2"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-gifts:before {
  content: "\F79C"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-git-alt:before {
  content: "\F841"; }

.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-cheers:before {
  content: "\F79F"; }

.fa-glass-martini:before {
  content: "\F000"; }

.fa-glass-martini-alt:before {
  content: "\F57B"; }

.fa-glass-whiskey:before {
  content: "\F7A0"; }

.fa-glasses:before {
  content: "\F530"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-globe-africa:before {
  content: "\F57C"; }

.fa-globe-americas:before {
  content: "\F57D"; }

.fa-globe-asia:before {
  content: "\F57E"; }

.fa-globe-europe:before {
  content: "\F7A2"; }

.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-gopuram:before {
  content: "\F664"; }

.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-grimace:before {
  content: "\F57F"; }

.fa-grin:before {
  content: "\F580"; }

.fa-grin-alt:before {
  content: "\F581"; }

.fa-grin-beam:before {
  content: "\F582"; }

.fa-grin-beam-sweat:before {
  content: "\F583"; }

.fa-grin-hearts:before {
  content: "\F584"; }

.fa-grin-squint:before {
  content: "\F585"; }

.fa-grin-squint-tears:before {
  content: "\F586"; }

.fa-grin-stars:before {
  content: "\F587"; }

.fa-grin-tears:before {
  content: "\F588"; }

.fa-grin-tongue:before {
  content: "\F589"; }

.fa-grin-tongue-squint:before {
  content: "\F58A"; }

.fa-grin-tongue-wink:before {
  content: "\F58B"; }

.fa-grin-wink:before {
  content: "\F58C"; }

.fa-grip-horizontal:before {
  content: "\F58D"; }

.fa-grip-lines:before {
  content: "\F7A4"; }

.fa-grip-lines-vertical:before {
  content: "\F7A5"; }

.fa-grip-vertical:before {
  content: "\F58E"; }

.fa-gripfire:before {
  content: "\F3AC"; }

.fa-grunt:before {
  content: "\F3AD"; }

.fa-guitar:before {
  content: "\F7A6"; }

.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-hackerrank:before {
  content: "\F5F7"; }

.fa-hamburger:before {
  content: "\F805"; }

.fa-hammer:before {
  content: "\F6E3"; }

.fa-hamsa:before {
  content: "\F665"; }

.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-middle-finger:before {
  content: "\F806"; }

.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-hanukiah:before {
  content: "\F6E6"; }

.fa-hard-hat:before {
  content: "\F807"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-hat-cowboy:before {
  content: "\F8C0"; }

.fa-hat-cowboy-side:before {
  content: "\F8C1"; }

.fa-hat-wizard:before {
  content: "\F6E8"; }

.fa-hdd:before {
  content: "\F0A0"; }

.fa-heading:before {
  content: "\F1DC"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-headphones-alt:before {
  content: "\F58F"; }

.fa-headset:before {
  content: "\F590"; }

.fa-heart:before {
  content: "\F004"; }

.fa-heart-broken:before {
  content: "\F7A9"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-helicopter:before {
  content: "\F533"; }

.fa-highlighter:before {
  content: "\F591"; }

.fa-hiking:before {
  content: "\F6EC"; }

.fa-hippo:before {
  content: "\F6ED"; }

.fa-hips:before {
  content: "\F452"; }

.fa-hire-a-helper:before {
  content: "\F3B0"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-hockey-puck:before {
  content: "\F453"; }

.fa-holly-berry:before {
  content: "\F7AA"; }

.fa-home:before {
  content: "\F015"; }

.fa-hooli:before {
  content: "\F427"; }

.fa-hornbill:before {
  content: "\F592"; }

.fa-horse:before {
  content: "\F6F0"; }

.fa-horse-head:before {
  content: "\F7AB"; }

.fa-hospital:before {
  content: "\F0F8"; }

.fa-hospital-alt:before {
  content: "\F47D"; }

.fa-hospital-symbol:before {
  content: "\F47E"; }

.fa-hot-tub:before {
  content: "\F593"; }

.fa-hotdog:before {
  content: "\F80F"; }

.fa-hotel:before {
  content: "\F594"; }

.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-house-damage:before {
  content: "\F6F1"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-hryvnia:before {
  content: "\F6F2"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-hubspot:before {
  content: "\F3B2"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-ice-cream:before {
  content: "\F810"; }

.fa-icicles:before {
  content: "\F7AD"; }

.fa-icons:before {
  content: "\F86D"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-id-card:before {
  content: "\F2C2"; }

.fa-id-card-alt:before {
  content: "\F47F"; }

.fa-ideal:before {
  content: "\F913"; }

.fa-igloo:before {
  content: "\F7AE"; }

.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-intercom:before {
  content: "\F7AF"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-invision:before {
  content: "\F7B0"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-italic:before {
  content: "\F033"; }

.fa-itch-io:before {
  content: "\F83A"; }

.fa-itunes:before {
  content: "\F3B4"; }

.fa-itunes-note:before {
  content: "\F3B5"; }

.fa-java:before {
  content: "\F4E4"; }

.fa-jedi:before {
  content: "\F669"; }

.fa-jedi-order:before {
  content: "\F50E"; }

.fa-jenkins:before {
  content: "\F3B6"; }

.fa-jira:before {
  content: "\F7B1"; }

.fa-joget:before {
  content: "\F3B7"; }

.fa-joint:before {
  content: "\F595"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-journal-whills:before {
  content: "\F66A"; }

.fa-js:before {
  content: "\F3B8"; }

.fa-js-square:before {
  content: "\F3B9"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-kaaba:before {
  content: "\F66B"; }

.fa-kaggle:before {
  content: "\F5FA"; }

.fa-key:before {
  content: "\F084"; }

.fa-keybase:before {
  content: "\F4F5"; }

.fa-keyboard:before {
  content: "\F11C"; }

.fa-keycdn:before {
  content: "\F3BA"; }

.fa-khanda:before {
  content: "\F66D"; }

.fa-kickstarter:before {
  content: "\F3BB"; }

.fa-kickstarter-k:before {
  content: "\F3BC"; }

.fa-kiss:before {
  content: "\F596"; }

.fa-kiss-beam:before {
  content: "\F597"; }

.fa-kiss-wink-heart:before {
  content: "\F598"; }

.fa-kiwi-bird:before {
  content: "\F535"; }

.fa-korvue:before {
  content: "\F42F"; }

.fa-landmark:before {
  content: "\F66F"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-laptop-code:before {
  content: "\F5FC"; }

.fa-laptop-medical:before {
  content: "\F812"; }

.fa-laravel:before {
  content: "\F3BD"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-laugh:before {
  content: "\F599"; }

.fa-laugh-beam:before {
  content: "\F59A"; }

.fa-laugh-squint:before {
  content: "\F59B"; }

.fa-laugh-wink:before {
  content: "\F59C"; }

.fa-layer-group:before {
  content: "\F5FD"; }

.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-luggage-cart:before {
  content: "\F59D"; }

.fa-lyft:before {
  content: "\F3C3"; }

.fa-magento:before {
  content: "\F3C4"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-mail-bulk:before {
  content: "\F674"; }

.fa-mailchimp:before {
  content: "\F59E"; }

.fa-male:before {
  content: "\F183"; }

.fa-mandalorian:before {
  content: "\F50F"; }

.fa-map:before {
  content: "\F279"; }

.fa-map-marked:before {
  content: "\F59F"; }

.fa-map-marked-alt:before {
  content: "\F5A0"; }

.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-markdown:before {
  content: "\F60F"; }

.fa-marker:before {
  content: "\F5A1"; }

.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-mask:before {
  content: "\F6FA"; }

.fa-mastodon:before {
  content: "\F4F6"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-mdb:before {
  content: "\F8CA"; }

.fa-medal:before {
  content: "\F5A2"; }

.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-megaport:before {
  content: "\F5A3"; }

.fa-meh:before {
  content: "\F11A"; }

.fa-meh-blank:before {
  content: "\F5A4"; }

.fa-meh-rolling-eyes:before {
  content: "\F5A5"; }

.fa-memory:before {
  content: "\F538"; }

.fa-mendeley:before {
  content: "\F7B3"; }

.fa-menorah:before {
  content: "\F676"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-meteor:before {
  content: "\F753"; }

.fa-microblog:before {
  content: "\F91A"; }

.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-microscope:before {
  content: "\F610"; }

.fa-microsoft:before {
  content: "\F3CA"; }

.fa-minus:before {
  content: "\F068"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-mitten:before {
  content: "\F7B5"; }

.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-monument:before {
  content: "\F5A6"; }

.fa-moon:before {
  content: "\F186"; }

.fa-mortar-pestle:before {
  content: "\F5A7"; }

.fa-mosque:before {
  content: "\F678"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-mountain:before {
  content: "\F6FC"; }

.fa-mouse:before {
  content: "\F8CC"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-mug-hot:before {
  content: "\F7B6"; }

.fa-music:before {
  content: "\F001"; }

.fa-napster:before {
  content: "\F3D2"; }

.fa-neos:before {
  content: "\F612"; }

.fa-network-wired:before {
  content: "\F6FF"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-newspaper:before {
  content: "\F1EA"; }

.fa-nimblr:before {
  content: "\F5A8"; }

.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-oil-can:before {
  content: "\F613"; }

.fa-old-republic:before {
  content: "\F510"; }

.fa-om:before {
  content: "\F679"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-orcid:before {
  content: "\F8D2"; }

.fa-osi:before {
  content: "\F41A"; }

.fa-otter:before {
  content: "\F700"; }

.fa-outdent:before {
  content: "\F03B"; }

.fa-page4:before {
  content: "\F3D7"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-pager:before {
  content: "\F815"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-paint-roller:before {
  content: "\F5AA"; }

.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-passport:before {
  content: "\F5AB"; }

.fa-pastafarianism:before {
  content: "\F67B"; }

.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-peace:before {
  content: "\F67C"; }

.fa-pen:before {
  content: "\F304"; }

.fa-pen-alt:before {
  content: "\F305"; }

.fa-pen-fancy:before {
  content: "\F5AC"; }

.fa-pen-nib:before {
  content: "\F5AD"; }

.fa-pen-square:before {
  content: "\F14B"; }

.fa-pencil-alt:before {
  content: "\F303"; }

.fa-pencil-ruler:before {
  content: "\F5AE"; }

.fa-penny-arcade:before {
  content: "\F704"; }

.fa-people-carry:before {
  content: "\F4CE"; }

.fa-pepper-hot:before {
  content: "\F816"; }

.fa-percent:before {
  content: "\F295"; }

.fa-percentage:before {
  content: "\F541"; }

.fa-periscope:before {
  content: "\F3DA"; }

.fa-person-booth:before {
  content: "\F756"; }

.fa-phabricator:before {
  content: "\F3DB"; }

.fa-phoenix-framework:before {
  content: "\F3DC"; }

.fa-phoenix-squadron:before {
  content: "\F511"; }

.fa-phone:before {
  content: "\F095"; }

.fa-phone-alt:before {
  content: "\F879"; }

.fa-phone-slash:before {
  content: "\F3DD"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-phone-square-alt:before {
  content: "\F87B"; }

.fa-phone-volume:before {
  content: "\F2A0"; }

.fa-photo-video:before {
  content: "\F87C"; }

.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-pied-piper-square:before {
  content: "\F91E"; }

.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-pizza-slice:before {
  content: "\F818"; }

.fa-place-of-worship:before {
  content: "\F67F"; }

.fa-plane:before {
  content: "\F072"; }

.fa-plane-arrival:before {
  content: "\F5AF"; }

.fa-plane-departure:before {
  content: "\F5B0"; }

.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-poll:before {
  content: "\F681"; }

.fa-poll-h:before {
  content: "\F682"; }

.fa-poo:before {
  content: "\F2FE"; }

.fa-poo-storm:before {
  content: "\F75A"; }

.fa-poop:before {
  content: "\F619"; }

.fa-portrait:before {
  content: "\F3E0"; }

.fa-pound-sign:before {
  content: "\F154"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-pray:before {
  content: "\F683"; }

.fa-praying-hands:before {
  content: "\F684"; }

.fa-prescription:before {
  content: "\F5B1"; }

.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-quran:before {
  content: "\F687"; }

.fa-r-project:before {
  content: "\F4F7"; }

.fa-radiation:before {
  content: "\F7B9"; }

.fa-radiation-alt:before {
  content: "\F7BA"; }

.fa-rainbow:before {
  content: "\F75B"; }

.fa-random:before {
  content: "\F074"; }

.fa-raspberry-pi:before {
  content: "\F7BB"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-react:before {
  content: "\F41B"; }

.fa-reacteurope:before {
  content: "\F75D"; }

.fa-readme:before {
  content: "\F4D5"; }

.fa-rebel:before {
  content: "\F1D0"; }

.fa-receipt:before {
  content: "\F543"; }

.fa-record-vinyl:before {
  content: "\F8D9"; }

.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-redhat:before {
  content: "\F7BC"; }

.fa-redo:before {
  content: "\F01E"; }

.fa-redo-alt:before {
  content: "\F2F9"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-remove-format:before {
  content: "\F87D"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-reply:before {
  content: "\F3E5"; }

.fa-reply-all:before {
  content: "\F122"; }

.fa-replyd:before {
  content: "\F3E6"; }

.fa-republican:before {
  content: "\F75E"; }

.fa-researchgate:before {
  content: "\F4F8"; }

.fa-resolving:before {
  content: "\F3E7"; }

.fa-restroom:before {
  content: "\F7BD"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-rev:before {
  content: "\F5B2"; }

.fa-ribbon:before {
  content: "\F4D6"; }

.fa-ring:before {
  content: "\F70B"; }

.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-route:before {
  content: "\F4D7"; }

.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-running:before {
  content: "\F70C"; }

.fa-rupee-sign:before {
  content: "\F156"; }

.fa-sad-cry:before {
  content: "\F5B3"; }

.fa-sad-tear:before {
  content: "\F5B4"; }

.fa-safari:before {
  content: "\F267"; }

.fa-salesforce:before {
  content: "\F83B"; }

.fa-sass:before {
  content: "\F41E"; }

.fa-satellite:before {
  content: "\F7BF"; }

.fa-satellite-dish:before {
  content: "\F7C0"; }

.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-scroll:before {
  content: "\F70E"; }

.fa-sd-card:before {
  content: "\F7C2"; }

.fa-search:before {
  content: "\F002"; }

.fa-search-dollar:before {
  content: "\F688"; }

.fa-search-location:before {
  content: "\F689"; }

.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-shapes:before {
  content: "\F61F"; }

.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-shopware:before {
  content: "\F5B5"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-shuttle-van:before {
  content: "\F5B6"; }

.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-signature:before {
  content: "\F5B7"; }

.fa-sim-card:before {
  content: "\F7C4"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-sistrix:before {
  content: "\F3EE"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-sith:before {
  content: "\F512"; }

.fa-skating:before {
  content: "\F7C5"; }

.fa-sketch:before {
  content: "\F7C6"; }

.fa-skiing:before {
  content: "\F7C9"; }

.fa-skiing-nordic:before {
  content: "\F7CA"; }

.fa-skull:before {
  content: "\F54C"; }

.fa-skull-crossbones:before {
  content: "\F714"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-slack:before {
  content: "\F198"; }

.fa-slack-hash:before {
  content: "\F3EF"; }

.fa-slash:before {
  content: "\F715"; }

.fa-sleigh:before {
  content: "\F7CC"; }

.fa-sliders-h:before {
  content: "\F1DE"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-smile:before {
  content: "\F118"; }

.fa-smile-beam:before {
  content: "\F5B8"; }

.fa-smile-wink:before {
  content: "\F4DA"; }

.fa-smog:before {
  content: "\F75F"; }

.fa-smoking:before {
  content: "\F48D"; }

.fa-smoking-ban:before {
  content: "\F54D"; }

.fa-sms:before {
  content: "\F7CD"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-snowboarding:before {
  content: "\F7CE"; }

.fa-snowflake:before {
  content: "\F2DC"; }

.fa-snowman:before {
  content: "\F7D0"; }

.fa-snowplow:before {
  content: "\F7D2"; }

.fa-socks:before {
  content: "\F696"; }

.fa-solar-panel:before {
  content: "\F5BA"; }

.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-alpha-down:before {
  content: "\F15D"; }

.fa-sort-alpha-down-alt:before {
  content: "\F881"; }

.fa-sort-alpha-up:before {
  content: "\F15E"; }

.fa-sort-alpha-up-alt:before {
  content: "\F882"; }

.fa-sort-amount-down:before {
  content: "\F160"; }

.fa-sort-amount-down-alt:before {
  content: "\F884"; }

.fa-sort-amount-up:before {
  content: "\F161"; }

.fa-sort-amount-up-alt:before {
  content: "\F885"; }

.fa-sort-down:before {
  content: "\F0DD"; }

.fa-sort-numeric-down:before {
  content: "\F162"; }

.fa-sort-numeric-down-alt:before {
  content: "\F886"; }

.fa-sort-numeric-up:before {
  content: "\F163"; }

.fa-sort-numeric-up-alt:before {
  content: "\F887"; }

.fa-sort-up:before {
  content: "\F0DE"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-sourcetree:before {
  content: "\F7D3"; }

.fa-spa:before {
  content: "\F5BB"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-speakap:before {
  content: "\F3F3"; }

.fa-speaker-deck:before {
  content: "\F83C"; }

.fa-spell-check:before {
  content: "\F891"; }

.fa-spider:before {
  content: "\F717"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-splotch:before {
  content: "\F5BC"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-spray-can:before {
  content: "\F5BD"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-square-full:before {
  content: "\F45C"; }

.fa-square-root-alt:before {
  content: "\F698"; }

.fa-squarespace:before {
  content: "\F5BE"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-stackpath:before {
  content: "\F842"; }

.fa-stamp:before {
  content: "\F5BF"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-and-crescent:before {
  content: "\F699"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-star-half-alt:before {
  content: "\F5C0"; }

.fa-star-of-david:before {
  content: "\F69A"; }

.fa-star-of-life:before {
  content: "\F621"; }

.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-suitcase-rolling:before {
  content: "\F5C1"; }

.fa-sun:before {
  content: "\F185"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-supple:before {
  content: "\F3F9"; }

.fa-surprise:before {
  content: "\F5C2"; }

.fa-suse:before {
  content: "\F7D6"; }

.fa-swatchbook:before {
  content: "\F5C3"; }

.fa-swift:before {
  content: "\F8E1"; }

.fa-swimmer:before {
  content: "\F5C4"; }

.fa-swimming-pool:before {
  content: "\F5C5"; }

.fa-symfony:before {
  content: "\F83D"; }

.fa-synagogue:before {
  content: "\F69B"; }

.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-teeth:before {
  content: "\F62E"; }

.fa-teeth-open:before {
  content: "\F62F"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-telegram-plane:before {
  content: "\F3FE"; }

.fa-temperature-high:before {
  content: "\F769"; }

.fa-temperature-low:before {
  content: "\F76B"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-tenge:before {
  content: "\F7D7"; }

.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-the-red-yeti:before {
  content: "\F69D"; }

.fa-theater-masks:before {
  content: "\F630"; }

.fa-themeco:before {
  content: "\F5C6"; }

.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-think-peaks:before {
  content: "\F731"; }

.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-tint-slash:before {
  content: "\F5C7"; }

.fa-tired:before {
  content: "\F5C8"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-toilet:before {
  content: "\F7D8"; }

.fa-toilet-paper:before {
  content: "\F71E"; }

.fa-toolbox:before {
  content: "\F552"; }

.fa-tools:before {
  content: "\F7D9"; }

.fa-tooth:before {
  content: "\F5C9"; }

.fa-torah:before {
  content: "\F6A0"; }

.fa-torii-gate:before {
  content: "\F6A1"; }

.fa-tractor:before {
  content: "\F722"; }

.fa-trade-federation:before {
  content: "\F513"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-traffic-light:before {
  content: "\F637"; }

.fa-trailer:before {
  content: "\F941"; }

.fa-train:before {
  content: "\F238"; }

.fa-tram:before {
  content: "\F7DA"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-trash-alt:before {
  content: "\F2ED"; }

.fa-trash-restore:before {
  content: "\F829"; }

.fa-trash-restore-alt:before {
  content: "\F82A"; }

.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-monster:before {
  content: "\F63B"; }

.fa-truck-moving:before {
  content: "\F4DF"; }

.fa-truck-pickup:before {
  content: "\F63C"; }

.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-ubuntu:before {
  content: "\F7DF"; }

.fa-uikit:before {
  content: "\F403"; }

.fa-umbraco:before {
  content: "\F8E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-umbrella-beach:before {
  content: "\F5CA"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-undo:before {
  content: "\F0E2"; }

.fa-undo-alt:before {
  content: "\F2EA"; }

.fa-uniregistry:before {
  content: "\F404"; }

.fa-unity:before {
  content: "\F949"; }

.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-ups:before {
  content: "\F7E0"; }

.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-injured:before {
  content: "\F728"; }

.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-nurse:before {
  content: "\F82F"; }

.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-usps:before {
  content: "\F7E1"; }

.fa-ussunnah:before {
  content: "\F407"; }

.fa-utensil-spoon:before {
  content: "\F2E5"; }

.fa-utensils:before {
  content: "\F2E7"; }

.fa-vaadin:before {
  content: "\F408"; }

.fa-vector-square:before {
  content: "\F5CB"; }

.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-vihara:before {
  content: "\F6A7"; }

.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-voicemail:before {
  content: "\F897"; }

.fa-volleyball-ball:before {
  content: "\F45F"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-mute:before {
  content: "\F6A9"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-vote-yea:before {
  content: "\F772"; }

.fa-vr-cardboard:before {
  content: "\F729"; }

.fa-vuejs:before {
  content: "\F41F"; }

.fa-walking:before {
  content: "\F554"; }

.fa-wallet:before {
  content: "\F555"; }

.fa-warehouse:before {
  content: "\F494"; }

.fa-water:before {
  content: "\F773"; }

.fa-wave-square:before {
  content: "\F83E"; }

.fa-waze:before {
  content: "\F83F"; }

.fa-weebly:before {
  content: "\F5CC"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-weight:before {
  content: "\F496"; }

.fa-weight-hanging:before {
  content: "\F5CD"; }

.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-wind:before {
  content: "\F72E"; }

.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-bottle:before {
  content: "\F72F"; }

.fa-wine-glass:before {
  content: "\F4E3"; }

.fa-wine-glass-alt:before {
  content: "\F5CE"; }

.fa-wix:before {
  content: "\F5CF"; }

.fa-wizards-of-the-coast:before {
  content: "\F730"; }

.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-wpressr:before {
  content: "\F3E4"; }

.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-yammer:before {
  content: "\F840"; }

.fa-yandex:before {
  content: "\F413"; }

.fa-yandex-international:before {
  content: "\F414"; }

.fa-yarn:before {
  content: "\F7E3"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-yen-sign:before {
  content: "\F157"; }

.fa-yin-yang:before {
  content: "\F6AD"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-youtube-square:before {
  content: "\F431"; }

.fa-zhihu:before {
  content: "\F63F"; }

.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;
  font-display: auto;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?088a34f78f530102fd9661173b4a4f26);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?088a34f78f530102fd9661173b4a4f26?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?822d94f19fe57477865209e1242a3c63) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?f4920c94c0861c537f72ba36590f6362) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?273dc9bf9778fd37fa61357645d46a28) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?d72293118cda50ec50c39957d9d836d0#fontawesome) format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?3ac49cb33f43a6471f21ab3df40d1b1e);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?3ac49cb33f43a6471f21ab3df40d1b1e?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?9efb86976bd53e159166c12365f61e25) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?a57bcf76c178aee452db7a57b75509b6) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?ece54318791c51b52dfdc689efdb6271) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?d2e53334c22a9a4937bc26e84b36e1e0#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;
  font-display: auto;
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?7fb1cdd9c3b889161216a13267b55fe2);
  src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?7fb1cdd9c3b889161216a13267b55fe2?#iefix) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?f6121be597a72928f54e7ab5b95512a1) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?93f284548b42ab76fe3fd03a9d3a2180) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?2aa6edf8f296a43b32df35f330b7c81c) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?7a5de9b08012e4da40504f2cf126a351#fontawesome) format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
@charset "UTF-8";

/*
  VSCode regions:
  - Fold all regions: CMD +k CMD + 8
  - Unfold all regions: CMD +k CMD + 9
  - Fold all       : <CMD> K <CMD> 0
  - Fold top level : <CMD> K <CMD> 1

*/

/* #region Global Style Definitions */

:root {
  --base-size: 15px;
  --type-scale: 1.2;
  --h5: calc(var(--base-size) * var(--type-scale));
  --h4: calc(var(--h5) * var(--type-scale));
  --h3: calc(var(--h4) * var(--type-scale));
  --h2: calc(var(--h3) * var(--type-scale));
  --h1: calc(var(--h2) * var(--type-scale));
  --margin-right: var(--base-size);
  --header-margin: 0 0 1rem 2rem;
  --color-background: white;
  --color-background-highlight: #f0eeee;
  --color-border: #e7e3e1;
  --color-font-normal: black;
  --color-font-softer: #968d8d;
  --color-font-inverse: white;
  /* --color-font-contrast: #68c604; */
  --color-font-contrast: hsl(344, 100%, 35%);
  --color-font-contrast-dark: #5bad01;
  --color-font-important: #b2002f;
  --base-padding: var(--base-padding-mobile);
  --base-padding-desktop: 1em;
  --base-padding-mobile: 0.4em;
  --offset-top: var(--offset-top-padding-mobile);
  --offset-top-padding-desktop: 143px;
  --offset-top-padding-mobile: 64px;
  --offset-top-padding-mobile--small: 47px;
  --site-margin-width: 0;
  --site-body-width: 100vw;
}

@media (min-width: 200px) {
  :root {
    --type-scale: 1.1;
    --h5: calc(var(--base-size) * var(--type-scale));
    --h4: calc(var(--h5) * var(--type-scale));
    --h3: calc(var(--h4) * var(--type-scale));
    --h2: calc(var(--h3) * var(--type-scale));
    --h1: calc(var(--h2) * var(--type-scale));
  }
}

@media (max-width: 400px) {
  :root {
    --offset-top: var(--offset-top-padding-mobile--small);
    --base-size: 12px;
    --type-scale: 1.1;
    --h5: calc(var(--base-size) * var(--type-scale));
    --h4: calc(var(--h5) * var(--type-scale));
    --h3: calc(var(--h4) * var(--type-scale));
    --h2: calc(var(--h3) * var(--type-scale));
    --h1: calc(var(--h2) * var(--type-scale));
  }
}

@media (min-width: 1024px) {
  :root {
    transition: all 0.2s ease-in;
    --type-scale: 1.265;
    --header-margin: 0 0 1rem 8rem;
    --base-padding: var(--base-padding-desktop);
    --offset-top: var(--offset-top-padding-desktop);
    --site-margin-width: calc(var(--site-margin-width-double) / 2);
    --site-margin-width-double: calc(100vw - var(--site-body-width));
    --site-body-width: clamp(1024px, 80vw, 1600px);
  }
}

@font-face {
  font-family: "plato";
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/AvenirNextLTPro-Regular.otf?b5ed933057eaf1919dd79d81248cdbce) format("opentype");
}

@font-face {
  font-family: "plato";
  font-style: normal;
  font-weight: bold;
  src: url(/fonts/AvenirNextLTPro-Bold.otf?91d8ff8ac25f51073a577408ae9cec86) format("opentype");
}

input {
  box-sizing: border-box;
}

body {
  font-family: "plato", sans-serif;
  font-size: var(--base-size);
  line-height: 1.5;
  background-color: var(--color-background);
  margin: 0;
  padding: 0;
}

.important,
.color-font-contrast {
  color: var(--color-font-contrast);
}

.transition-ease-in {
  transition: all 0.2s ease-in-out;
}

.delay-transition {
  transition-delay: 0.15s;
}

/* Keeps multiple inputs on a row when width permits it */

.form-row {
  display: flex;
  flex-wrap: wrap;
}

#main-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: var(--offset-top);
  z-index: 1000;
  width: 100vw;
  height: calc(100vh - var(--offset-top));
  background-color: rgba(228, 224, 224, 0.7);
  pointer-events: none;
}

.overlay {
  opacity: 0;
  position: fixed;
  left: 0;
  top: var(--offset-top);
  z-index: -1;
  width: 100vw;
  height: calc(100vh - var(--offset-top));
  background-color: rgba(228, 224, 224, 0.7);
  pointer-events: none;
}

p {
  font-size: var(--base-size);
  margin-top: 0;
  margin-bottom: var(--base-padding);
}

small,
.text-small {
  font-size: calc(var(--base-size) / var(--type-scale));
}

.text-success {
  color: var(--color-font-contrast);
}

.btn {
  color: var(--color-font-inverse);
  text-decoration: none;
  background-color: var(--color-font-contrast);
  padding: 0.4em 1em;
  border: 1px solid var(--color-font-contrast);
  border-radius: 4px;
  box-sizing: border-box;
}

.btn:hover,
.btn:active {
  color: var(--color-font-inverse);
  text-decoration: none;
  background-color: #bf0134;
  border: 1px solid #bf0134;
}

ol,
ul,
dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: black;
  text-decoration: none;
}

p a {
  color: var(--color-font-contrast);
}

a:focus,
a:hover,
a:hover {
  /* color: var(--color-font-contrast); */
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0 0 0.7rem 0;
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 1.1;
  color: inherit;
  letter-spacing: -0.025em;
}

h1 {
  font-size: var(--h1);
}

h2 {
  font-size: var(--h2);
}

h3 {
  font-size: var(--h3);
}

h4 {
  font-size: var(--h4);
}

h5 {
  font-size: var(--h5);
  font-weight: normal;
}

article {
  margin-bottom: var(--base-padding);
}

article:empty {
  display: none;
}

/* #endregion Global Style Definitions */

/* #region Container and Main Layout Style Definitions */

.site-container {
  margin: 0 var(--site-margin-width);
}

.divider--stamp {
  display: none;
}

@media (min-width: 1024px) {
  .divider--stamp {
    display: block;
    height: 4px;
    width: 100%;
    background-image: url(/images/border-stamp.png?9f9fe138f92fe8463a250f382a00ef92);
  }
}

/* #endregion Container and Main Layout Style Definitions */

.btn {
  padding: 0.5em;
  border-radius: 3px;
  color: white;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: var(--base-size);
}

.btn-primary {
  background-color: var(--color-font-contrast);
  max-width: 350px;
  margin-bottom: 0.5em;
}

.price {
  text-align: right;
  padding-right: 1em;
}

@media (min-width: 1240px) {
  .header-top-nav__dropdown:target,
  .header-top-nav__dropdown[aria-expanded=true] {
    right: 0;
    width: auto;
  }
}

/* #region Header Style Definitions */

#desktop-search form,
#mobile-search form {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
}

#desktop-search form input,
#mobile-search form input {
  border: 1px solid black;
  border-radius: 20px 0 0 20px;
  height: 34px;
  padding-left: 10px;
  font-size: 18px;
  color: black;
  width: 100%;
}

#desktop-search form select,
#mobile-search form select {
  border-style: solid;
  border-color: black;
  border-width: 1px 0 1px 0;
  border-radius: 0;
  height: 34px;
  padding-left: 0.5em;
  font-size: 1em;
  color: black;
  width: 80px;
}

#desktop-search form button,
#mobile-search form button {
  border: 1px solid black;
  border-radius: 0 20px 20px 0;
  height: 34px;
  background-color: black;
  color: white;
  font-size: 1em;
  padding: 0 1.5em 0 1em;
  cursor: pointer;
}

#desktop-search form button:hover,
#mobile-search form button:hover {
  background-color: var(--color-font-contrast);
  border-color: var(--color-font-contrast);
  color: white;
}

#mobile-search {
  padding: 0;
}

#mobile-search form input {
  border-radius: 5px 0 0 5px;
}

#mobile-search form button {
  border-radius: 0 5px 5px 0;
}

@media (max-width: 400px) {
  #mobile-search form input,
  #mobile-search form button,
  #mobile-search form select {
    height: 30px;
  }
}

/* #endregion Header Style Definitions */

.shoppingcart-mobile {
  grid-area: shoppingcart-mobile;
  grid-column: 1;
}

/* #region Shopping Cart Style Definitions */

.shoppingcart .btn {
  width: auto;
}

.shoppingcart .shopping-cart__items {
  width: 100%;
  margin-bottom: 1em;
}

.shoppingcart .shopping-cart__items .shopping-cart__items tr:last-child td {
  border-bottom: 1px solid #f0eeee;
}

.shoppingcart .shopping-cart__items .shopping-cart__items td {
  padding: 0.3em;
}

.shoppingcart .shopping-cart__items .shopping-cart__items td.text-xs-right {
  text-align: right;
}

.shoppingcart .shopping-cart__items .shopping-cart__items td.price {
  width: 60px;
}

.shoppingcart .shopping-cart__items .shopping-cart-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.shoppingcart .shopping-cart__items .shopping-cart-actions__link {
  color: var(--color-font-softer);
}

.shoppingcart .shopping-cart__items .shopping-cart-actions__link:hover,
.shoppingcart .shopping-cart__items .shopping-cart-actions__link:active {
  text-decoration: underline;
}

.shoppingcart .shopping-cart__items .shopping-cart-actions > * {
  margin-right: var(--margin-right);
}

.shoppingcart .shopping-cart__items .shopping-cart__article-image {
  height: 3em;
  width: 3em;
}

.shoppingcart .shopping-cart__items .shopping-cart__article-image img {
  max-width: 3rem;
}

.shoppingcart .shopping-cart__items .shopping-cart__article-title {
  padding: 0.5em;
}

.shoppingcart .shopping-cart__items .shopping-cart__article-price {
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .shopping-cart_scroll-area {
    max-height: 60vh;
    overflow: auto;
    padding: 0 1em 0 0;
    margin-bottom: 1em;
  }

  .shopping-cart__items {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .header-container > .shoppingcart {
    display: none;
  }

  .header-top-nav .shoppingcart {
    display: block;
  }
}

.shopping-cart__count {
  position: relative;
  left: -2px;
  top: -11px;
  z-index: 9999;
  font-size: 0.6em;
  color: white;
  background-color: var(--color-font-contrast);
  padding: 3px 2px 0;
  border-radius: 8px;
  line-height: 1.1em;
}

/* #endregion Shopping Cart Style Definitions */

/* #region Attention Block Style Definitions */

.attention {
  font-size: 0.8rem;
  display: flex;
  justify-content: space-around;
  grid-area: attention;
  /* width: 100%; */
  padding-top: var(--base-padding);
  padding-bottom: var(--base-padding);
  background-color: #f0eeee;
}

.attention__text {
  text-transform: capitalize;
  font-weight: bold;
  color: black;
}

.attention__text-emphasized {
  color: var(--color-font-important);
  font-weight: bold;
}

.attention__text--col1 {
  display: block;
  text-align: center;
  width: 100%;
}

@media (max-width: 739.99px) {
  .attention a {
    width: 100%;
  }
}

.attention__text--col2 {
  display: none;
}

.attention__text--col3 {
  display: none;
  text-align: end;
  margin-right: 1em;
}

@media (min-width: 740px) {
  .attention {
    padding: 0.8em 0;
  }

  .attention__text--col1 {
    text-align: left;
    margin-left: 1em;
    width: initial;
  }

  .attention__text--col2 {
    display: block;
    text-align: right;
    margin-right: 1em;
  }
}

@media (min-width: 1070px) {
  .attention__text--col2 {
    display: block;
    text-align: center;
    margin: 0;
  }

  .attention__text--col3 {
    display: block;
  }
}

@media (min-width: 1024px) {
  .attention__background {
    grid-column: 1/7;
    /* grid-row: 1 / 2; */
    grid-row-start: attention-start;
    grid-row-end: attention-end;
  }
}

/* #endregion Attention Block Style Definitions */

/* #region Bread Crumb Style Definitions */

.breadcrumb {
  display: none;
}

@media (min-width: 1024px) {
  .breadcrumb {
    display: block;
    grid-column-start: bread-crumb-start;
    grid-column-end: bread-crumb-end;
    grid-row-start: bread-crumb-start;
    grid-row-end: bread-crumb-end;
    border: 1px solid var(--color-border);
    border-width: 0 0 1px;
    font-size: 0.9em;
  }
}

.breadcrumb ul {
  display: flex;
  padding: 1em 2em;
}

.breadcrumb li {
  margin-right: var(--margin-right);
  font-size: 0.9em;
  line-height: 1.1em;
}

/* #endregion Bread Crumb Style Definitions */

/* #region Sidebar Style Definitions */

.sidebar {
  display: none;
}

@media (min-width: 1024px) {
  .sidebar {
    display: block;
    width: 100%;
    min-width: 200px;
    border: 1px solid var(--color-border);
    border-width: 0 1px 0;
    line-height: 1.4em;
    grid-column: 2/3;
    /* grid-row: 3 / 5; */
    grid-area: left-menu;
    margin-bottom: 2em;
  }
}

.sidebar__filter {
  padding: 1em;
  margin-left: 1em;
}

.sidebar__filter ul li {
  line-height: 1.7rem;
}

.sidebar__filter ul {
  margin: 0 0 2em 0;
  padding: 0 1em;
}

/* #endregion Sidebar Style Definitions */

/* #region Main Header Style Definitions */

.main-header {
  /* grid-area: mainheader; */
  grid-column: 1;
  grid-row: 2/3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--color-border);
  border-width: 0 1px 1px 0;
  padding: 0.8em 1em;
}

.main-header__title {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.main-header-title__nr-of-items {
  margin-left: 1em;
}

@media (min-width: 1024px) {
  .main-header {
    /* grid-area: mainheader; */
    grid-column: 3/6;
    grid-row: 3/4;
  }
}

.main-header h1 {
  font-size: 3em;
  margin: 0;
}

.main-header span {
  margin-left: 1.4em;
}

/* #endregion Main Header Style Definitions */

/* #region Products Content Style Definitions */

.products-content {
  grid-area: main-content;
}

@media (min-width: 1024px) {
  .container.with-sidebar .products-content {
    grid-column: 3/6;
  }

  .container.without-sidebar .products-content {
    grid-column: 2/6;
  }
}

/* #endregion Products Content Style Definitions */

/* #region product details card */

.product-details-card {
  display: grid;
  grid-template-columns: 1fr;
  margin: 1em 0 0 0;
}

.product-listing-card__article-removed {
  color: var(--color-font-contrast);
  font-weight: bold;
}

.product-details-card__image img {
  width: 50%;
}

.product-listing-card__content {
  margin: 0 0 1em 0;
}

.product-listing-card__content h4,
.product-listing-card__content h5 {
  margin: 0.5em 0 0.5em 0;
}

.product-listing-card__delivery-time {
  margin-bottom: 0.5em;
}

.product-listing-card__delivery-time span {
  display: block;
  font-weight: bold;
  color: var(--color-font-contrast-dark);
}

.product-listing__card-discount {
  display: block;
  z-index: 3;
  font-size: 1.2em;
  background-color: var(--color-font-contrast);
  position: absolute;
  margin-top: 8px;
  margin-left: -4px;
  padding: 0.2em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: white;
}

.Magazine .product-listing__card-image:after,
.DVD .product-listing__card-image:after,
.Boek .product-listing__card-image:after,
.Blu-ray .product-listing__card-image:after {
  padding-bottom: 141%;
}

.product-details-card__footer {
  margin: 0;
}

@media (min-width: 640px) {
  .product-details-card {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: 300px 1fr;
    position: relative;
    max-width: 700px;
  }

  .product-listing-card__content {
    margin: 0 0 1em 1em;
  }

  .product-listing-card__delivery-time {
    justify-self: end;
    align-self: flex-end;
    text-align: right;
    word-wrap: break-word;
    max-width: 230px;
  }

  .product-listing-card__delivery-time span {
    display: block;
    font-weight: bold;
    color: var(--color-font-contrast-dark);
  }

  .product-details-card__image img {
    width: 100%;
  }

  .product-details-card__footer {
    padding: 0;
    margin: 0;
    display: grid;
    grid-row: 2;
    grid-column: 2;
  }
}

/* #endregion product details card */

/* #region Footer Style Definitions */

.footer-section {
  display: grid;
  grid-area: footer-section;
  grid-template-columns: 1fr;
  grid-gap: var(--base-padding);
  padding: var(--base-padding);
}

.footer-container {
  display: grid;
  justify-content: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  padding: var(--base-padding);
}

.footer-container ul,
.footer-container li {
  margin: 0;
  list-style-position: inside;
}

.footer-container li {
  margin-bottom: 0.6em;
}

.footer-container li.footer-link::before {
  font-family: "FontAwesome";
  content: "\F0DA";
  color: var(--color-font-contrast);
  margin: 0 0.5em 0 0;
}

.footer-container a {
  cursor: pointer;
  color: white;
}

.footer-container a:hover {
  text-decoration: none;
  color: var(--color-font-contrast);
}

.footer-container__title {
  margin: 1em 0 0.5em;
}

.footer-container__image {
  background-image: url(/images/concerto-bg_wide.jpg?57d804ea460f5b2d506a63d22fbad3ac);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.footer-contact__list {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0;
}

.footer-contact__list li {
  display: flex;
  margin-bottom: 2rem;
}

.footer-contact__list-icon {
  color: var(--color-font-contrast);
  font-size: 2rem;
}

.footer-contact__list-text {
  margin-left: 1.5rem;
}

.footer-payment-options-list {
  display: grid;
  grid-template-columns: 68px 68px 68px;
  grid-gap: 1em;
  max-width: 80%;
}

.footer-payment-options-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  height: 43px;
}

.footer-payment-options-list li.white {
  background-color: var(--color-background);
  padding: 3px;
}

.footer-payment-options-list li.background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-payment-options-list img {
  width: 100%;
  height: 100%;
}

@media (min-width: 500px) {
  .footer-section {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .footer-section {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* #endregion Footer Style Definitions */

/* #region Main Menu Style Definitions */

/* Screen reader only */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 Mobile first menu
*/

@media (max-width: 1023.99px) {
  details > summary.hide-arrow {
    list-style: none;
    padding-left: 1.35em;
  }

  #user-menu details > summary.hide-arrow {
    padding-left: 0;
  }

  #user-menu {
    background-color: white !important;
    padding: 1em !important;
    margin: 0 !important;
  }

  #user-menu ul {
    background-color: white;
    margin: 0;
    padding: 0;
  }

  #user-menu summary.main-menu__title {
    background-color: white !important;
  }

  details > summary.hide-arrow::-webkit-details-marker {
    display: none;
  }

  summary.main-menu__title,
  summary.main-menu__title a,
  summary.main-menu__title span {
    font-size: 1.1em;
    width: auto;
    text-decoration: none;
    padding: 0.5em;
    cursor: pointer;
    color: black;
  }

  details[open] summary.main-menu__title,
  details[open] summary.main-menu__title a,
  details[open] summary.main-menu__title span,
  summary.main-menu__title:hover,
  summary.main-menu__title:hover a,
  summary.main-menu__title:hover span {
    background-color: var(--color-font-contrast);
    color: white;
  }

  summary.main-menu__title {
    font-size: 1.2em;
    background-color: white;
    color: var(--color-font-contrast);
    border-bottom: 1px solid var(--color-border);
  }

  .sub-menu__list-item {
    font-size: 1.2em;
    display: block;
    border-bottom: 1px solid var(--color-border);
    padding: 0.5em 1em;
    background-color: white;
  }

  summary.sub-menu__list-item {
    color: var(--color-font-contrast);
    font-weight: bold;
  }

  .sub-menu__list-item:hover {
    background-color: var(--color-border);
    border-bottom: 1px solid var(--color-border);
  }

  .sub-menu__list-item a {
    display: block;
    padding: 0;
    text-decoration: none;
  }

  .sub-menu__list-item span {
    display: block;
    padding: 1em 0;
    margin-left: 1em;
  }

  .sub-menu__list-item--title {
    background-color: var(--color-border);
    padding: 0;
    margin: 0;
  }

  .sub-menu__list-item--title span {
    display: block;
    color: var(--color-font-contrast);
    padding: 0.5em;
  }
}

/*
 On Big devices, show menu
*/

@media (min-width: 1024px) {
  .main-menu__list details > summary {
    list-style: none;
  }

  .main-menu__list details > summary::-webkit-details-marker {
    display: none;
  }

  ul.main-menu__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: var(--color-background);
    justify-content: flex-start;
    height: 30px;
  }

  details[open] summary.main-menu__title .sub-menu,
  details[open] summary.main-menu__title a .sub-menu,
  summary.main-menu__title:hover .sub-menu,
  summary.main-menu__title:hover a .sub-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .main-menu__title {
    width: inherit;
    text-decoration: none;
    font-size: var(--h5);
  }

  .main-menu__title--right {
    font-family: "plato", sans-serif;
  }

  .main-menu__title a {
    display: block;
    text-decoration: none;
    padding: var(--base-padding-mobile);
  }

  .main-menu__title a:hover {
    color: var(--color-font-contrast);
  }

  .sub-menu {
    position: absolute;
    top: var(--offset-top);
    left: 0;
    width: 100%;
    z-index: 4;
    background-color: white;
    border: 1px solid var(--color-border);
    height: 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
    opacity: 0;
  }

  .main-menu__item:hover .sub-menu {
    height: 390px;
    max-height: 390px;
    opacity: 1;
    /* grid-template-columns: 300px repeat(3, minmax(150px, 250px)); */
    /* padding: 1em; */
  }

  .sub-menu__list {
    padding: 1em;
    font-size: 0.9em;
  }

  .sub-menu__list--main {
    border-right: 1px solid var(--color-border);
    font-size: 1em;
  }

  .sub-menu__list-item {
    padding: 0.2em;
  }

  .sub-menu__list-item--title {
    padding: 0.2em;
    font-size: 1em;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-font-contrast);
  }
}

/* #endregion Main Menu Style Definitions */

/* #region Plato Content */

.contentblock {
  width: 100%;
}

.contentblock .title {
  text-transform: lowercase;
}

.contentblock__title {
  display: block;
  padding: 0;
  margin: 0;
}

.etalage-preview_title-link,
.search-results_title-total {
  margin: 0 0 1em 0;
  display: block;
}

.etalage-preview_title-link i {
  color: var(--color-font-contrast);
}

@media (min-width: 1024px) {
  .contentblock__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    margin: 0;
  }

  .etalage-preview_title-link,
  .search-results_title-total {
    margin-top: 1em;
    margin-left: 1em;
    padding: 0 0 0.7rem 0;
  }

  .preview_title-total {
    margin-top: 1em;
    margin-left: 1em;
    padding: 0 0 0.7rem 0;
  }
}

/* album details */

.cover {
  width: 100%;
  height: 100%;
  background: grey;
}

.searchresult-navigation-container {
  display: grid;
  justify-content: center;
  margin: 1em 0;
}

.searchresult-navigation-container-info {
  text-align: center;
}

.searchresult-navigation {
  display: flex;
  padding: 1em;
}

li > .searchresult-navigation b {
  background-color: #e7e3e1;
}

.searchresult-navigation li.big-page {
  display: none;
}

@media (min-width: 1024px) {
  .searchresult-navigation li.big-page {
    display: block;
  }
}

.searchresult-navigation a {
  border: 1px solid #e7e3e1;
  color: #000000;
  padding: 0.5rem 15px;
  margin: 0;
}

.searchresult-navigation .prev a {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.searchresult-navigation .next a {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

/* #endregion Plato Content */

/* #region Random Stuff Todo Refactor */

.mania-archive {
  margin: 0 1em;
}

.mania-archive__issues {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  margin: 1em 0px;
}

.custom-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.custom-blocks .block {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.custom-blocks .block a img {
  width: 100%;
}

.etalage-content a img,
.custom-etalage a img {
  width: 100%;
}

.etalage-grid {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}

.x-window {
  z-index: 10000 !important;
}

#socialmedia {
  text-align: right;
  margin-right: 1em;
}

.short-lists-teaser {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 1em;
}

.short-lists-teaser__column {
  display: grid;
  justify-content: center;
  padding: 1em;
}

.short-lists-teaser__list {
  padding: 0;
  margin: 0.5em 0 1em 0;
}

.short-lists-teaser__card {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5em;
}

.short-lists-teaser__card:hover {
  background-color: var(--color-background-highlight);
}

@media (min-width: 500px) {
  .short-lists-teaser__card {
    grid-template-columns: auto 1fr;
  }
}

.short-lists-teaser__image {
  width: 50px;
  margin: 0 0.3em 0 0;
}

.short-lists-teaser__links {
  font-size: 0.8em;
}

.short-lists-teaser__content {
  display: grid;
  font-size: 0.8em;
}

/* FIX ANCHOR OFFSET */

a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

.shopping-cart-steps-bar {
  text-align: center;
}

.shopping-cart-steps-bar a {
  display: inline-block;
  cursor: default;
}

.shopping-cart-steps-bar a[href] {
  cursor: pointer;
}

.shopping-cart-steps-bar__step-number {
  color: white;
  text-decoration: none;
}

.shopping-cart-steps-bar i.far.fa-circle,
i.fa-minus {
  color: var(--color-font-contrast);
}

/* Order overview for step 1 */

.order-overview,
.order-overview tr {
  border: 1px solid grey;
  border-collapse: collapse;
}

.order-overview {
  width: 100%;
  text-align: left;
}

.order-overview th {
  background-color: var(--color-background-highlight);
}

.order-overview th,
.order-overview td {
  padding: 0.5em;
}

.order-overview__aantal {
  width: 2em;
}

/* #region etalage-preview */

.etalage-preview-articles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-gap: 1em;
  align-items: end;
  /* padding: 0;
  margin: 0; */
}

.etalage-preview-articles.min-results {
  grid-template-columns: repeat(auto-fit, minmax(220px, 300px));
}

.etalage-preview-article {
  height: 100%;
  padding: 0;
  margin: 0;
}

/* #endregion etalage-preview */

.flash {
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  font-size: 120%;
}

.flash-error {
  background-color: rgba(255, 0, 0, 0.25);
}

.page-not-found {
  margin: 1em;
}

.shops-listing {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fit, 220px);
  align-items: flex-start;
  margin-left: 1em;
}

/* Container for all content pages */

.page-content-container {
  margin: 0 1em;
}

.page-content-container article {
  max-width: 800px;
}

section.etalage-preview__products {
  margin-bottom: 1em;
}

.hide-me-on-new-site {
  display: none;
}

section.contact-page article,
section.service-page article {
  margin: 1em 0 2em 0;
  max-width: 800px;
}

.in-store i {
  color: var(--color-font-contrast);
}

.in-store {
  max-width: 250px;
}

.shipping-costs__table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--color-border);
}

.shipping-costs__table td {
  border: 1px solid var(--color-border);
  padding: 0.5em;
}

.alert {
  position: relative;
  font-size: 14pt;
  margin-bottom: 1.2em;
  border-radius: 5px;
  padding: 25px 40px 25px 25px !important;
}

.alert .close {
  display: none;
  position: absolute;
  right: 7px;
  top: -6px;
  font-size: 40px;
  font-weight: bold;
  color: black;
  cursor: pointer;
  text-decoration: none;
}

.close:hover {
  color: black;
  text-decoration: none;
}

.alert.alert-success {
  background: white;
  border: 1px solid #3cf13f;
  color: black;
}

.alert.alert-warning {
  border: 1px solid black;
  background-color: #e7e3e1;
  color: black;
}

.alert.alert-danger {
  border: 1px solid #b2002f;
  background-color: #b2002f;
  color: white;
}

.error-messages {
  border-radius: 5px;
  padding: 25px !important;
  border: 1px solid #faaa;
  /* background-color: var(--background-color-font-important) */
  background-color: #fdd;
  font-size: 14pt;
  margin-bottom: 15px;
}

.error-messages p {
  margin: initial !important;
  font-size: 14pt;
}

/* #endregion Random Stuff Todo Refactor */

/* #region Mania curated lists */

.mania-lists {
  display: grid;
  grid-gap: 2px;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  margin: 1em 0 0 0;
}

.mania-list {
  position: relative;
  overflow: hidden;
}

.mania-list--span2 {
  grid-column: auto/span 2;
}

.mania-list__card {
  display: grid;
  align-items: center;
  position: relative;
}

.mania-list__image {
  width: 100%;
  max-width: 220px;
  border: 1px solid var(--color-border);
}

.mania-list__image--menu {
  width: 150px;
  /* border: 1px solid var(--color-border); */
}

.mania-list__image--menu-large {
  width: 300px;
  /* border: 1px solid var(--color-border); */
}

.mania-list__overlay {
  width: 100%;
  position: absolute;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.mania-list__overlay:hover,
.mania-list__overlay:active {
  background-color: rgba(0, 0, 0, 0);
}

.mania-list__text {
  width: 100%;
  position: absolute;
  z-index: 2;
  margin: 0;
}

.mania-list__text-line {
  color: white;
  font-size: 2.5vw;
  line-height: 1vw;
  margin-left: 0.5vw;
}

.mania-list__text-img {
  width: 100%;
}

.mania-menu {
  margin: 2rem 0rem 1.5rem 2.5rem;
  padding: 0;
  font-size: calc(var(--h5) * 1.1);
}

.mania-menu__item {
  margin: 0 0 0.5rem 0;
  padding: 0;
}

.mania-menu__title {
  margin: 1em 0 0 1rem;
  padding: 0;
}

.mania-menu__link:hover,
.mania-menu__link:active {
  text-decoration: underline;
}

/* #endregion Mania curated lists  */

/* #region sub-navigation */

.sub-navigation {
  display: none;
  grid-area: sub-navigation;
}

.sub-navigation__card {
  width: 100%;
  padding: 0.7em 0;
  display: grid;
  grid-template-columns: auto 1fr;
  /* border-top: 2px dashed white; */
  color: black;
}

.sub-navigation__image {
  width: 45px;
  margin: 0.1em 1em;
}

.sub-navigation__title {
  margin: 0;
}

.sub-navigation__background {
  display: none;
  grid-row-start: sub-navigation-start;
  grid-row-end: sub-navigation-end;
  grid-column: 1;
  z-index: -2;
  background-color: white;
}

@media (min-width: 1024px) {
  .sub-navigation {
    grid-gap: 1em;
    grid-template-columns: repeat(3, 1fr);
  }

  .sub-navigation__background {
    grid-column: 1/span 6;
  }

  .sub-navigation__card--border-right {
    border-right: 1px solid white;
  }

  .sub-navigation__card {
    border-left: 1px solid white;
  }
}

/* #endregion sub-navigation */

/* #region news-letter */

.news-letter-listing {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
  /* padding: 0 1em 1em 0; */
  align-items: end;
}

.news-letter-listing article {
  margin: 0;
}

.news-letter-listing article a img {
  width: 90%;
}

@media (min-width: 1024px) {
  .news-letter-listing {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fit, 400px);
    align-items: end;
  }

  .news-letter-listing article a img {
    width: 100%;
  }
}

.news-letter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  height: 120px;
  background-color: #e7e3e1;
  padding: 1em 0 2em 0;
  margin-top: 50px;
}

.news-letter--page {
  background-color: var(--color-background);
  height: inherit;
  margin: 0 0 1em 1em;
}

.news-letter__heading {
  display: flex;
  align-items: center;
  justify-self: flex-start;
}

.news-letter__title {
  padding-right: 0.5em;
}

.news-letter__icon {
  /* color: #68c604; */
  color: var(--color-font-contrast);
  font-size: 3em;
  padding: 0.2em 0.4em;
}

.news-letter-background {
  grid-column: 1;
  background-color: #e7e3e1;
  z-index: -1;
}

.news-letter__form {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.news-letter__input {
  border: 1px solid white;
  border-radius: 20px 0 0 20px;
  height: 30px;
  padding-left: 10px;
  font-size: 1em;
  color: black;
  width: 200px;
}

.news-letter__input--page {
  border: 1px solid var(--color-border);
}

.news-letter__button {
  /* border: 1px solid #68c604; */
  border: 1px solid var(--color-font-contrast);
  border-radius: 0 20px 20px 0;
  height: 34px;
  /* background-color: #68c604; */
  background-color: var(--color-font-contrast);
  color: white;
  font-size: 1em;
  padding: 0 1.5em 0 1em;
  margin-left: -5px;
}

@media (min-width: 1024px) {
  .news-letter {
    border-left: 1px solid #cbcccd;
    border-right: 1px solid #cbcccd;
    padding: 0;
  }

  .news-letter--page {
    border-left: 0;
    border-right: 0;
  }

  .news-letter__title {
    padding-right: 13vw;
  }

  .news-letter__icon {
    padding: 0.5em;
  }

  .news-letter-background {
    grid-column: 1/7;
    grid-row-start: news-letter-start;
    grid-row-end: news-letter-end;
  }

  .news-letter__form {
    width: inherit;
  }

  .news-letter__input {
    width: 350px;
  }
}

/* #endregion news-letter */

/* #region social-buttons */

.social-buttons {
  display: grid;
  grid-template-columns: 1fr;
  grid-area: social-buttons;
  padding: 1em 1em 0;
  text-align: center;
}

.social-buttons-background {
  grid-column: 1;
  grid-row-start: social-buttons-start;
  grid-row-end: social-buttons-end;
  background-color: #e7e3e1;
  z-index: -1;
}

.social-buttons article {
  margin: 0;
}

@media (min-width: 700px) {
  .social-buttons article {
    margin: 0 4em;
  }
}

.social-buttons article header {
  text-align: left;
  font-weight: bold;
}

.social-buttons article header {
  color: black;
  margin: 0 0 0.1em;
}

.social-buttons ul {
  display: flex;
  justify-content: left;
}

.social-buttons ul li a {
  /* text-decoration: none; */
  padding: 0.3em;
  font-size: 2.5em;
  color: var(--color-font-contrast);
}

@media (min-width: 1024px) {
  .social-buttons {
    grid-template-columns: repeat(2, 1fr);
  }

  .social-buttons-background {
    grid-column: 1/7;
  }
}

/* #endregion social-buttons */

/* #region etalage-summary */

.etalage-summary__image {
  /* Position and center the image to scale nicely on all screens */
  width: 100%;
  height: clamp(200px, 12vw, 12vw);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media (max-width: 400px) {
  .etalage-summary__image {
    height: clamp(100px, 125px, 10vw);
  }
}

.etalage-summary__content {
  padding: var(--base-padding);
  text-align: left;
  border: 1px solid var(--color-border);
}

.etalage-summary__content p {
  color: #5f5f5f;
}

.etalage-summary__container {
  margin: 0.7em 1em 0 0.7em;
}

.etalage-summary__container > * {
  margin: 0;
  padding: 0;
}

.etalage-summary__items {
  display: grid;
}

.etalage-summary__item {
  height: auto;
}

.etalage-summary__items--4col {
  grid-template-columns: repeat(4, 1fr);
}

.etalage-summary__items--3col {
  grid-template-columns: repeat(3, 1fr);
}

/* #endregion etalage-summary */

/* #region read-more-expand */

.less:focus,
.more:focus {
  display: none;
}

.less,
.more {
  color: var(--color-font-contrast);
  cursor: pointer;
  text-align: right;
}

.less:hover,
.more:hover {
  text-decoration: underline;
}

.expand {
  display: none;
}

.less:focus ~ .expand {
  display: none;
}

.more:focus ~ .expand {
  display: block;
}

/* #endregion read-more-expand */

/* #region album-reviews */

.album-review {
  margin: 0 0 1em 0;
}

.album-review__content {
  padding: 1em;
  margin: 0;
  border: 1px solid var(--color-border);
}

@media (max-width: 750px) {
  .album-review__content img,
  .album-review__content iframe {
    width: 100%;
  }
}

.album-review__footer {
  display: flex;
  justify-content: space-between;
  margin: 0.5em 1.5em 1em;
  font-size: 0.8em;
}

/* #endregion album-reviews */

/* #region harde-acties */

.harde-acties {
  margin-top: 1em;
}

.harde-actie {
  height: 100%;
}

/* #endregion harde-acties */

.content {
  padding: var(--base-padding) 0;
}

.pagination {
  color: green;
  justify-content: center;
  display: flex;
  padding: 1em;
}

.pagination .page-item {
  border: 1px solid var(--color-border);
  color: #000000;
  padding: 0.5rem 15px;
  margin: 0;
}

.pagination .page-item.disabled {
  color: grey;
}

.pagination .page-item.active {
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .pagination li.page-item {
    display: none;
  }

  .pagination .page-item:first-child,
  .pagination .page-item:nth-child(2),
  .pagination .page-item:nth-last-child(2),
  .pagination .page-item:last-child,
  .pagination .page-item.active,
  .pagination .page-item.disabled {
    display: block;
  }
}

/* generic page header */

.pageheader {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--base-padding);
}

.pageheader__title {
  margin: 0;
  padding: 0;
}

.pageheader__right-text {
  margin-bottom: 0.25em;
  font-size: var(--h5);
}

.pageheader__right-text:hover {
  color: var(--color-font-important);
}

@media (min-width: 1024px) {
  .pageheader {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.wishlist-overview .article-list .article .article__footer .article_extra-buttons {
  display: flex;
}

.wishlist-overview .article-list .article .article__footer .article__button {
  grid-column: 2/3;
}

.article-list {
  margin-top: var(--base-padding);
  box-sizing: border-box;
}

.article-list .link:hover {
  text-decoration: none;
}

.article-list header {
  display: flex;
}

.article-list .article .article__footer .article_extra-buttons {
  display: none;
}

.article-list .article .article__footer .article__button {
  grid-column: 1/3;
}

.article-list main {
  display: grid;
  grid-gap: 1em;
}

.article-list main.single-column {
  grid-template-columns: 1fr;
  max-width: 1024px;
}

@media (min-width: 600px) {
  .article-list main {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 750px) {
  .article-list main {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 800px) {
  .article-list main {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  .article-list main {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-gap: 1em;
  }

  .article-list main.min-results {
    grid-template-columns: repeat(auto-fit, minmax(220px, 300px));
  }
}

.article-list main:empty {
  display: none;
}

@media (max-width: 1024px) {
  .limit-articles-one-row main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--base-padding);
  }

  .limit-articles-one-row main .article {
    grid-template-columns: 1fr;
  }

  .limit-articles-one-row main .article .article__footer,
  .limit-articles-one-row main .article .article-details__text {
    display: none;
  }

  .limit-articles-one-row main .article .article__content {
    padding: 0;
  }
}

.article-list__description img,
.article-list__description iframe {
  max-width: 100%;
}

.limit-articles-one-row .article-list__articles {
  grid-template-rows: auto;
  grid-auto-rows: 0px;
  overflow: hidden;
  box-sizing: border-box;
  grid-row-gap: 0;
  padding: 0;
}

.limit-articles-one-row .article-list__articles article {
  display: grid;
}

.article__content-group {
  align-self: flex-start;
}

.article-list .article__content-group {
  align-self: flex-end;
}

.article-details .article__content-group {
  align-self: flex-start;
}

.article-removed {
  color: var(--color-font-contrast);
  font-weight: bold;
  text-align: center;
}

.article-details {
  margin-bottom: 1em;
}

.article-details .article {
  grid-template-columns: 1fr;
  grid-gap: 1em;
}

@media (min-width: 750px) {
  .article-details .article {
    grid-template-columns: 300px 400px;
    grid-gap: 2em;
  }
}

.article-details .article .article__content .product-card__artist {
  font-size: var(--h5);
}

.article-details .article .article__content .product-card__title {
  font-size: var(--base-size);
}

.article-details .article .article__footer .article_extra-buttons {
  display: flex;
  padding: 0 0.5em 0 0;
}

.article-details .article .article__footer .article_extra-buttons .btn {
  background-color: var(--color-border);
  border-color: var(--color-border);
  color: black;
}

.article-details .article .article__footer .article_extra-buttons .wishlist__add-button {
  display: block;
  color: var(--grey);
  margin: 0 0.3em;
}

.article-details .article .article__footer .article_extra-buttons .wishlist__add-button:hover,
.article-details .article .article__footer .article_extra-buttons .wishlist__add-button:active {
  color: var(--color-font-contrast);
}

.article-details .article .article__footer .article__delivery-time {
  grid-column: 2/3;
}

.article-details .article .article-details__text {
  display: block;
  font-size: 0.9em;
}

.article-details .article .article-details__text:last-of-type {
  margin-bottom: 1em;
}

.article-details .article .article-details__delivery-text {
  margin: 1em 0;
}

.wishlist-overview a.wishlist__remove-button {
  display: block;
  color: white;
  margin: 0 0.3em;
}

.article {
  display: grid;
  grid-template-columns: 25% 1fr;
  grid-gap: 0.5em;
  margin: 0;
  padding: 0;
}

.article .wishlist__add-button {
  display: none;
}

.article .wishlist__remove-button {
  display: none;
}

@media (min-width: 600px) {
  .article {
    grid-template-columns: 1fr;
  }
}

.article .article-details__text {
  display: none;
}

.article .article__image {
  padding: 0;
  position: relative;
  border: 1px solid var(--color-border);
  background-size: cover;
  background-position: center;
}

.article .article__image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.article .article__content {
  display: grid;
  padding: 0.5em 0 0 0;
}

.article .article__content a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article .article__content a .product-card__artist,
.article .article__content a .product-card__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.article .article__content a .product-card__artist {
  font-size: var(--base-size);
  font-weight: bold;
  margin: 0 0 0.05em 0;
  padding: 0;
}

.article .article__content a .product-card__title {
  font-size: var(--base-size);
  font-weight: normal;
  margin-bottom: 0.5em;
}

.article .article__footer {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0;
  grid-row: 3;
  grid-column: 1;
}

.article .article__footer .article__order {
  border-top: 1px solid var(--color-border);
  display: grid;
  justify-content: start;
  align-items: center;
  grid-template-columns: auto 1fr;
}

.article .article__footer .article__order .article__medium {
  padding: 0.5em;
  color: var(--color-font-softer);
}

.article .article__footer .article__order .article__price {
  padding: 0.5em;
  text-align: right;
  border-left: 1px solid var(--color-border);
}

.article .article__footer .article__order .article__button {
  padding: 0 0.5em;
}

.article .article__footer .article__order .article__button a {
  background-color: var(--color-font-contrast);
  padding: 0.5em;
  border-radius: 3px;
  color: white;
  display: block;
  text-align: center;
  text-decoration: none;
}

.article .article__footer .article__order .article__button a:hover {
  background-color: #bf0134;
}

.article .article__footer .article__order .article__button--disabled a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  background-color: var(--color-border);
}

.article .article__image-container {
  position: relative;
}

.article .article__discount {
  display: block;
  text-align: center;
  z-index: 3;
  font-size: 0.6em;
  font-weight: bold;
  background-color: var(--color-font-contrast);
  position: absolute;
  margin-top: 8px;
  margin-left: -10px;
  padding: 0.2em;
  color: white;
}

@media (min-width: 500px) {
  .article .article__discount {
    font-size: 1.1em;
  }
}

@media (min-width: 750px) {
  .article .article__discount {
    font-size: 1.2em;
  }
}

.article .article__delivery-time.instock {
  color: var(--color-font-contrast-dark);
}

.article .delayed {
  color: var(--color-font-important);
}

.article .article__delivery-time {
  display: flex;
  margin-bottom: 0.5em;
  grid-column: 1/3;
  grid-row: 3;
  padding: 0.25em;
  color: var(--color-font-softer);
  justify-content: center;
}

@media (min-width: 700px) {
  .article .article__delivery-time {
    text-align: center;
  }
}

.Magazine .article__image:after,
.DVD .article__image:after,
.Boek .article__image:after,
.Blu-ray .article__image:after {
  padding-bottom: 141%;
}

/* card is a generic component with a header, content and a footer */

.card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  grid-gap: var(--base-padding);
  width: 100%;
  max-width: 100%;
}

.card .card__header {
  width: 100%;
}

.card .card__content {
  width: 100%;
  max-width: 100%;
}

.card .card__content h1 {
  font-size: 1.4em;
}

.card .card__content h2 {
  font-size: 1.2em;
  color: var(--color-font-contrast);
  font-weight: normal;
}

.card .card__content p {
  margin-top: 0.3em;
  text-align: justify;
  color: #5d5d5d;
}

.card .card__footer {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
}

.card .card__image {
  width: 300px;
  height: 300px;
  min-width: 300px;
  max-height: 300px;
  padding: 0;
  border-radius: 9px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.card a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card .card__title,
.card .card__sub-title {
  text-transform: uppercase;
  padding: 0;
}

.card .card__sub-title {
  font-size: var(--h4);
  font-weight: bold;
  padding: 0;
}

.card .card__title {
  font-size: var(--h3);
  font-weight: normal;
}

.card .card__button {
  margin-top: 0.5em;
  width: 100%;
}

.card .card__button a {
  background-color: var(--color-font-contrast);
  padding: 0.5em;
  border-radius: 3px;
  color: white;
  display: block;
  text-align: center;
  text-decoration: none;
  max-width: 15em;
}

.card .card__button a:hover {
  font-weight: bold;
}

.card .card__button--disabled a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  background-color: var(--color-border);
}

@media (min-width: 700px) {
  .card span {
    text-align: center;
  }
}

@media (max-width: 639px) {
  .card {
    grid-template-columns: 1fr;
  }

  .card .card__image {
    width: calc(100vw - 1em);
    height: calc(100vw - 1em);
    min-width: calc(100vw - 1em);
    max-height: calc(100vw - 1em);
  }

  .card .card__button {
    margin-bottom: 2em;
  }
}

.card--border {
  padding: 1rem 2rem;
  border-radius: 4px;
  border: 1px solid var(--color-border);
  box-shadow: 0 1px 3px var(--color-border);
}

.card--no-border {
  padding: 1rem 2rem;
}

.magazines__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
}

@media (min-width: 700px) {
  .magazines__list {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

.magazines__issue img {
  width: 100%;
}

.magazines__issue-number {
  display: block;
  text-align: center;
  z-index: 3;
  font-size: 1.2em;
  font-weight: bold;
  background-color: var(--color-font-contrast);
  position: absolute;
  margin-top: 8px;
  margin-left: -10px;
  padding: 0.2em;
  width: 3em;
  color: white;
}

.selected-magazine {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
  padding: 1em 0;
}

@media (min-width: 1024px) {
  .selected-magazine {
    grid-template-columns: 2fr 1fr;
  }
}

.selected-magazine .featured-discs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1em;
}

@media (min-width: 1024px) {
  .selected-magazine .featured-discs {
    grid-template-columns: 1fr 1fr;
  }
}

.selected-magazine .featured-discs__title {
  display: block;
  text-align: center;
  z-index: 3;
  font-size: 1.2em;
  font-weight: bold;
  background-color: var(--color-font-contrast);
  position: absolute;
  margin-top: 8px;
  margin-left: 8px;
  padding: 0.2em;
  width: 4em;
  color: white;
}

.selected-magazine .featured-discs img {
  width: 100%;
}

.store-list .card {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1em;
}

.store-list .card img.card__image {
  width: 400px;
}

@media (min-width: 700px) {
  .events main {
    padding: 1em;
  }

  .events-list .event-date {
    text-transform: lowercase;
    color: var(--color-font-normal);
  }

  .events-list img.card__image {
    width: 400px;
  }
}

.order-details__header {
  display: flex;
  justify-content: space-between;
}

.order-details__addresses {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
}

@media (min-width: 700px) {
  .order-details__addresses {
    grid-template-columns: 1fr 1fr;
  }
}

.order-history .card--border {
  padding: 0;
  margin: 0;
  border: 0;
}

.order-history .btn {
  padding: 0;
  width: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}

thead {
  border-bottom: 2px solid var(--color-border);
}

td,
th {
  vertical-align: middle;
}

@media (min-width: 700px) {
  td,
  th {
    padding: 0.5rem 0.4rem;
  }
}

/* #region tracks in article details */

.tracks {
  padding: 0;
  margin: 0;
}

.track-list {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.track-list__disc {
  padding: 1em;
  border: 1px solid var(--color-border);
}

.track-list__disc h5 {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 1em;
}

.track-list__tracks {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: 1fr;
}

@media (min-width: 1440px) {
  .track-list__tracks {
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }

  .track-list {
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
  }
}

/* #endregion tracks in article details */

/* #region order complete page */

.order-complete {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: 1fr;
  margin: 1em 0;
}

.order-complete .card__header {
  display: none;
}

@media (min-width: 700px) {
  .order-complete {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .order-details .card--border {
    padding: 0;
    margin: 0;
    border: 0;
  }
}

.order-lines td,
.order-lines th {
  vertical-align: top;
  padding: 0.4rem 0.4rem;
}

.order-lines tr {
  border-bottom: 1px solid var(--color-border);
}

.order-lines tr:last-child {
  border-bottom: 0;
}

.order-complete ul {
  list-style: square;
  list-style-position: outside;
  margin: 0 0 1em 1em;
}

/* #endregion order complete page */

/* #region login */

.login-container {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}

.login-container .login-card {
  max-width: 500px;
}

.login-container .login-card.card {
  grid-template-columns: 1fr;
}

.login-container .form-control {
  border: 1px solid black;
  padding: 0 1em;
  height: 34px;
  font-size: 1em;
  color: black;
  width: 100%;
  max-width: 350px;
}

.form-group.row {
  margin: 1em 0;
}

.invalid-feedback {
  margin-top: 1em;
}

/* #endregion login */

/* #region picture-grid */

.picture-grid img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.25s ease-in-out;
}

.picture-grid img:hover {
  opacity: 0.7;
}

.picture-grid {
  margin: 2em 0;
  display: grid;
  grid-gap: 1em;
  grid-template-columns: 1fr;
}

@media (min-width: 640px) {
  .picture-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
  }

  .picture-grid img {
    max-width: 100%;
    height: auto;
  }

  .column-content--2 {
    margin: 2em 0;
    padding: 1em;
    -moz-columns: 2 300px;
    columns: 2 300px;
    padding: 1em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    -moz-column-rule: 1px dotted var(--color-font-contrast);
    column-rule: 1px dotted var(--color-font-contrast);
  }

  .column-content--3 {
    margin: 2em 0;
    -moz-columns: 3 300px;
    columns: 3 300px;
    padding: 1em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    -moz-column-rule: 1px dotted var(--color-font-contrast);
    column-rule: 1px dotted var(--color-font-contrast);
  }

  .column-content--4 {
    margin: 2em 0;
    -moz-columns: 4 300px;
    columns: 4 300px;
    padding: 1em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    -moz-column-rule: 1px dotted var(--color-font-contrast);
    column-rule: 1px dotted var(--color-font-contrast);
  }
}

@media (min-width: 1024px) {
  .picture-grid {
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
  }
}

.content-keep-together {
  display: inline-block;
}

.content-inversed {
  background-color: var(--color-font-important);
  color: white;
  padding: 1em;
  -moz-column-gap: 4em;
  column-gap: 4em;
  -moz-column-rule: 1px dotted white;
  column-rule: 1px dotted white;
}

.content-inversed--grey {
  background-color: var(--color-background-highlight);
  color: black;
  padding: 1em;
  -moz-column-gap: 4em;
  column-gap: 4em;
  -moz-column-rule: 1px dotted black;
  column-rule: 1px dotted black;
}

.content-inversed-black {
  background-color: black;
  color: white;
  padding: 1em;
  -moz-column-gap: 4em;
  column-gap: 4em;
  -moz-column-rule: 1px dotted white;
  column-rule: 1px dotted white;
}

/* #endregion picture-grid */

/* #region store-details */

.store-details .store-name {
  color: white;
  font-size: 2.5em;
  font-weight: bold;
  background-color: var(--color-font-contrast);
  padding: 0 0.4em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.store-details .store-information {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
}

@media (min-width: 700px) {
  .store-details .store-information {
    grid-template-columns: auto 1fr;
  }

  .store-details .store-name {
    font-size: 4em;
    padding: 0 0.4em;
  }
}

.store-details min article {
  width: auto;
  color: white;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 1em;
}

.store-details article.card {
  background-color: black;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin: var(--base-padding);
  padding: var(--base-padding);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.store-details article.card .card__content a,
.store-details article.card .card__content p {
  color: white;
}

.store-details .card__image,
.store-details .card__header {
  display: none;
}

.store-details .card__title {
  font-size: var(--h3);
  color: white;
}

.store-details .opening-times__blocks {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--base-padding-mobile);
}

.store-details .opening-times__blocks h5 {
  font-weight: bold;
  background: black;
  padding: 0.3em;
  color: white;
  margin: 0 0.3em 0.3em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.store-details .opening-times__blocks .opening-times {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  row-gap: var(--base-padding-mobile);
  padding: 0;
  margin: 0;
  margin-left: var(--base-padding-mobile);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 9px;
}

.store-details .opening-times__blocks .opening-times .opening-times__day {
  font-weight: bold;
}

.store-details .opening-times__blocks .opening-times .opening-times__time,
.store-details .opening-times__blocks .opening-times .opening-times__day {
  background: black;
  padding: 0.5em;
  color: white;
}

.store-details .opening-times__message {
  padding: 0 1.5em;
  margin-left: var(--base-padding-mobile);
  font-weight: bold;
}

@media (min-width: 640px) {
  .store-details .card {
    flex-direction: row;
    gap: var(--base-padding-mobile);
  }

  .store-details .card__footer {
    display: none;
  }

  .store-details .card > div {
    flex-grow: 1;
    width: 100%;
    padding: var(--base-padding-mobile);
  }
}

/* #endregion store-details */

@media (min-width: 1024px) {
  .full-screen-width {
    margin-left: calc(-1 * var(--site-margin-width));
    margin-right: calc(-1 * var(--site-margin-width));
    padding-left: var(--site-margin-width);
    padding-right: var(--site-margin-width);
    position: relative;
    /* limit content width in full width banner*/
  }
}

/* #region mobile layout */

/* Variables */

/* reset */

i {
  font-style: normal;
}

html,
body {
  height: 100%;
  margin: 0;
}

.mobile:where(a, input, button, select) {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.mobile:where(button:hover, button:active, a:hover, a:active) {
  /*   background-color:  */
}

/* Helper classes */

.flex-push-right {
  margin-left: auto;
}

/* mobile header */

header.mobile-header {
  width: var(--site-body-width);
  position: fixed;
  background-color: var(--color-background);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5em;
  padding: var(--base-padding-mobile);
  box-sizing: border-box;
  z-index: 1000;
  align-items: center;
}

.mobile-header--background {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--color-background);
  height: var(--offset-top);
  width: 100%;
  max-width: 100%;
  z-index: 999;
  border-bottom: 1px solid var(--color-border);
}

a.header-logo {
  height: auto;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

@media (min-width: 300px) {
  a.header-logo img {
    height: 1.8em;
  }
}

@media (min-width: 420px) {
  a.header-logo img {
    height: 2em;
  }
}

@media (min-width: 600px) {
  a.header-logo img {
    height: 3em;
  }
}

@media (min-width: 1024px) {
  header.mobile-header {
    padding: 0 var(--base-padding-mobile);
  }
}

/* desktop search */

#desktop-search {
  display: none;
}

#desktop-search {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  justify-content: center;
  height: auto;
  align-items: center;
}

#mobile-search-input:focus,
#desktop-search input:focus {
  outline: none;
}

@media (min-width: 1024px) {
  #desktop-search {
    display: flex;
    flex-grow: 2;
  }
}

.mobile-header label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  border: 1px solid #eeeeee;
  font-style: normal;
  text-decoration: none;
}

/* colors the input right after the label, order matters*/

header.mobile-header input[name=header-button]:checked + label {
  background-color: #b2002f;
  color: white;
}

/* colors the label on hover*/

header input:hover + label {
  background-color: #b2002f;
  color: white;
}

/* mobile nav-bar menu and toggle*/

@media (max-width: 400px) {
  header.mobile-header label {
    width: 3em;
    height: 3em;
    font-size: 1em;
  }
}

nav:is(#mobile-menu, #user-menu, #shopping-cart) {
  height: calc(100vh - var(--offset-top));
  background: white;
  overflow-y: auto;
  border: 1px solid var(--color-border);
  padding: var(--base-padding);
}

@media (min-width: 1024px) {
  nav:is(#mobile-menu, #user-menu, #shopping-cart) {
    /* On desktop menu height is not fullscreen. */
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow-y: initial;
  }
}

#mobile-menu-toggle,
#mobile-menu-toggle ~ #mobile-menu,
#shopping-cart-toggle,
#shopping-cart-toggle ~ #shopping-cart,
#user-menu-toggle,
#user-menu-toggle ~ #user-menu,
#mobile-search-toggle,
#mobile-search-toggle ~ #mobile-search {
  /* State: closed. Click to open. */
  /* Hide checkbox */
  display: none;
}

label i.fa-shopping-cart {
  margin-left: 8px;
}

@media (min-width: 1024px) {
  #mobile-menu-toggle ~ #mobile-menu {
    /* On desktop always show menu. */
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
  }

  label[for=mobile-search-toggle] {
    display: none;
  }

  label[for=mobile-menu-toggle] {
    display: none;
  }
}

/* State: open. Click to close. */

#mobile-menu-toggle:checked ~ #mobile-menu,
#shopping-cart-toggle:checked ~ #shopping-cart,
#user-menu-toggle:checked ~ #user-menu,
#mobile-search-toggle:checked ~ #mobile-search {
  display: block;
  width: 100%;
  max-width: 100%;
  height: calc(99vh - var(--offset-top));
}

#mobile-search-toggle:checked ~ #mobile-search {
  height: auto;
}

#user-menu h4 {
  font-size: var(--h4);
  margin-left: 0.5em;
}

@media (min-width: 1024px) {
  /* State: open. Click to close. */

  #mobile-menu-toggle:checked ~ #mobile-menu,
  #shopping-cart-toggle:checked ~ #shopping-cart,
  #user-menu-toggle:checked ~ #user-menu {
    display: block;
    width: auto;
    width: 500px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: absolute;
    top: calc(var(--offset-top) - 3.7em);
    right: 0;
    padding: 1em;
  }

  #user-menu {
    background-color: white !important;
  }

  #user-menu ul {
    display: grid;
    justify-content: initial;
    background-color: white;
    margin: 0;
    padding: 0;
  }

  #user-menu ul.main-menu__list {
    height: auto;
    /* Override the 30px height from main menu */
  }

  #user-menu summary.main-menu__title {
    background-color: white !important;
  }

  #user-menu summary.main-menu__title .main-menu__title {
    font-size: 1em;
  }

  #user-menu summary.main-menu__title button {
    margin-top: 1em;
  }

  .main-menu__item:hover ~ .overlay {
    opacity: 100;
  }

  #mobile-menu-toggle:checked ~ .overlay,
  #shopping-cart-toggle:checked ~ .overlay,
  #user-menu-toggle:checked ~ .overlay {
    opacity: 100;
  }

  #mobile-search-toggle:checked ~ #mobile-search {
    display: none;
  }
}

/* #endregion mobile layout */

/* main content */

main.mobile-main {
  min-height: 100%;
  padding: calc(var(--offset-top) + 1.5em) var(--base-padding-mobile) 0 var(--base-padding-mobile);
}

.top-banner,
.top-banner__background {
  display: none;
}

@media (min-width: 1024px) {
  .top-banner__background {
    display: block;
  }

  .top-banner {
    width: 100%;
    background: #b2002f;
    display: flex;
    gap: 1em;
    font-size: 0.9em;
    font-weight: bold;
  }

  .top-banner .top-banner__text-emphasized {
    font-weight: bold;
  }
}

.top-banner a {
  color: white;
}

.checkout-container main.mobile-main {
  min-height: 100%;
  padding: var(--base-padding);
}

.checkout-container a.header-logo {
  margin: auto;
  display: block;
}

/* #region top-5-lists */

.top-5-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  font-family: verdana;
  max-width: 1200px;
}

.top-5-lists article {
  display: grid;
  justify-content: center;
  max-width: 250px;
  padding: 0.5em 1em;
  background: #f0eeee;
  background: radial-gradient(circle, #f0eeee 0%, white 16%, #f0eeee 88%);
}

.top-5-lists article a {
  text-decoration: none;
  display: block;
}

.top-5-lists article a span.employee,
.top-5-lists article a span.location {
  margin: 0;
  padding: 0;
  color: black;
}

.top-5-lists article a span.location::before {
  content: "\A";
  white-space: pre;
}

.top-5-lists article a span.employee {
  font-size: var(--h5);
}

.top-5-lists article a span.location {
  font-size: var(--h6);
}

.top-5-lists article a img {
  margin: 1em 2em 0.5em;
  width: 70%;
  transform: rotate(5deg);
}

.top-5-lists article ol {
  list-style-position: outside;
  list-style-type: decimal;
  margin: 0.5em 0 0 2em;
  padding: 0;
  height: 155px;
}

.top-5-lists article ol li {
  margin-bottom: 0.3em;
  font-size: 0.8em;
}

.top-5-lists article ol li .title {
  font-weight: bold;
}

/* #endregion top-5-lists */

/* #region hide-show-on-mobile-desktop */

@media (max-width: 1023px) {
  /* Should be defined last in stylesheet for correct revert to init*/

  .hide-on-desktop {
    display: init !important;
  }

  /* old stuff */

  .hide-on-mobile {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none !important;
  }

  /* old stuff */

  .hide-on-mobile {
    display: init !important;
  }
}

/* #endregion hide-show-on-mobile-desktop */

.seo-text {
  margin: 2em 0;
}

.seo-text h1 {
  font-size: var(--h4);
}

.seo-text h2 {
  font-size: var(--h5);
}

.seo-links {
  display: flex;
  flex-wrap: wrap;
}

.seo-links li a {
  border: 1px solid black;
  border-radius: 20px;
  padding: 0.5em 1em;
  margin: 0.5em;
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.wishlist__buttons {
  display: flex;
  gap: var(--base-padding);
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .wishlist__buttons .btn {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}

.wishlist-overview .remind-me {
  display: none;
}

.remind-me,
.add-wishlist {
  position: relative;
}

.remind-me .modal,
.add-wishlist .modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 2em 2em;
  max-width: 100%;
  max-height: 100%;
  z-index: 3000;
  color: black;
  transition: all 0.2s ease-in;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.remind-me .modal a:hover,
.remind-me .modal a:focus,
.add-wishlist .modal a:hover,
.add-wishlist .modal a:focus {
  text-decoration: none !important;
  color: var(--color-font-contrast);
}

.remind-me .modal .remind-me__close-button,
.add-wishlist .modal .remind-me__close-button {
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: var(--h5);
}

.remind-me .modal .remind-me__heading,
.add-wishlist .modal .remind-me__heading {
  text-align: left;
  font-size: var(--h4);
  color: var(--color-font-contrast);
}

.remind-me .modal p,
.add-wishlist .modal p {
  text-align: left;
}

.remind-me .modal .remind-me__success,
.add-wishlist .modal .remind-me__success {
  display: none;
  color: var(--color-font-contrast-dark);
}

.remind-me .modal .remind-me__form .remind-me__email,
.add-wishlist .modal .remind-me__form .remind-me__email {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2em;
}

.remind-me .modal .remind-me__form .remind-me__email input,
.add-wishlist .modal .remind-me__form .remind-me__email input {
  margin-top: 0;
  border: 1px solid black;
  border-radius: 20px 0 0 20px;
  height: 31px;
  padding-left: 10px;
  font-size: 1em;
}

.remind-me .modal .remind-me__form .remind-me__email button,
.add-wishlist .modal .remind-me__form .remind-me__email button {
  border: 1px solid black;
  border-radius: 0 20px 20px 0;
  height: 34px;
  background-color: black;
  color: white;
  font-size: 1em;
  padding: 0 3em 0 1em;
}