@font-face{
    font-family:"Material Design Icons";
    src:url("assets/fonts/MDWF/materialdesignicons-webfont.woff2") format("woff2"),
    url("assets/fonts/MDWF/materialdesignicons-webfont.woff2") format("woff");
    font-display: swap; font-weight: normal; font-style: normal
}.mdi:before,.mdi-set{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mdi-access-point:before{content:"\F002"}.mdi-access-point-network:before{content:"\F003"}.mdi-account:before{content:"\F004"}.mdi-account-alert:before{content:"\F005"}.mdi-account-box:before{content:"\F006"}.mdi-account-box-outline:before{content:"\F007"}.mdi-account-card-details:before{content:"\F5D2"}.mdi-account-check:before{content:"\F008"}.mdi-account-circle:before{content:"\F009"}.mdi-account-convert:before{content:"\F00A"}.mdi-account-edit:before{content:"\F6BB"}.mdi-account-key:before{content:"\F00B"}.mdi-account-location:before{content:"\F00C"}.mdi-account-minus:before{content:"\F00D"}.mdi-account-multiple:before{content:"\F00E"}.mdi-account-multiple-minus:before{content:"\F5D3"}.mdi-account-multiple-outline:before{content:"\F00F"}.mdi-account-multiple-plus:before{content:"\F010"}.mdi-account-multiple-plus-outline:before{content:"\F7FF"}.mdi-account-network:before{content:"\F011"}.mdi-account-off:before{content:"\F012"}.mdi-account-outline:before{content:"\F013"}.mdi-account-plus:before{content:"\F014"}.mdi-account-plus-outline:before{content:"\F800"}.mdi-account-remove:before{content:"\F015"}.mdi-account-search:before{content:"\F016"}.mdi-account-settings:before{content:"\F630"}.mdi-account-settings-variant:before{content:"\F631"}.mdi-account-star:before{content:"\F017"}.mdi-account-switch:before{content:"\F019"}.mdi-adjust:before{content:"\F01A"}.mdi-air-conditioner:before{content:"\F01B"}.mdi-airballoon:before{content:"\F01C"}.mdi-airplane:before{content:"\F01D"}.mdi-airplane-landing:before{content:"\F5D4"}.mdi-airplane-off:before{content:"\F01E"}.mdi-airplane-takeoff:before{content:"\F5D5"}.mdi-airplay:before{content:"\F01F"}.mdi-alarm:before{content:"\F020"}.mdi-alarm-bell:before{content:"\F78D"}.mdi-alarm-check:before{content:"\F021"}.mdi-alarm-light:before{content:"\F78E"}.mdi-alarm-multiple:before{content:"\F022"}.mdi-alarm-off:before{content:"\F023"}.mdi-alarm-plus:before{content:"\F024"}.mdi-alarm-snooze:before{content:"\F68D"}.mdi-album:before{content:"\F025"}.mdi-alert:before{content:"\F026"}.mdi-alert-box:before{content:"\F027"}.mdi-alert-circle:before{content:"\F028"}.mdi-alert-circle-outline:before{content:"\F5D6"}.mdi-alert-decagram:before{content:"\F6BC"}.mdi-alert-octagon:before{content:"\F029"}.mdi-alert-octagram:before{content:"\F766"}.mdi-alert-outline:before{content:"\F02A"}.mdi-all-inclusive:before{content:"\F6BD"}.mdi-allo:before{content:"\F801"}.mdi-alpha:before{content:"\F02B"}.mdi-alphabetical:before{content:"\F02C"}.mdi-altimeter:before{content:"\F5D7"}.mdi-amazon:before{content:"\F02D"}.mdi-amazon-clouddrive:before{content:"\F02E"}.mdi-ambulance:before{content:"\F02F"}.mdi-amplifier:before{content:"\F030"}.mdi-anchor:before{content:"\F031"}.mdi-android:before{content:"\F032"}.mdi-android-debug-bridge:before{content:"\F033"}.mdi-android-head:before{content:"\F78F"}.mdi-android-studio:before{content:"\F034"}.mdi-angular:before{content:"\F6B1"}.mdi-angularjs:before{content:"\F6BE"}.mdi-animation:before{content:"\F5D8"}.mdi-apple:before{content:"\F035"}.mdi-apple-finder:before{content:"\F036"}.mdi-apple-ios:before{content:"\F037"}.mdi-apple-keyboard-caps:before{content:"\F632"}.mdi-apple-keyboard-command:before{content:"\F633"}.mdi-apple-keyboard-control:before{content:"\F634"}.mdi-apple-keyboard-option:before{content:"\F635"}.mdi-apple-keyboard-shift:before{content:"\F636"}.mdi-apple-mobileme:before{content:"\F038"}.mdi-apple-safari:before{content:"\F039"}.mdi-application:before{content:"\F614"}.mdi-approval:before{content:"\F790"}.mdi-apps:before{content:"\F03B"}.mdi-archive:before{content:"\F03C"}.mdi-arrange-bring-forward:before{content:"\F03D"}.mdi-arrange-bring-to-front:before{content:"\F03E"}.mdi-arrange-send-backward:before{content:"\F03F"}.mdi-arrange-send-to-back:before{content:"\F040"}.mdi-arrow-all:before{content:"\F041"}.mdi-arrow-bottom-left:before{content:"\F042"}.mdi-arrow-bottom-right:before{content:"\F043"}.mdi-arrow-collapse:before{content:"\F615"}.mdi-arrow-collapse-all:before{content:"\F044"}.mdi-arrow-collapse-down:before{content:"\F791"}.mdi-arrow-collapse-left:before{content:"\F792"}.mdi-arrow-collapse-right:before{content:"\F793"}.mdi-arrow-collapse-up:before{content:"\F794"}.mdi-arrow-down:before{content:"\F045"}.mdi-arrow-down-bold:before{content:"\F72D"}.mdi-arrow-down-bold-box:before{content:"\F72E"}.mdi-arrow-down-bold-box-outline:before{content:"\F72F"}.mdi-arrow-down-bold-circle:before{content:"\F047"}.mdi-arrow-down-bold-circle-outline:before{content:"\F048"}.mdi-arrow-down-bold-hexagon-outline:before{content:"\F049"}.mdi-arrow-down-box:before{content:"\F6BF"}.mdi-arrow-down-drop-circle:before{content:"\F04A"}.mdi-arrow-down-drop-circle-outline:before{content:"\F04B"}.mdi-arrow-down-thick:before{content:"\F046"}.mdi-arrow-expand:before{content:"\F616"}.mdi-arrow-expand-all:before{content:"\F04C"}.mdi-arrow-expand-down:before{content:"\F795"}.mdi-arrow-expand-left:before{content:"\F796"}.mdi-arrow-expand-right:before{content:"\F797"}.mdi-arrow-expand-up:before{content:"\F798"}.mdi-arrow-left:before{content:"\F04D"}.mdi-arrow-left-bold:before{content:"\F730"}.mdi-arrow-left-bold-box:before{content:"\F731"}.mdi-arrow-left-bold-box-outline:before{content:"\F732"}.mdi-arrow-left-bold-circle:before{content:"\F04F"}.mdi-arrow-left-bold-circle-outline:before{content:"\F050"}.mdi-arrow-left-bold-hexagon-outline:before{content:"\F051"}.mdi-arrow-left-box:before{content:"\F6C0"}.mdi-arrow-left-drop-circle:before{content:"\F052"}.mdi-arrow-left-drop-circle-outline:before{content:"\F053"}.mdi-arrow-left-thick:before{content:"\F04E"}.mdi-arrow-right:before{content:"\F054"}.mdi-arrow-right-bold:before{content:"\F733"}.mdi-arrow-right-bold-box:before{content:"\F734"}.mdi-arrow-right-bold-box-outline:before{content:"\F735"}.mdi-arrow-right-bold-circle:before{content:"\F056"}.mdi-arrow-right-bold-circle-outline:before{content:"\F057"}.mdi-arrow-right-bold-hexagon-outline:before{content:"\F058"}.mdi-arrow-right-box:before{content:"\F6C1"}.mdi-arrow-right-drop-circle:before{content:"\F059"}.mdi-arrow-right-drop-circle-outline:before{content:"\F05A"}.mdi-arrow-right-thick:before{content:"\F055"}.mdi-arrow-top-left:before{content:"\F05B"}.mdi-arrow-top-right:before{content:"\F05C"}.mdi-arrow-up:before{content:"\F05D"}.mdi-arrow-up-bold:before{content:"\F736"}.mdi-arrow-up-bold-box:before{content:"\F737"}.mdi-arrow-up-bold-box-outline:before{content:"\F738"}.mdi-arrow-up-bold-circle:before{content:"\F05F"}.mdi-arrow-up-bold-circle-outline:before{content:"\F060"}.mdi-arrow-up-bold-hexagon-outline:before{content:"\F061"}.mdi-arrow-up-box:before{content:"\F6C2"}.mdi-arrow-up-drop-circle:before{content:"\F062"}.mdi-arrow-up-drop-circle-outline:before{content:"\F063"}.mdi-arrow-up-thick:before{content:"\F05E"}.mdi-artist:before{content:"\F802"}.mdi-assistant:before{content:"\F064"}.mdi-asterisk:before{content:"\F6C3"}.mdi-at:before{content:"\F065"}.mdi-atlassian:before{content:"\F803"}.mdi-atom:before{content:"\F767"}.mdi-attachment:before{content:"\F066"}.mdi-audiobook:before{content:"\F067"}.mdi-auto-fix:before{content:"\F068"}.mdi-auto-upload:before{content:"\F069"}.mdi-autorenew:before{content:"\F06A"}.mdi-av-timer:before{content:"\F06B"}.mdi-azure:before{content:"\F804"}.mdi-baby:before{content:"\F06C"}.mdi-baby-buggy:before{content:"\F68E"}.mdi-backburger:before{content:"\F06D"}.mdi-backspace:before{content:"\F06E"}.mdi-backup-restore:before{content:"\F06F"}.mdi-bandcamp:before{content:"\F674"}.mdi-bank:before{content:"\F070"}.mdi-barcode:before{content:"\F071"}.mdi-barcode-scan:before{content:"\F072"}.mdi-barley:before{content:"\F073"}.mdi-barrel:before{content:"\F074"}.mdi-basecamp:before{content:"\F075"}.mdi-basket:before{content:"\F076"}.mdi-basket-fill:before{content:"\F077"}.mdi-basket-unfill:before{content:"\F078"}.mdi-basketball:before{content:"\F805"}.mdi-battery:before{content:"\F079"}.mdi-battery-10:before{content:"\F07A"}.mdi-battery-20:before{content:"\F07B"}.mdi-battery-30:before{content:"\F07C"}.mdi-battery-40:before{content:"\F07D"}.mdi-battery-50:before{content:"\F07E"}.mdi-battery-60:before{content:"\F07F"}.mdi-battery-70:before{content:"\F080"}.mdi-battery-80:before{content:"\F081"}.mdi-battery-90:before{content:"\F082"}.mdi-battery-alert:before{content:"\F083"}.mdi-battery-charging:before{content:"\F084"}.mdi-battery-charging-100:before{content:"\F085"}.mdi-battery-charging-20:before{content:"\F086"}.mdi-battery-charging-30:before{content:"\F087"}.mdi-battery-charging-40:before{content:"\F088"}.mdi-battery-charging-60:before{content:"\F089"}.mdi-battery-charging-80:before{content:"\F08A"}.mdi-battery-charging-90:before{content:"\F08B"}.mdi-battery-charging-wireless:before{content:"\F806"}.mdi-battery-charging-wireless-10:before{content:"\F807"}.mdi-battery-charging-wireless-20:before{content:"\F808"}.mdi-battery-charging-wireless-30:before{content:"\F809"}.mdi-battery-charging-wireless-40:before{content:"\F80A"}.mdi-battery-charging-wireless-50:before{content:"\F80B"}.mdi-battery-charging-wireless-60:before{content:"\F80C"}.mdi-battery-charging-wireless-70:before{content:"\F80D"}.mdi-battery-charging-wireless-80:before{content:"\F80E"}.mdi-battery-charging-wireless-90:before{content:"\F80F"}.mdi-battery-charging-wireless-alert:before{content:"\F810"}.mdi-battery-charging-wireless-outline:before{content:"\F811"}.mdi-battery-minus:before{content:"\F08C"}.mdi-battery-negative:before{content:"\F08D"}.mdi-battery-outline:before{content:"\F08E"}.mdi-battery-plus:before{content:"\F08F"}.mdi-battery-positive:before{content:"\F090"}.mdi-battery-unknown:before{content:"\F091"}.mdi-beach:before{content:"\F092"}.mdi-beaker:before{content:"\F68F"}.mdi-beats:before{content:"\F097"}.mdi-beer:before{content:"\F098"}.mdi-behance:before{content:"\F099"}.mdi-bell:before{content:"\F09A"}.mdi-bell-off:before{content:"\F09B"}.mdi-bell-outline:before{content:"\F09C"}.mdi-bell-plus:before{content:"\F09D"}.mdi-bell-ring:before{content:"\F09E"}.mdi-bell-ring-outline:before{content:"\F09F"}.mdi-bell-sleep:before{content:"\F0A0"}.mdi-beta:before{content:"\F0A1"}.mdi-bible:before{content:"\F0A2"}.mdi-bike:before{content:"\F0A3"}.mdi-bing:before{content:"\F0A4"}.mdi-binoculars:before{content:"\F0A5"}.mdi-bio:before{content:"\F0A6"}.mdi-biohazard:before{content:"\F0A7"}.mdi-bitbucket:before{content:"\F0A8"}.mdi-bitcoin:before{content:"\F812"}.mdi-black-mesa:before{content:"\F0A9"}.mdi-blackberry:before{content:"\F0AA"}.mdi-blender:before{content:"\F0AB"}.mdi-blinds:before{content:"\F0AC"}.mdi-block-helper:before{content:"\F0AD"}.mdi-blogger:before{content:"\F0AE"}.mdi-bluetooth:before{content:"\F0AF"}.mdi-bluetooth-audio:before{content:"\F0B0"}.mdi-bluetooth-connect:before{content:"\F0B1"}.mdi-bluetooth-off:before{content:"\F0B2"}.mdi-bluetooth-settings:before{content:"\F0B3"}.mdi-bluetooth-transfer:before{content:"\F0B4"}.mdi-blur:before{content:"\F0B5"}.mdi-blur-linear:before{content:"\F0B6"}.mdi-blur-off:before{content:"\F0B7"}.mdi-blur-radial:before{content:"\F0B8"}.mdi-bomb:before{content:"\F690"}.mdi-bomb-off:before{content:"\F6C4"}.mdi-bone:before{content:"\F0B9"}.mdi-book:before{content:"\F0BA"}.mdi-book-minus:before{content:"\F5D9"}.mdi-book-multiple:before{content:"\F0BB"}.mdi-book-multiple-variant:before{content:"\F0BC"}.mdi-book-open:before{content:"\F0BD"}.mdi-book-open-page-variant:before{content:"\F5DA"}.mdi-book-open-variant:before{content:"\F0BE"}.mdi-book-plus:before{content:"\F5DB"}.mdi-book-secure:before{content:"\F799"}.mdi-book-unsecure:before{content:"\F79A"}.mdi-book-variant:before{content:"\F0BF"}.mdi-bookmark:before{content:"\F0C0"}.mdi-bookmark-check:before{content:"\F0C1"}.mdi-bookmark-music:before{content:"\F0C2"}.mdi-bookmark-outline:before{content:"\F0C3"}.mdi-bookmark-plus:before{content:"\F0C5"}.mdi-bookmark-plus-outline:before{content:"\F0C4"}.mdi-bookmark-remove:before{content:"\F0C6"}.mdi-boombox:before{content:"\F5DC"}.mdi-bootstrap:before{content:"\F6C5"}.mdi-border-all:before{content:"\F0C7"}.mdi-border-bottom:before{content:"\F0C8"}.mdi-border-color:before{content:"\F0C9"}.mdi-border-horizontal:before{content:"\F0CA"}.mdi-border-inside:before{content:"\F0CB"}.mdi-border-left:before{content:"\F0CC"}.mdi-border-none:before{content:"\F0CD"}.mdi-border-outside:before{content:"\F0CE"}.mdi-border-right:before{content:"\F0CF"}.mdi-border-style:before{content:"\F0D0"}.mdi-border-top:before{content:"\F0D1"}.mdi-border-vertical:before{content:"\F0D2"}.mdi-bow-tie:before{content:"\F677"}.mdi-bowl:before{content:"\F617"}.mdi-bowling:before{content:"\F0D3"}.mdi-box:before{content:"\F0D4"}.mdi-box-cutter:before{content:"\F0D5"}.mdi-box-shadow:before{content:"\F637"}.mdi-bridge:before{content:"\F618"}.mdi-briefcase:before{content:"\F0D6"}.mdi-briefcase-check:before{content:"\F0D7"}.mdi-briefcase-download:before{content:"\F0D8"}.mdi-briefcase-outline:before{content:"\F813"}.mdi-briefcase-upload:before{content:"\F0D9"}.mdi-brightness-1:before{content:"\F0DA"}.mdi-brightness-2:before{content:"\F0DB"}.mdi-brightness-3:before{content:"\F0DC"}.mdi-brightness-4:before{content:"\F0DD"}.mdi-brightness-5:before{content:"\F0DE"}.mdi-brightness-6:before{content:"\F0DF"}.mdi-brightness-7:before{content:"\F0E0"}.mdi-brightness-auto:before{content:"\F0E1"}.mdi-broom:before{content:"\F0E2"}.mdi-brush:before{content:"\F0E3"}.mdi-buffer:before{content:"\F619"}.mdi-bug:before{content:"\F0E4"}.mdi-bulletin-board:before{content:"\F0E5"}.mdi-bullhorn:before{content:"\F0E6"}.mdi-bullseye:before{content:"\F5DD"}.mdi-bus:before{content:"\F0E7"}.mdi-bus-articulated-end:before{content:"\F79B"}.mdi-bus-articulated-front:before{content:"\F79C"}.mdi-bus-double-decker:before{content:"\F79D"}.mdi-bus-school:before{content:"\F79E"}.mdi-bus-side:before{content:"\F79F"}.mdi-cached:before{content:"\F0E8"}.mdi-cake:before{content:"\F0E9"}.mdi-cake-layered:before{content:"\F0EA"}.mdi-cake-variant:before{content:"\F0EB"}.mdi-calculator:before{content:"\F0EC"}.mdi-calendar:before{content:"\F0ED"}.mdi-calendar-blank:before{content:"\F0EE"}.mdi-calendar-check:before{content:"\F0EF"}.mdi-calendar-clock:before{content:"\F0F0"}.mdi-calendar-multiple:before{content:"\F0F1"}.mdi-calendar-multiple-check:before{content:"\F0F2"}.mdi-calendar-plus:before{content:"\F0F3"}.mdi-calendar-question:before{content:"\F691"}.mdi-calendar-range:before{content:"\F678"}.mdi-calendar-remove:before{content:"\F0F4"}.mdi-calendar-text:before{content:"\F0F5"}.mdi-calendar-today:before{content:"\F0F6"}.mdi-call-made:before{content:"\F0F7"}.mdi-call-merge:before{content:"\F0F8"}.mdi-call-missed:before{content:"\F0F9"}.mdi-call-received:before{content:"\F0FA"}.mdi-call-split:before{content:"\F0FB"}.mdi-camcorder:before{content:"\F0FC"}.mdi-camcorder-box:before{content:"\F0FD"}.mdi-camcorder-box-off:before{content:"\F0FE"}.mdi-camcorder-off:before{content:"\F0FF"}.mdi-camera:before{content:"\F100"}.mdi-camera-burst:before{content:"\F692"}.mdi-camera-enhance:before{content:"\F101"}.mdi-camera-front:before{content:"\F102"}.mdi-camera-front-variant:before{content:"\F103"}.mdi-camera-gopro:before{content:"\F7A0"}.mdi-camera-iris:before{content:"\F104"}.mdi-camera-metering-center:before{content:"\F7A1"}.mdi-camera-metering-matrix:before{content:"\F7A2"}.mdi-camera-metering-partial:before{content:"\F7A3"}.mdi-camera-metering-spot:before{content:"\F7A4"}.mdi-camera-off:before{content:"\F5DF"}.mdi-camera-party-mode:before{content:"\F105"}.mdi-camera-rear:before{content:"\F106"}.mdi-camera-rear-variant:before{content:"\F107"}.mdi-camera-switch:before{content:"\F108"}.mdi-camera-timer:before{content:"\F109"}.mdi-cancel:before{content:"\F739"}.mdi-candle:before{content:"\F5E2"}.mdi-candycane:before{content:"\F10A"}.mdi-cannabis:before{content:"\F7A5"}.mdi-car:before{content:"\F10B"}.mdi-car-battery:before{content:"\F10C"}.mdi-car-connected:before{content:"\F10D"}.mdi-car-convertible:before{content:"\F7A6"}.mdi-car-estate:before{content:"\F7A7"}.mdi-car-hatchback:before{content:"\F7A8"}.mdi-car-pickup:before{content:"\F7A9"}.mdi-car-side:before{content:"\F7AA"}.mdi-car-sports:before{content:"\F7AB"}.mdi-car-wash:before{content:"\F10E"}.mdi-caravan:before{content:"\F7AC"}.mdi-cards:before{content:"\F638"}.mdi-cards-outline:before{content:"\F639"}.mdi-cards-playing-outline:before{content:"\F63A"}.mdi-cards-variant:before{content:"\F6C6"}.mdi-carrot:before{content:"\F10F"}.mdi-cart:before{content:"\F110"}.mdi-cart-off:before{content:"\F66B"}.mdi-cart-outline:before{content:"\F111"}.mdi-cart-plus:before{content:"\F112"}.mdi-case-sensitive-alt:before{content:"\F113"}.mdi-cash:before{content:"\F114"}.mdi-cash-100:before{content:"\F115"}.mdi-cash-multiple:before{content:"\F116"}.mdi-cash-usd:before{content:"\F117"}.mdi-cast:before{content:"\F118"}.mdi-cast-connected:before{content:"\F119"}.mdi-cast-off:before{content:"\F789"}.mdi-castle:before{content:"\F11A"}.mdi-cat:before{content:"\F11B"}.mdi-cctv:before{content:"\F7AD"}.mdi-ceiling-light:before{content:"\F768"}.mdi-cellphone:before{content:"\F11C"}.mdi-cellphone-android:before{content:"\F11D"}.mdi-cellphone-basic:before{content:"\F11E"}.mdi-cellphone-dock:before{content:"\F11F"}.mdi-cellphone-iphone:before{content:"\F120"}.mdi-cellphone-link:before{content:"\F121"}.mdi-cellphone-link-off:before{content:"\F122"}.mdi-cellphone-settings:before{content:"\F123"}.mdi-cellphone-wireless:before{content:"\F814"}.mdi-certificate:before{content:"\F124"}.mdi-chair-school:before{content:"\F125"}.mdi-chart-arc:before{content:"\F126"}.mdi-chart-areaspline:before{content:"\F127"}.mdi-chart-bar:before{content:"\F128"}.mdi-chart-bar-stacked:before{content:"\F769"}.mdi-chart-bubble:before{content:"\F5E3"}.mdi-chart-donut:before{content:"\F7AE"}.mdi-chart-donut-variant:before{content:"\F7AF"}.mdi-chart-gantt:before{content:"\F66C"}.mdi-chart-histogram:before{content:"\F129"}.mdi-chart-line:before{content:"\F12A"}.mdi-chart-line-stacked:before{content:"\F76A"}.mdi-chart-line-variant:before{content:"\F7B0"}.mdi-chart-pie:before{content:"\F12B"}.mdi-chart-scatterplot-hexbin:before{content:"\F66D"}.mdi-chart-timeline:before{content:"\F66E"}.mdi-check:before{content:"\F12C"}.mdi-check-all:before{content:"\F12D"}.mdi-check-circle:before{content:"\F5E0"}.mdi-check-circle-outline:before{content:"\F5E1"}.mdi-checkbox-blank:before{content:"\F12E"}.mdi-checkbox-blank-circle:before{content:"\F12F"}.mdi-checkbox-blank-circle-outline:before{content:"\F130"}.mdi-checkbox-blank-outline:before{content:"\F131"}.mdi-checkbox-marked:before{content:"\F132"}.mdi-checkbox-marked-circle:before{content:"\F133"}.mdi-checkbox-marked-circle-outline:before{content:"\F134"}.mdi-checkbox-marked-outline:before{content:"\F135"}.mdi-checkbox-multiple-blank:before{content:"\F136"}.mdi-checkbox-multiple-blank-circle:before{content:"\F63B"}.mdi-checkbox-multiple-blank-circle-outline:before{content:"\F63C"}.mdi-checkbox-multiple-blank-outline:before{content:"\F137"}.mdi-checkbox-multiple-marked:before{content:"\F138"}.mdi-checkbox-multiple-marked-circle:before{content:"\F63D"}.mdi-checkbox-multiple-marked-circle-outline:before{content:"\F63E"}.mdi-checkbox-multiple-marked-outline:before{content:"\F139"}.mdi-checkerboard:before{content:"\F13A"}.mdi-chemical-weapon:before{content:"\F13B"}.mdi-chevron-double-down:before{content:"\F13C"}.mdi-chevron-double-left:before{content:"\F13D"}.mdi-chevron-double-right:before{content:"\F13E"}.mdi-chevron-double-up:before{content:"\F13F"}.mdi-chevron-down:before{content:"\F140"}.mdi-chevron-left:before{content:"\F141"}.mdi-chevron-right:before{content:"\F142"}.mdi-chevron-up:before{content:"\F143"}.mdi-chili-hot:before{content:"\F7B1"}.mdi-chili-medium:before{content:"\F7B2"}.mdi-chili-mild:before{content:"\F7B3"}.mdi-chip:before{content:"\F61A"}.mdi-church:before{content:"\F144"}.mdi-circle:before{content:"\F764"}.mdi-circle-outline:before{content:"\F765"}.mdi-cisco-webex:before{content:"\F145"}.mdi-city:before{content:"\F146"}.mdi-clipboard:before{content:"\F147"}.mdi-clipboard-account:before{content:"\F148"}.mdi-clipboard-alert:before{content:"\F149"}.mdi-clipboard-arrow-down:before{content:"\F14A"}.mdi-clipboard-arrow-left:before{content:"\F14B"}.mdi-clipboard-check:before{content:"\F14C"}.mdi-clipboard-flow:before{content:"\F6C7"}.mdi-clipboard-outline:before{content:"\F14D"}.mdi-clipboard-plus:before{content:"\F750"}.mdi-clipboard-text:before{content:"\F14E"}.mdi-clippy:before{content:"\F14F"}.mdi-clock:before{content:"\F150"}.mdi-clock-alert:before{content:"\F5CE"}.mdi-clock-end:before{content:"\F151"}.mdi-clock-fast:before{content:"\F152"}.mdi-clock-in:before{content:"\F153"}.mdi-clock-out:before{content:"\F154"}.mdi-clock-start:before{content:"\F155"}.mdi-close:before{content:"\F156"}.mdi-close-box:before{content:"\F157"}.mdi-close-box-outline:before{content:"\F158"}.mdi-close-circle:before{content:"\F159"}.mdi-close-circle-outline:before{content:"\F15A"}.mdi-close-network:before{content:"\F15B"}.mdi-close-octagon:before{content:"\F15C"}.mdi-close-octagon-outline:before{content:"\F15D"}.mdi-close-outline:before{content:"\F6C8"}.mdi-closed-caption:before{content:"\F15E"}.mdi-cloud:before{content:"\F15F"}.mdi-cloud-braces:before{content:"\F7B4"}.mdi-cloud-check:before{content:"\F160"}.mdi-cloud-circle:before{content:"\F161"}.mdi-cloud-download:before{content:"\F162"}.mdi-cloud-off-outline:before{content:"\F164"}.mdi-cloud-outline:before{content:"\F163"}.mdi-cloud-print:before{content:"\F165"}.mdi-cloud-print-outline:before{content:"\F166"}.mdi-cloud-sync:before{content:"\F63F"}.mdi-cloud-tags:before{content:"\F7B5"}.mdi-cloud-upload:before{content:"\F167"}.mdi-clover:before{content:"\F815"}.mdi-code-array:before{content:"\F168"}.mdi-code-braces:before{content:"\F169"}.mdi-code-brackets:before{content:"\F16A"}.mdi-code-equal:before{content:"\F16B"}.mdi-code-greater-than:before{content:"\F16C"}.mdi-code-greater-than-or-equal:before{content:"\F16D"}.mdi-code-less-than:before{content:"\F16E"}.mdi-code-less-than-or-equal:before{content:"\F16F"}.mdi-code-not-equal:before{content:"\F170"}.mdi-code-not-equal-variant:before{content:"\F171"}.mdi-code-parentheses:before{content:"\F172"}.mdi-code-string:before{content:"\F173"}.mdi-code-tags:before{content:"\F174"}.mdi-code-tags-check:before{content:"\F693"}.mdi-codepen:before{content:"\F175"}.mdi-coffee:before{content:"\F176"}.mdi-coffee-outline:before{content:"\F6C9"}.mdi-coffee-to-go:before{content:"\F177"}.mdi-coin:before{content:"\F178"}.mdi-coins:before{content:"\F694"}.mdi-collage:before{content:"\F640"}.mdi-color-helper:before{content:"\F179"}.mdi-comment:before{content:"\F17A"}.mdi-comment-account:before{content:"\F17B"}.mdi-comment-account-outline:before{content:"\F17C"}.mdi-comment-alert:before{content:"\F17D"}.mdi-comment-alert-outline:before{content:"\F17E"}.mdi-comment-check:before{content:"\F17F"}.mdi-comment-check-outline:before{content:"\F180"}.mdi-comment-multiple-outline:before{content:"\F181"}.mdi-comment-outline:before{content:"\F182"}.mdi-comment-plus-outline:before{content:"\F183"}.mdi-comment-processing:before{content:"\F184"}.mdi-comment-processing-outline:before{content:"\F185"}.mdi-comment-question:before{content:"\F816"}.mdi-comment-question-outline:before{content:"\F186"}.mdi-comment-remove:before{content:"\F5DE"}.mdi-comment-remove-outline:before{content:"\F187"}.mdi-comment-text:before{content:"\F188"}.mdi-comment-text-outline:before{content:"\F189"}.mdi-compare:before{content:"\F18A"}.mdi-compass:before{content:"\F18B"}.mdi-compass-outline:before{content:"\F18C"}.mdi-console:before{content:"\F18D"}.mdi-console-line:before{content:"\F7B6"}.mdi-contact-mail:before{content:"\F18E"}.mdi-contacts:before{content:"\F6CA"}.mdi-content-copy:before{content:"\F18F"}.mdi-content-cut:before{content:"\F190"}.mdi-content-duplicate:before{content:"\F191"}.mdi-content-paste:before{content:"\F192"}.mdi-content-save:before{content:"\F193"}.mdi-content-save-all:before{content:"\F194"}.mdi-content-save-outline:before{content:"\F817"}.mdi-content-save-settings:before{content:"\F61B"}.mdi-contrast:before{content:"\F195"}.mdi-contrast-box:before{content:"\F196"}.mdi-contrast-circle:before{content:"\F197"}.mdi-cookie:before{content:"\F198"}.mdi-copyright:before{content:"\F5E6"}.mdi-corn:before{content:"\F7B7"}.mdi-counter:before{content:"\F199"}.mdi-cow:before{content:"\F19A"}.mdi-creation:before{content:"\F1C9"}.mdi-credit-card:before{content:"\F19B"}.mdi-credit-card-multiple:before{content:"\F19C"}.mdi-credit-card-off:before{content:"\F5E4"}.mdi-credit-card-plus:before{content:"\F675"}.mdi-credit-card-scan:before{content:"\F19D"}.mdi-crop:before{content:"\F19E"}.mdi-crop-free:before{content:"\F19F"}.mdi-crop-landscape:before{content:"\F1A0"}.mdi-crop-portrait:before{content:"\F1A1"}.mdi-crop-rotate:before{content:"\F695"}.mdi-crop-square:before{content:"\F1A2"}.mdi-crosshairs:before{content:"\F1A3"}.mdi-crosshairs-gps:before{content:"\F1A4"}.mdi-crown:before{content:"\F1A5"}.mdi-cube:before{content:"\F1A6"}.mdi-cube-outline:before{content:"\F1A7"}.mdi-cube-send:before{content:"\F1A8"}.mdi-cube-unfolded:before{content:"\F1A9"}.mdi-cup:before{content:"\F1AA"}.mdi-cup-off:before{content:"\F5E5"}.mdi-cup-water:before{content:"\F1AB"}.mdi-currency-btc:before{content:"\F1AC"}.mdi-currency-chf:before{content:"\F7B8"}.mdi-currency-cny:before{content:"\F7B9"}.mdi-currency-eth:before{content:"\F7BA"}.mdi-currency-eur:before{content:"\F1AD"}.mdi-currency-gbp:before{content:"\F1AE"}.mdi-currency-inr:before{content:"\F1AF"}.mdi-currency-jpy:before{content:"\F7BB"}.mdi-currency-krw:before{content:"\F7BC"}.mdi-currency-ngn:before{content:"\F1B0"}.mdi-currency-rub:before{content:"\F1B1"}.mdi-currency-sign:before{content:"\F7BD"}.mdi-currency-try:before{content:"\F1B2"}.mdi-currency-twd:before{content:"\F7BE"}.mdi-currency-usd:before{content:"\F1B3"}.mdi-currency-usd-off:before{content:"\F679"}.mdi-cursor-default:before{content:"\F1B4"}.mdi-cursor-default-outline:before{content:"\F1B5"}.mdi-cursor-move:before{content:"\F1B6"}.mdi-cursor-pointer:before{content:"\F1B7"}.mdi-cursor-text:before{content:"\F5E7"}.mdi-database:before{content:"\F1B8"}.mdi-database-minus:before{content:"\F1B9"}.mdi-database-plus:before{content:"\F1BA"}.mdi-debug-step-into:before{content:"\F1BB"}.mdi-debug-step-out:before{content:"\F1BC"}.mdi-debug-step-over:before{content:"\F1BD"}.mdi-decagram:before{content:"\F76B"}.mdi-decagram-outline:before{content:"\F76C"}.mdi-decimal-decrease:before{content:"\F1BE"}.mdi-decimal-increase:before{content:"\F1BF"}.mdi-delete:before{content:"\F1C0"}.mdi-delete-circle:before{content:"\F682"}.mdi-delete-empty:before{content:"\F6CB"}.mdi-delete-forever:before{content:"\F5E8"}.mdi-delete-restore:before{content:"\F818"}.mdi-delete-sweep:before{content:"\F5E9"}.mdi-delete-variant:before{content:"\F1C1"}.mdi-delta:before{content:"\F1C2"}.mdi-deskphone:before{content:"\F1C3"}.mdi-desktop-classic:before{content:"\F7BF"}.mdi-desktop-mac:before{content:"\F1C4"}.mdi-desktop-tower:before{content:"\F1C5"}.mdi-details:before{content:"\F1C6"}.mdi-developer-board:before{content:"\F696"}.mdi-deviantart:before{content:"\F1C7"}.mdi-dialpad:before{content:"\F61C"}.mdi-diamond:before{content:"\F1C8"}.mdi-dice-1:before{content:"\F1CA"}.mdi-dice-2:before{content:"\F1CB"}.mdi-dice-3:before{content:"\F1CC"}.mdi-dice-4:before{content:"\F1CD"}.mdi-dice-5:before{content:"\F1CE"}.mdi-dice-6:before{content:"\F1CF"}.mdi-dice-d10:before{content:"\F76E"}.mdi-dice-d20:before{content:"\F5EA"}.mdi-dice-d4:before{content:"\F5EB"}.mdi-dice-d6:before{content:"\F5EC"}.mdi-dice-d8:before{content:"\F5ED"}.mdi-dice-multiple:before{content:"\F76D"}.mdi-dictionary:before{content:"\F61D"}.mdi-dip-switch:before{content:"\F7C0"}.mdi-directions:before{content:"\F1D0"}.mdi-directions-fork:before{content:"\F641"}.mdi-discord:before{content:"\F66F"}.mdi-disk:before{content:"\F5EE"}.mdi-disk-alert:before{content:"\F1D1"}.mdi-disqus:before{content:"\F1D2"}.mdi-disqus-outline:before{content:"\F1D3"}.mdi-division:before{content:"\F1D4"}.mdi-division-box:before{content:"\F1D5"}.mdi-dna:before{content:"\F683"}.mdi-dns:before{content:"\F1D6"}.mdi-do-not-disturb:before{content:"\F697"}.mdi-do-not-disturb-off:before{content:"\F698"}.mdi-dolby:before{content:"\F6B2"}.mdi-domain:before{content:"\F1D7"}.mdi-donkey:before{content:"\F7C1"}.mdi-door:before{content:"\F819"}.mdi-door-closed:before{content:"\F81A"}.mdi-door-open:before{content:"\F81B"}.mdi-dots-horizontal:before{content:"\F1D8"}.mdi-dots-horizontal-circle:before{content:"\F7C2"}.mdi-dots-vertical:before{content:"\F1D9"}.mdi-dots-vertical-circle:before{content:"\F7C3"}.mdi-douban:before{content:"\F699"}.mdi-download:before{content:"\F1DA"}.mdi-download-network:before{content:"\F6F3"}.mdi-drag:before{content:"\F1DB"}.mdi-drag-horizontal:before{content:"\F1DC"}.mdi-drag-vertical:before{content:"\F1DD"}.mdi-drawing:before{content:"\F1DE"}.mdi-drawing-box:before{content:"\F1DF"}.mdi-dribbble:before{content:"\F1E0"}.mdi-dribbble-box:before{content:"\F1E1"}.mdi-drone:before{content:"\F1E2"}.mdi-dropbox:before{content:"\F1E3"}.mdi-drupal:before{content:"\F1E4"}.mdi-duck:before{content:"\F1E5"}.mdi-dumbbell:before{content:"\F1E6"}.mdi-ear-hearing:before{content:"\F7C4"}.mdi-earth:before{content:"\F1E7"}.mdi-earth-box:before{content:"\F6CC"}.mdi-earth-box-off:before{content:"\F6CD"}.mdi-earth-off:before{content:"\F1E8"}.mdi-edge:before{content:"\F1E9"}.mdi-eject:before{content:"\F1EA"}.mdi-elephant:before{content:"\F7C5"}.mdi-elevation-decline:before{content:"\F1EB"}.mdi-elevation-rise:before{content:"\F1EC"}.mdi-elevator:before{content:"\F1ED"}.mdi-email:before{content:"\F1EE"}.mdi-email-alert:before{content:"\F6CE"}.mdi-email-open:before{content:"\F1EF"}.mdi-email-open-outline:before{content:"\F5EF"}.mdi-email-outline:before{content:"\F1F0"}.mdi-email-secure:before{content:"\F1F1"}.mdi-email-variant:before{content:"\F5F0"}.mdi-emby:before{content:"\F6B3"}.mdi-emoticon:before{content:"\F1F2"}.mdi-emoticon-cool:before{content:"\F1F3"}.mdi-emoticon-dead:before{content:"\F69A"}.mdi-emoticon-devil:before{content:"\F1F4"}.mdi-emoticon-excited:before{content:"\F69B"}.mdi-emoticon-happy:before{content:"\F1F5"}.mdi-emoticon-neutral:before{content:"\F1F6"}.mdi-emoticon-poop:before{content:"\F1F7"}.mdi-emoticon-sad:before{content:"\F1F8"}.mdi-emoticon-tongue:before{content:"\F1F9"}.mdi-engine:before{content:"\F1FA"}.mdi-engine-outline:before{content:"\F1FB"}.mdi-equal:before{content:"\F1FC"}.mdi-equal-box:before{content:"\F1FD"}.mdi-eraser:before{content:"\F1FE"}.mdi-eraser-variant:before{content:"\F642"}.mdi-escalator:before{content:"\F1FF"}.mdi-ethernet:before{content:"\F200"}.mdi-ethernet-cable:before{content:"\F201"}.mdi-ethernet-cable-off:before{content:"\F202"}.mdi-etsy:before{content:"\F203"}.mdi-ev-station:before{content:"\F5F1"}.mdi-eventbrite:before{content:"\F7C6"}.mdi-evernote:before{content:"\F204"}.mdi-exclamation:before{content:"\F205"}.mdi-exit-to-app:before{content:"\F206"}.mdi-export:before{content:"\F207"}.mdi-eye:before{content:"\F208"}.mdi-eye-off:before{content:"\F209"}.mdi-eye-off-outline:before{content:"\F6D0"}.mdi-eye-outline:before{content:"\F6CF"}.mdi-eyedropper:before{content:"\F20A"}.mdi-eyedropper-variant:before{content:"\F20B"}.mdi-face:before{content:"\F643"}.mdi-face-profile:before{content:"\F644"}.mdi-facebook:before{content:"\F20C"}.mdi-facebook-box:before{content:"\F20D"}.mdi-facebook-messenger:before{content:"\F20E"}.mdi-factory:before{content:"\F20F"}.mdi-fan:before{content:"\F210"}.mdi-fan-off:before{content:"\F81C"}.mdi-fast-forward:before{content:"\F211"}.mdi-fast-forward-outline:before{content:"\F6D1"}.mdi-fax:before{content:"\F212"}.mdi-feather:before{content:"\F6D2"}.mdi-ferry:before{content:"\F213"}.mdi-file:before{content:"\F214"}.mdi-file-account:before{content:"\F73A"}.mdi-file-chart:before{content:"\F215"}.mdi-file-check:before{content:"\F216"}.mdi-file-cloud:before{content:"\F217"}.mdi-file-delimited:before{content:"\F218"}.mdi-file-document:before{content:"\F219"}.mdi-file-document-box:before{content:"\F21A"}.mdi-file-excel:before{content:"\F21B"}.mdi-file-excel-box:before{content:"\F21C"}.mdi-file-export:before{content:"\F21D"}.mdi-file-find:before{content:"\F21E"}.mdi-file-hidden:before{content:"\F613"}.mdi-file-image:before{content:"\F21F"}.mdi-file-import:before{content:"\F220"}.mdi-file-lock:before{content:"\F221"}.mdi-file-multiple:before{content:"\F222"}.mdi-file-music:before{content:"\F223"}.mdi-file-outline:before{content:"\F224"}.mdi-file-pdf:before{content:"\F225"}.mdi-file-pdf-box:before{content:"\F226"}.mdi-file-percent:before{content:"\F81D"}.mdi-file-plus:before{content:"\F751"}.mdi-file-powerpoint:before{content:"\F227"}.mdi-file-powerpoint-box:before{content:"\F228"}.mdi-file-presentation-box:before{content:"\F229"}.mdi-file-restore:before{content:"\F670"}.mdi-file-send:before{content:"\F22A"}.mdi-file-tree:before{content:"\F645"}.mdi-file-video:before{content:"\F22B"}.mdi-file-word:before{content:"\F22C"}.mdi-file-word-box:before{content:"\F22D"}.mdi-file-xml:before{content:"\F22E"}.mdi-film:before{content:"\F22F"}.mdi-filmstrip:before{content:"\F230"}.mdi-filmstrip-off:before{content:"\F231"}.mdi-filter:before{content:"\F232"}.mdi-filter-outline:before{content:"\F233"}.mdi-filter-remove:before{content:"\F234"}.mdi-filter-remove-outline:before{content:"\F235"}.mdi-filter-variant:before{content:"\F236"}.mdi-finance:before{content:"\F81E"}.mdi-find-replace:before{content:"\F6D3"}.mdi-fingerprint:before{content:"\F237"}.mdi-fire:before{content:"\F238"}.mdi-firefox:before{content:"\F239"}.mdi-fish:before{content:"\F23A"}.mdi-flag:before{content:"\F23B"}.mdi-flag-checkered:before{content:"\F23C"}.mdi-flag-outline:before{content:"\F23D"}.mdi-flag-triangle:before{content:"\F23F"}.mdi-flag-variant:before{content:"\F240"}.mdi-flag-variant-outline:before{content:"\F23E"}.mdi-flash:before{content:"\F241"}.mdi-flash-auto:before{content:"\F242"}.mdi-flash-circle:before{content:"\F81F"}.mdi-flash-off:before{content:"\F243"}.mdi-flash-outline:before{content:"\F6D4"}.mdi-flash-red-eye:before{content:"\F67A"}.mdi-flashlight:before{content:"\F244"}.mdi-flashlight-off:before{content:"\F245"}.mdi-flask:before{content:"\F093"}.mdi-flask-empty:before{content:"\F094"}.mdi-flask-empty-outline:before{content:"\F095"}.mdi-flask-outline:before{content:"\F096"}.mdi-flattr:before{content:"\F246"}.mdi-flip-to-back:before{content:"\F247"}.mdi-flip-to-front:before{content:"\F248"}.mdi-floor-plan:before{content:"\F820"}.mdi-floppy:before{content:"\F249"}.mdi-flower:before{content:"\F24A"}.mdi-folder:before{content:"\F24B"}.mdi-folder-account:before{content:"\F24C"}.mdi-folder-download:before{content:"\F24D"}.mdi-folder-google-drive:before{content:"\F24E"}.mdi-folder-image:before{content:"\F24F"}.mdi-folder-lock:before{content:"\F250"}.mdi-folder-lock-open:before{content:"\F251"}.mdi-folder-move:before{content:"\F252"}.mdi-folder-multiple:before{content:"\F253"}.mdi-folder-multiple-image:before{content:"\F254"}.mdi-folder-multiple-outline:before{content:"\F255"}.mdi-folder-open:before{content:"\F76F"}.mdi-folder-outline:before{content:"\F256"}.mdi-folder-plus:before{content:"\F257"}.mdi-folder-remove:before{content:"\F258"}.mdi-folder-star:before{content:"\F69C"}.mdi-folder-upload:before{content:"\F259"}.mdi-font-awesome:before{content:"\F03A"}.mdi-food:before{content:"\F25A"}.mdi-food-apple:before{content:"\F25B"}.mdi-food-croissant:before{content:"\F7C7"}.mdi-food-fork-drink:before{content:"\F5F2"}.mdi-food-off:before{content:"\F5F3"}.mdi-food-variant:before{content:"\F25C"}.mdi-football:before{content:"\F25D"}.mdi-football-australian:before{content:"\F25E"}.mdi-football-helmet:before{content:"\F25F"}.mdi-forklift:before{content:"\F7C8"}.mdi-format-align-bottom:before{content:"\F752"}.mdi-format-align-center:before{content:"\F260"}.mdi-format-align-justify:before{content:"\F261"}.mdi-format-align-left:before{content:"\F262"}.mdi-format-align-middle:before{content:"\F753"}.mdi-format-align-right:before{content:"\F263"}.mdi-format-align-top:before{content:"\F754"}.mdi-format-annotation-plus:before{content:"\F646"}.mdi-format-bold:before{content:"\F264"}.mdi-format-clear:before{content:"\F265"}.mdi-format-color-fill:before{content:"\F266"}.mdi-format-color-text:before{content:"\F69D"}.mdi-format-float-center:before{content:"\F267"}.mdi-format-float-left:before{content:"\F268"}.mdi-format-float-none:before{content:"\F269"}.mdi-format-float-right:before{content:"\F26A"}.mdi-format-font:before{content:"\F6D5"}.mdi-format-header-1:before{content:"\F26B"}.mdi-format-header-2:before{content:"\F26C"}.mdi-format-header-3:before{content:"\F26D"}.mdi-format-header-4:before{content:"\F26E"}.mdi-format-header-5:before{content:"\F26F"}.mdi-format-header-6:before{content:"\F270"}.mdi-format-header-decrease:before{content:"\F271"}.mdi-format-header-equal:before{content:"\F272"}.mdi-format-header-increase:before{content:"\F273"}.mdi-format-header-pound:before{content:"\F274"}.mdi-format-horizontal-align-center:before{content:"\F61E"}.mdi-format-horizontal-align-left:before{content:"\F61F"}.mdi-format-horizontal-align-right:before{content:"\F620"}.mdi-format-indent-decrease:before{content:"\F275"}.mdi-format-indent-increase:before{content:"\F276"}.mdi-format-italic:before{content:"\F277"}.mdi-format-line-spacing:before{content:"\F278"}.mdi-format-line-style:before{content:"\F5C8"}.mdi-format-line-weight:before{content:"\F5C9"}.mdi-format-list-bulleted:before{content:"\F279"}.mdi-format-list-bulleted-type:before{content:"\F27A"}.mdi-format-list-checks:before{content:"\F755"}.mdi-format-list-numbers:before{content:"\F27B"}.mdi-format-page-break:before{content:"\F6D6"}.mdi-format-paint:before{content:"\F27C"}.mdi-format-paragraph:before{content:"\F27D"}.mdi-format-pilcrow:before{content:"\F6D7"}.mdi-format-quote-close:before{content:"\F27E"}.mdi-format-quote-open:before{content:"\F756"}.mdi-format-rotate-90:before{content:"\F6A9"}.mdi-format-section:before{content:"\F69E"}.mdi-format-size:before{content:"\F27F"}.mdi-format-strikethrough:before{content:"\F280"}.mdi-format-strikethrough-variant:before{content:"\F281"}.mdi-format-subscript:before{content:"\F282"}.mdi-format-superscript:before{content:"\F283"}.mdi-format-text:before{content:"\F284"}.mdi-format-textdirection-l-to-r:before{content:"\F285"}.mdi-format-textdirection-r-to-l:before{content:"\F286"}.mdi-format-title:before{content:"\F5F4"}.mdi-format-underline:before{content:"\F287"}.mdi-format-vertical-align-bottom:before{content:"\F621"}.mdi-format-vertical-align-center:before{content:"\F622"}.mdi-format-vertical-align-top:before{content:"\F623"}.mdi-format-wrap-inline:before{content:"\F288"}.mdi-format-wrap-square:before{content:"\F289"}.mdi-format-wrap-tight:before{content:"\F28A"}.mdi-format-wrap-top-bottom:before{content:"\F28B"}.mdi-forum:before{content:"\F28C"}.mdi-forum-outline:before{content:"\F821"}.mdi-forward:before{content:"\F28D"}.mdi-foursquare:before{content:"\F28E"}.mdi-fridge:before{content:"\F28F"}.mdi-fridge-filled:before{content:"\F290"}.mdi-fridge-filled-bottom:before{content:"\F291"}.mdi-fridge-filled-top:before{content:"\F292"}.mdi-fuel:before{content:"\F7C9"}.mdi-fullscreen:before{content:"\F293"}.mdi-fullscreen-exit:before{content:"\F294"}.mdi-function:before{content:"\F295"}.mdi-gamepad:before{content:"\F296"}.mdi-gamepad-variant:before{content:"\F297"}.mdi-garage:before{content:"\F6D8"}.mdi-garage-open:before{content:"\F6D9"}.mdi-gas-cylinder:before{content:"\F647"}.mdi-gas-station:before{content:"\F298"}.mdi-gate:before{content:"\F299"}.mdi-gauge:before{content:"\F29A"}.mdi-gavel:before{content:"\F29B"}.mdi-gender-female:before{content:"\F29C"}.mdi-gender-male:before{content:"\F29D"}.mdi-gender-male-female:before{content:"\F29E"}.mdi-gender-transgender:before{content:"\F29F"}.mdi-gesture:before{content:"\F7CA"}.mdi-gesture-double-tap:before{content:"\F73B"}.mdi-gesture-swipe-down:before{content:"\F73C"}.mdi-gesture-swipe-left:before{content:"\F73D"}.mdi-gesture-swipe-right:before{content:"\F73E"}.mdi-gesture-swipe-up:before{content:"\F73F"}.mdi-gesture-tap:before{content:"\F740"}.mdi-gesture-two-double-tap:before{content:"\F741"}.mdi-gesture-two-tap:before{content:"\F742"}.mdi-ghost:before{content:"\F2A0"}.mdi-gift:before{content:"\F2A1"}.mdi-git:before{content:"\F2A2"}.mdi-github-box:before{content:"\F2A3"}.mdi-github-circle:before{content:"\F2A4"}.mdi-github-face:before{content:"\F6DA"}.mdi-glass-flute:before{content:"\F2A5"}.mdi-glass-mug:before{content:"\F2A6"}.mdi-glass-stange:before{content:"\F2A7"}.mdi-glass-tulip:before{content:"\F2A8"}.mdi-glassdoor:before{content:"\F2A9"}.mdi-glasses:before{content:"\F2AA"}.mdi-gmail:before{content:"\F2AB"}.mdi-gnome:before{content:"\F2AC"}.mdi-golf:before{content:"\F822"}.mdi-gondola:before{content:"\F685"}.mdi-google:before{content:"\F2AD"}.mdi-google-analytics:before{content:"\F7CB"}.mdi-google-assistant:before{content:"\F7CC"}.mdi-google-cardboard:before{content:"\F2AE"}.mdi-google-chrome:before{content:"\F2AF"}.mdi-google-circles:before{content:"\F2B0"}.mdi-google-circles-communities:before{content:"\F2B1"}.mdi-google-circles-extended:before{content:"\F2B2"}.mdi-google-circles-group:before{content:"\F2B3"}.mdi-google-controller:before{content:"\F2B4"}.mdi-google-controller-off:before{content:"\F2B5"}.mdi-google-drive:before{content:"\F2B6"}.mdi-google-earth:before{content:"\F2B7"}.mdi-google-glass:before{content:"\F2B8"}.mdi-google-home:before{content:"\F823"}.mdi-google-keep:before{content:"\F6DB"}.mdi-google-maps:before{content:"\F5F5"}.mdi-google-nearby:before{content:"\F2B9"}.mdi-google-pages:before{content:"\F2BA"}.mdi-google-photos:before{content:"\F6DC"}.mdi-google-physical-web:before{content:"\F2BB"}.mdi-google-play:before{content:"\F2BC"}.mdi-google-plus:before{content:"\F2BD"}.mdi-google-plus-box:before{content:"\F2BE"}.mdi-google-translate:before{content:"\F2BF"}.mdi-google-wallet:before{content:"\F2C0"}.mdi-gradient:before{content:"\F69F"}.mdi-grease-pencil:before{content:"\F648"}.mdi-grid:before{content:"\F2C1"}.mdi-grid-large:before{content:"\F757"}.mdi-grid-off:before{content:"\F2C2"}.mdi-group:before{content:"\F2C3"}.mdi-guitar-acoustic:before{content:"\F770"}.mdi-guitar-electric:before{content:"\F2C4"}.mdi-guitar-pick:before{content:"\F2C5"}.mdi-guitar-pick-outline:before{content:"\F2C6"}.mdi-guy-fawkes-mask:before{content:"\F824"}.mdi-hackernews:before{content:"\F624"}.mdi-hamburger:before{content:"\F684"}.mdi-hand-pointing-right:before{content:"\F2C7"}.mdi-hanger:before{content:"\F2C8"}.mdi-hangouts:before{content:"\F2C9"}.mdi-harddisk:before{content:"\F2CA"}.mdi-headphones:before{content:"\F2CB"}.mdi-headphones-box:before{content:"\F2CC"}.mdi-headphones-off:before{content:"\F7CD"}.mdi-headphones-settings:before{content:"\F2CD"}.mdi-headset:before{content:"\F2CE"}.mdi-headset-dock:before{content:"\F2CF"}.mdi-headset-off:before{content:"\F2D0"}.mdi-heart:before{content:"\F2D1"}.mdi-heart-box:before{content:"\F2D2"}.mdi-heart-box-outline:before{content:"\F2D3"}.mdi-heart-broken:before{content:"\F2D4"}.mdi-heart-half:before{content:"\F6DE"}.mdi-heart-half-full:before{content:"\F6DD"}.mdi-heart-half-outline:before{content:"\F6DF"}.mdi-heart-off:before{content:"\F758"}.mdi-heart-outline:before{content:"\F2D5"}.mdi-heart-pulse:before{content:"\F5F6"}.mdi-help:before{content:"\F2D6"}.mdi-help-box:before{content:"\F78A"}.mdi-help-circle:before{content:"\F2D7"}.mdi-help-circle-outline:before{content:"\F625"}.mdi-help-network:before{content:"\F6F4"}.mdi-hexagon:before{content:"\F2D8"}.mdi-hexagon-multiple:before{content:"\F6E0"}.mdi-hexagon-outline:before{content:"\F2D9"}.mdi-high-definition:before{content:"\F7CE"}.mdi-highway:before{content:"\F5F7"}.mdi-history:before{content:"\F2DA"}.mdi-hololens:before{content:"\F2DB"}.mdi-home:before{content:"\F2DC"}.mdi-home-account:before{content:"\F825"}.mdi-home-assistant:before{content:"\F7CF"}.mdi-home-automation:before{content:"\F7D0"}.mdi-home-circle:before{content:"\F7D1"}.mdi-home-heart:before{content:"\F826"}.mdi-home-map-marker:before{content:"\F5F8"}.mdi-home-modern:before{content:"\F2DD"}.mdi-home-outline:before{content:"\F6A0"}.mdi-home-variant:before{content:"\F2DE"}.mdi-hook:before{content:"\F6E1"}.mdi-hook-off:before{content:"\F6E2"}.mdi-hops:before{content:"\F2DF"}.mdi-hospital:before{content:"\F2E0"}.mdi-hospital-building:before{content:"\F2E1"}.mdi-hospital-marker:before{content:"\F2E2"}.mdi-hot-tub:before{content:"\F827"}.mdi-hotel:before{content:"\F2E3"}.mdi-houzz:before{content:"\F2E4"}.mdi-houzz-box:before{content:"\F2E5"}.mdi-hulu:before{content:"\F828"}.mdi-human:before{content:"\F2E6"}.mdi-human-child:before{content:"\F2E7"}.mdi-human-female:before{content:"\F649"}.mdi-human-greeting:before{content:"\F64A"}.mdi-human-handsdown:before{content:"\F64B"}.mdi-human-handsup:before{content:"\F64C"}.mdi-human-male:before{content:"\F64D"}.mdi-human-male-female:before{content:"\F2E8"}.mdi-human-pregnant:before{content:"\F5CF"}.mdi-humble-bundle:before{content:"\F743"}.mdi-ice-cream:before{content:"\F829"}.mdi-image:before{content:"\F2E9"}.mdi-image-album:before{content:"\F2EA"}.mdi-image-area:before{content:"\F2EB"}.mdi-image-area-close:before{content:"\F2EC"}.mdi-image-broken:before{content:"\F2ED"}.mdi-image-broken-variant:before{content:"\F2EE"}.mdi-image-filter:before{content:"\F2EF"}.mdi-image-filter-black-white:before{content:"\F2F0"}.mdi-image-filter-center-focus:before{content:"\F2F1"}.mdi-image-filter-center-focus-weak:before{content:"\F2F2"}.mdi-image-filter-drama:before{content:"\F2F3"}.mdi-image-filter-frames:before{content:"\F2F4"}.mdi-image-filter-hdr:before{content:"\F2F5"}.mdi-image-filter-none:before{content:"\F2F6"}.mdi-image-filter-tilt-shift:before{content:"\F2F7"}.mdi-image-filter-vintage:before{content:"\F2F8"}.mdi-image-multiple:before{content:"\F2F9"}.mdi-image-off:before{content:"\F82A"}.mdi-import:before{content:"\F2FA"}.mdi-inbox:before{content:"\F686"}.mdi-inbox-arrow-down:before{content:"\F2FB"}.mdi-inbox-arrow-up:before{content:"\F3D1"}.mdi-incognito:before{content:"\F5F9"}.mdi-infinity:before{content:"\F6E3"}.mdi-information:before{content:"\F2FC"}.mdi-information-outline:before{content:"\F2FD"}.mdi-information-variant:before{content:"\F64E"}.mdi-instagram:before{content:"\F2FE"}.mdi-instapaper:before{content:"\F2FF"}.mdi-internet-explorer:before{content:"\F300"}.mdi-invert-colors:before{content:"\F301"}.mdi-itunes:before{content:"\F676"}.mdi-jeepney:before{content:"\F302"}.mdi-jira:before{content:"\F303"}.mdi-jsfiddle:before{content:"\F304"}.mdi-json:before{content:"\F626"}.mdi-karate:before{content:"\F82B"}.mdi-keg:before{content:"\F305"}.mdi-kettle:before{content:"\F5FA"}.mdi-key:before{content:"\F306"}.mdi-key-change:before{content:"\F307"}.mdi-key-minus:before{content:"\F308"}.mdi-key-plus:before{content:"\F309"}.mdi-key-remove:before{content:"\F30A"}.mdi-key-variant:before{content:"\F30B"}.mdi-keyboard:before{content:"\F30C"}.mdi-keyboard-backspace:before{content:"\F30D"}.mdi-keyboard-caps:before{content:"\F30E"}.mdi-keyboard-close:before{content:"\F30F"}.mdi-keyboard-off:before{content:"\F310"}.mdi-keyboard-return:before{content:"\F311"}.mdi-keyboard-tab:before{content:"\F312"}.mdi-keyboard-variant:before{content:"\F313"}.mdi-kickstarter:before{content:"\F744"}.mdi-kodi:before{content:"\F314"}.mdi-label:before{content:"\F315"}.mdi-label-outline:before{content:"\F316"}.mdi-ladybug:before{content:"\F82C"}.mdi-lambda:before{content:"\F627"}.mdi-lamp:before{content:"\F6B4"}.mdi-lan:before{content:"\F317"}.mdi-lan-connect:before{content:"\F318"}.mdi-lan-disconnect:before{content:"\F319"}.mdi-lan-pending:before{content:"\F31A"}.mdi-language-c:before{content:"\F671"}.mdi-language-cpp:before{content:"\F672"}.mdi-language-csharp:before{content:"\F31B"}.mdi-language-css3:before{content:"\F31C"}.mdi-language-go:before{content:"\F7D2"}.mdi-language-html5:before{content:"\F31D"}.mdi-language-javascript:before{content:"\F31E"}.mdi-language-php:before{content:"\F31F"}.mdi-language-python:before{content:"\F320"}.mdi-language-python-text:before{content:"\F321"}.mdi-language-r:before{content:"\F7D3"}.mdi-language-swift:before{content:"\F6E4"}.mdi-language-typescript:before{content:"\F6E5"}.mdi-laptop:before{content:"\F322"}.mdi-laptop-chromebook:before{content:"\F323"}.mdi-laptop-mac:before{content:"\F324"}.mdi-laptop-off:before{content:"\F6E6"}.mdi-laptop-windows:before{content:"\F325"}.mdi-lastfm:before{content:"\F326"}.mdi-lastpass:before{content:"\F446"}.mdi-launch:before{content:"\F327"}.mdi-lava-lamp:before{content:"\F7D4"}.mdi-layers:before{content:"\F328"}.mdi-layers-off:before{content:"\F329"}.mdi-lead-pencil:before{content:"\F64F"}.mdi-leaf:before{content:"\F32A"}.mdi-led-off:before{content:"\F32B"}.mdi-led-on:before{content:"\F32C"}.mdi-led-outline:before{content:"\F32D"}.mdi-led-strip:before{content:"\F7D5"}.mdi-led-variant-off:before{content:"\F32E"}.mdi-led-variant-on:before{content:"\F32F"}.mdi-led-variant-outline:before{content:"\F330"}.mdi-library:before{content:"\F331"}.mdi-library-books:before{content:"\F332"}.mdi-library-music:before{content:"\F333"}.mdi-library-plus:before{content:"\F334"}.mdi-lightbulb:before{content:"\F335"}.mdi-lightbulb-on:before{content:"\F6E7"}.mdi-lightbulb-on-outline:before{content:"\F6E8"}.mdi-lightbulb-outline:before{content:"\F336"}.mdi-link:before{content:"\F337"}.mdi-link-off:before{content:"\F338"}.mdi-link-variant:before{content:"\F339"}.mdi-link-variant-off:before{content:"\F33A"}.mdi-linkedin:before{content:"\F33B"}.mdi-linkedin-box:before{content:"\F33C"}.mdi-linux:before{content:"\F33D"}.mdi-loading:before{content:"\F771"}.mdi-lock:before{content:"\F33E"}.mdi-lock-open:before{content:"\F33F"}.mdi-lock-open-outline:before{content:"\F340"}.mdi-lock-outline:before{content:"\F341"}.mdi-lock-pattern:before{content:"\F6E9"}.mdi-lock-plus:before{content:"\F5FB"}.mdi-lock-reset:before{content:"\F772"}.mdi-locker:before{content:"\F7D6"}.mdi-locker-multiple:before{content:"\F7D7"}.mdi-login:before{content:"\F342"}.mdi-login-variant:before{content:"\F5FC"}.mdi-logout:before{content:"\F343"}.mdi-logout-variant:before{content:"\F5FD"}.mdi-looks:before{content:"\F344"}.mdi-loop:before{content:"\F6EA"}.mdi-loupe:before{content:"\F345"}.mdi-lumx:before{content:"\F346"}.mdi-magnet:before{content:"\F347"}.mdi-magnet-on:before{content:"\F348"}.mdi-magnify:before{content:"\F349"}.mdi-magnify-minus:before{content:"\F34A"}.mdi-magnify-minus-outline:before{content:"\F6EB"}.mdi-magnify-plus:before{content:"\F34B"}.mdi-magnify-plus-outline:before{content:"\F6EC"}.mdi-mail-ru:before{content:"\F34C"}.mdi-mailbox:before{content:"\F6ED"}.mdi-map:before{content:"\F34D"}.mdi-map-marker:before{content:"\F34E"}.mdi-map-marker-circle:before{content:"\F34F"}.mdi-map-marker-minus:before{content:"\F650"}.mdi-map-marker-multiple:before{content:"\F350"}.mdi-map-marker-off:before{content:"\F351"}.mdi-map-marker-outline:before{content:"\F7D8"}.mdi-map-marker-plus:before{content:"\F651"}.mdi-map-marker-radius:before{content:"\F352"}.mdi-margin:before{content:"\F353"}.mdi-markdown:before{content:"\F354"}.mdi-marker:before{content:"\F652"}.mdi-marker-check:before{content:"\F355"}.mdi-martini:before{content:"\F356"}.mdi-material-ui:before{content:"\F357"}.mdi-math-compass:before{content:"\F358"}.mdi-matrix:before{content:"\F628"}.mdi-maxcdn:before{content:"\F359"}.mdi-medical-bag:before{content:"\F6EE"}.mdi-medium:before{content:"\F35A"}.mdi-memory:before{content:"\F35B"}.mdi-menu:before{content:"\F35C"}.mdi-menu-down:before{content:"\F35D"}.mdi-menu-down-outline:before{content:"\F6B5"}.mdi-menu-left:before{content:"\F35E"}.mdi-menu-right:before{content:"\F35F"}.mdi-menu-up:before{content:"\F360"}.mdi-menu-up-outline:before{content:"\F6B6"}.mdi-message:before{content:"\F361"}.mdi-message-alert:before{content:"\F362"}.mdi-message-bulleted:before{content:"\F6A1"}.mdi-message-bulleted-off:before{content:"\F6A2"}.mdi-message-draw:before{content:"\F363"}.mdi-message-image:before{content:"\F364"}.mdi-message-outline:before{content:"\F365"}.mdi-message-plus:before{content:"\F653"}.mdi-message-processing:before{content:"\F366"}.mdi-message-reply:before{content:"\F367"}.mdi-message-reply-text:before{content:"\F368"}.mdi-message-settings:before{content:"\F6EF"}.mdi-message-settings-variant:before{content:"\F6F0"}.mdi-message-text:before{content:"\F369"}.mdi-message-text-outline:before{content:"\F36A"}.mdi-message-video:before{content:"\F36B"}.mdi-meteor:before{content:"\F629"}.mdi-metronome:before{content:"\F7D9"}.mdi-metronome-tick:before{content:"\F7DA"}.mdi-micro-sd:before{content:"\F7DB"}.mdi-microphone:before{content:"\F36C"}.mdi-microphone-off:before{content:"\F36D"}.mdi-microphone-outline:before{content:"\F36E"}.mdi-microphone-settings:before{content:"\F36F"}.mdi-microphone-variant:before{content:"\F370"}.mdi-microphone-variant-off:before{content:"\F371"}.mdi-microscope:before{content:"\F654"}.mdi-microsoft:before{content:"\F372"}.mdi-minecraft:before{content:"\F373"}.mdi-minus:before{content:"\F374"}.mdi-minus-box:before{content:"\F375"}.mdi-minus-box-outline:before{content:"\F6F1"}.mdi-minus-circle:before{content:"\F376"}.mdi-minus-circle-outline:before{content:"\F377"}.mdi-minus-network:before{content:"\F378"}.mdi-mixcloud:before{content:"\F62A"}.mdi-mixer:before{content:"\F7DC"}.mdi-monitor:before{content:"\F379"}.mdi-monitor-multiple:before{content:"\F37A"}.mdi-more:before{content:"\F37B"}.mdi-motorbike:before{content:"\F37C"}.mdi-mouse:before{content:"\F37D"}.mdi-mouse-off:before{content:"\F37E"}.mdi-mouse-variant:before{content:"\F37F"}.mdi-mouse-variant-off:before{content:"\F380"}.mdi-move-resize:before{content:"\F655"}.mdi-move-resize-variant:before{content:"\F656"}.mdi-movie:before{content:"\F381"}.mdi-movie-roll:before{content:"\F7DD"}.mdi-multiplication:before{content:"\F382"}.mdi-multiplication-box:before{content:"\F383"}.mdi-mushroom:before{content:"\F7DE"}.mdi-mushroom-outline:before{content:"\F7DF"}.mdi-music:before{content:"\F759"}.mdi-music-box:before{content:"\F384"}.mdi-music-box-outline:before{content:"\F385"}.mdi-music-circle:before{content:"\F386"}.mdi-music-note:before{content:"\F387"}.mdi-music-note-bluetooth:before{content:"\F5FE"}.mdi-music-note-bluetooth-off:before{content:"\F5FF"}.mdi-music-note-eighth:before{content:"\F388"}.mdi-music-note-half:before{content:"\F389"}.mdi-music-note-off:before{content:"\F38A"}.mdi-music-note-quarter:before{content:"\F38B"}.mdi-music-note-sixteenth:before{content:"\F38C"}.mdi-music-note-whole:before{content:"\F38D"}.mdi-music-off:before{content:"\F75A"}.mdi-nature:before{content:"\F38E"}.mdi-nature-people:before{content:"\F38F"}.mdi-navigation:before{content:"\F390"}.mdi-near-me:before{content:"\F5CD"}.mdi-needle:before{content:"\F391"}.mdi-nest-protect:before{content:"\F392"}.mdi-nest-thermostat:before{content:"\F393"}.mdi-netflix:before{content:"\F745"}.mdi-network:before{content:"\F6F2"}.mdi-new-box:before{content:"\F394"}.mdi-newspaper:before{content:"\F395"}.mdi-nfc:before{content:"\F396"}.mdi-nfc-tap:before{content:"\F397"}.mdi-nfc-variant:before{content:"\F398"}.mdi-ninja:before{content:"\F773"}.mdi-nintendo-switch:before{content:"\F7E0"}.mdi-nodejs:before{content:"\F399"}.mdi-note:before{content:"\F39A"}.mdi-note-multiple:before{content:"\F6B7"}.mdi-note-multiple-outline:before{content:"\F6B8"}.mdi-note-outline:before{content:"\F39B"}.mdi-note-plus:before{content:"\F39C"}.mdi-note-plus-outline:before{content:"\F39D"}.mdi-note-text:before{content:"\F39E"}.mdi-notebook:before{content:"\F82D"}.mdi-notification-clear-all:before{content:"\F39F"}.mdi-npm:before{content:"\F6F6"}.mdi-nuke:before{content:"\F6A3"}.mdi-null:before{content:"\F7E1"}.mdi-numeric:before{content:"\F3A0"}.mdi-numeric-0-box:before{content:"\F3A1"}.mdi-numeric-0-box-multiple-outline:before{content:"\F3A2"}.mdi-numeric-0-box-outline:before{content:"\F3A3"}.mdi-numeric-1-box:before{content:"\F3A4"}.mdi-numeric-1-box-multiple-outline:before{content:"\F3A5"}.mdi-numeric-1-box-outline:before{content:"\F3A6"}.mdi-numeric-2-box:before{content:"\F3A7"}.mdi-numeric-2-box-multiple-outline:before{content:"\F3A8"}.mdi-numeric-2-box-outline:before{content:"\F3A9"}.mdi-numeric-3-box:before{content:"\F3AA"}.mdi-numeric-3-box-multiple-outline:before{content:"\F3AB"}.mdi-numeric-3-box-outline:before{content:"\F3AC"}.mdi-numeric-4-box:before{content:"\F3AD"}.mdi-numeric-4-box-multiple-outline:before{content:"\F3AE"}.mdi-numeric-4-box-outline:before{content:"\F3AF"}.mdi-numeric-5-box:before{content:"\F3B0"}.mdi-numeric-5-box-multiple-outline:before{content:"\F3B1"}.mdi-numeric-5-box-outline:before{content:"\F3B2"}.mdi-numeric-6-box:before{content:"\F3B3"}.mdi-numeric-6-box-multiple-outline:before{content:"\F3B4"}.mdi-numeric-6-box-outline:before{content:"\F3B5"}.mdi-numeric-7-box:before{content:"\F3B6"}.mdi-numeric-7-box-multiple-outline:before{content:"\F3B7"}.mdi-numeric-7-box-outline:before{content:"\F3B8"}.mdi-numeric-8-box:before{content:"\F3B9"}.mdi-numeric-8-box-multiple-outline:before{content:"\F3BA"}.mdi-numeric-8-box-outline:before{content:"\F3BB"}.mdi-numeric-9-box:before{content:"\F3BC"}.mdi-numeric-9-box-multiple-outline:before{content:"\F3BD"}.mdi-numeric-9-box-outline:before{content:"\F3BE"}.mdi-numeric-9-plus-box:before{content:"\F3BF"}.mdi-numeric-9-plus-box-multiple-outline:before{content:"\F3C0"}.mdi-numeric-9-plus-box-outline:before{content:"\F3C1"}.mdi-nut:before{content:"\F6F7"}.mdi-nutrition:before{content:"\F3C2"}.mdi-oar:before{content:"\F67B"}.mdi-octagon:before{content:"\F3C3"}.mdi-octagon-outline:before{content:"\F3C4"}.mdi-octagram:before{content:"\F6F8"}.mdi-octagram-outline:before{content:"\F774"}.mdi-odnoklassniki:before{content:"\F3C5"}.mdi-office:before{content:"\F3C6"}.mdi-oil:before{content:"\F3C7"}.mdi-oil-temperature:before{content:"\F3C8"}.mdi-omega:before{content:"\F3C9"}.mdi-onedrive:before{content:"\F3CA"}.mdi-onenote:before{content:"\F746"}.mdi-opacity:before{content:"\F5CC"}.mdi-open-in-app:before{content:"\F3CB"}.mdi-open-in-new:before{content:"\F3CC"}.mdi-openid:before{content:"\F3CD"}.mdi-opera:before{content:"\F3CE"}.mdi-orbit:before{content:"\F018"}.mdi-ornament:before{content:"\F3CF"}.mdi-ornament-variant:before{content:"\F3D0"}.mdi-owl:before{content:"\F3D2"}.mdi-package:before{content:"\F3D3"}.mdi-package-down:before{content:"\F3D4"}.mdi-package-up:before{content:"\F3D5"}.mdi-package-variant:before{content:"\F3D6"}.mdi-package-variant-closed:before{content:"\F3D7"}.mdi-page-first:before{content:"\F600"}.mdi-page-last:before{content:"\F601"}.mdi-page-layout-body:before{content:"\F6F9"}.mdi-page-layout-footer:before{content:"\F6FA"}.mdi-page-layout-header:before{content:"\F6FB"}.mdi-page-layout-sidebar-left:before{content:"\F6FC"}.mdi-page-layout-sidebar-right:before{content:"\F6FD"}.mdi-palette:before{content:"\F3D8"}.mdi-palette-advanced:before{content:"\F3D9"}.mdi-panda:before{content:"\F3DA"}.mdi-pandora:before{content:"\F3DB"}.mdi-panorama:before{content:"\F3DC"}.mdi-panorama-fisheye:before{content:"\F3DD"}.mdi-panorama-horizontal:before{content:"\F3DE"}.mdi-panorama-vertical:before{content:"\F3DF"}.mdi-panorama-wide-angle:before{content:"\F3E0"}.mdi-paper-cut-vertical:before{content:"\F3E1"}.mdi-paperclip:before{content:"\F3E2"}.mdi-parking:before{content:"\F3E3"}.mdi-passport:before{content:"\F7E2"}.mdi-pause:before{content:"\F3E4"}.mdi-pause-circle:before{content:"\F3E5"}.mdi-pause-circle-outline:before{content:"\F3E6"}.mdi-pause-octagon:before{content:"\F3E7"}.mdi-pause-octagon-outline:before{content:"\F3E8"}.mdi-paw:before{content:"\F3E9"}.mdi-paw-off:before{content:"\F657"}.mdi-pen:before{content:"\F3EA"}.mdi-pencil:before{content:"\F3EB"}.mdi-pencil-box:before{content:"\F3EC"}.mdi-pencil-box-outline:before{content:"\F3ED"}.mdi-pencil-circle:before{content:"\F6FE"}.mdi-pencil-circle-outline:before{content:"\F775"}.mdi-pencil-lock:before{content:"\F3EE"}.mdi-pencil-off:before{content:"\F3EF"}.mdi-pentagon:before{content:"\F6FF"}.mdi-pentagon-outline:before{content:"\F700"}.mdi-percent:before{content:"\F3F0"}.mdi-periodic-table-co2:before{content:"\F7E3"}.mdi-periscope:before{content:"\F747"}.mdi-pharmacy:before{content:"\F3F1"}.mdi-phone:before{content:"\F3F2"}.mdi-phone-bluetooth:before{content:"\F3F3"}.mdi-phone-classic:before{content:"\F602"}.mdi-phone-forward:before{content:"\F3F4"}.mdi-phone-hangup:before{content:"\F3F5"}.mdi-phone-in-talk:before{content:"\F3F6"}.mdi-phone-incoming:before{content:"\F3F7"}.mdi-phone-locked:before{content:"\F3F8"}.mdi-phone-log:before{content:"\F3F9"}.mdi-phone-minus:before{content:"\F658"}.mdi-phone-missed:before{content:"\F3FA"}.mdi-phone-outgoing:before{content:"\F3FB"}.mdi-phone-paused:before{content:"\F3FC"}.mdi-phone-plus:before{content:"\F659"}.mdi-phone-return:before{content:"\F82E"}.mdi-phone-settings:before{content:"\F3FD"}.mdi-phone-voip:before{content:"\F3FE"}.mdi-pi:before{content:"\F3FF"}.mdi-pi-box:before{content:"\F400"}.mdi-piano:before{content:"\F67C"}.mdi-pig:before{content:"\F401"}.mdi-pill:before{content:"\F402"}.mdi-pillar:before{content:"\F701"}.mdi-pin:before{content:"\F403"}.mdi-pin-off:before{content:"\F404"}.mdi-pine-tree:before{content:"\F405"}.mdi-pine-tree-box:before{content:"\F406"}.mdi-pinterest:before{content:"\F407"}.mdi-pinterest-box:before{content:"\F408"}.mdi-pipe:before{content:"\F7E4"}.mdi-pipe-disconnected:before{content:"\F7E5"}.mdi-pistol:before{content:"\F702"}.mdi-pizza:before{content:"\F409"}.mdi-plane-shield:before{content:"\F6BA"}.mdi-play:before{content:"\F40A"}.mdi-play-box-outline:before{content:"\F40B"}.mdi-play-circle:before{content:"\F40C"}.mdi-play-circle-outline:before{content:"\F40D"}.mdi-play-pause:before{content:"\F40E"}.mdi-play-protected-content:before{content:"\F40F"}.mdi-playlist-check:before{content:"\F5C7"}.mdi-playlist-minus:before{content:"\F410"}.mdi-playlist-play:before{content:"\F411"}.mdi-playlist-plus:before{content:"\F412"}.mdi-playlist-remove:before{content:"\F413"}.mdi-playstation:before{content:"\F414"}.mdi-plex:before{content:"\F6B9"}.mdi-plus:before{content:"\F415"}.mdi-plus-box:before{content:"\F416"}.mdi-plus-box-outline:before{content:"\F703"}.mdi-plus-circle:before{content:"\F417"}.mdi-plus-circle-multiple-outline:before{content:"\F418"}.mdi-plus-circle-outline:before{content:"\F419"}.mdi-plus-network:before{content:"\F41A"}.mdi-plus-one:before{content:"\F41B"}.mdi-plus-outline:before{content:"\F704"}.mdi-pocket:before{content:"\F41C"}.mdi-pokeball:before{content:"\F41D"}.mdi-poker-chip:before{content:"\F82F"}.mdi-polaroid:before{content:"\F41E"}.mdi-poll:before{content:"\F41F"}.mdi-poll-box:before{content:"\F420"}.mdi-polymer:before{content:"\F421"}.mdi-pool:before{content:"\F606"}.mdi-popcorn:before{content:"\F422"}.mdi-pot:before{content:"\F65A"}.mdi-pot-mix:before{content:"\F65B"}.mdi-pound:before{content:"\F423"}.mdi-pound-box:before{content:"\F424"}.mdi-power:before{content:"\F425"}.mdi-power-plug:before{content:"\F6A4"}.mdi-power-plug-off:before{content:"\F6A5"}.mdi-power-settings:before{content:"\F426"}.mdi-power-socket:before{content:"\F427"}.mdi-power-socket-eu:before{content:"\F7E6"}.mdi-power-socket-uk:before{content:"\F7E7"}.mdi-power-socket-us:before{content:"\F7E8"}.mdi-prescription:before{content:"\F705"}.mdi-presentation:before{content:"\F428"}.mdi-presentation-play:before{content:"\F429"}.mdi-printer:before{content:"\F42A"}.mdi-printer-3d:before{content:"\F42B"}.mdi-printer-alert:before{content:"\F42C"}.mdi-printer-settings:before{content:"\F706"}.mdi-priority-high:before{content:"\F603"}.mdi-priority-low:before{content:"\F604"}.mdi-professional-hexagon:before{content:"\F42D"}.mdi-projector:before{content:"\F42E"}.mdi-projector-screen:before{content:"\F42F"}.mdi-publish:before{content:"\F6A6"}.mdi-pulse:before{content:"\F430"}.mdi-puzzle:before{content:"\F431"}.mdi-qqchat:before{content:"\F605"}.mdi-qrcode:before{content:"\F432"}.mdi-qrcode-scan:before{content:"\F433"}.mdi-quadcopter:before{content:"\F434"}.mdi-quality-high:before{content:"\F435"}.mdi-quicktime:before{content:"\F436"}.mdi-radar:before{content:"\F437"}.mdi-radiator:before{content:"\F438"}.mdi-radio:before{content:"\F439"}.mdi-radio-handheld:before{content:"\F43A"}.mdi-radio-tower:before{content:"\F43B"}.mdi-radioactive:before{content:"\F43C"}.mdi-radiobox-blank:before{content:"\F43D"}.mdi-radiobox-marked:before{content:"\F43E"}.mdi-raspberrypi:before{content:"\F43F"}.mdi-ray-end:before{content:"\F440"}.mdi-ray-end-arrow:before{content:"\F441"}.mdi-ray-start:before{content:"\F442"}.mdi-ray-start-arrow:before{content:"\F443"}.mdi-ray-start-end:before{content:"\F444"}.mdi-ray-vertex:before{content:"\F445"}.mdi-react:before{content:"\F707"}.mdi-read:before{content:"\F447"}.mdi-receipt:before{content:"\F449"}.mdi-record:before{content:"\F44A"}.mdi-record-rec:before{content:"\F44B"}.mdi-recycle:before{content:"\F44C"}.mdi-reddit:before{content:"\F44D"}.mdi-redo:before{content:"\F44E"}.mdi-redo-variant:before{content:"\F44F"}.mdi-refresh:before{content:"\F450"}.mdi-regex:before{content:"\F451"}.mdi-relative-scale:before{content:"\F452"}.mdi-reload:before{content:"\F453"}.mdi-remote:before{content:"\F454"}.mdi-rename-box:before{content:"\F455"}.mdi-reorder-horizontal:before{content:"\F687"}.mdi-reorder-vertical:before{content:"\F688"}.mdi-repeat:before{content:"\F456"}.mdi-repeat-off:before{content:"\F457"}.mdi-repeat-once:before{content:"\F458"}.mdi-replay:before{content:"\F459"}.mdi-reply:before{content:"\F45A"}.mdi-reply-all:before{content:"\F45B"}.mdi-reproduction:before{content:"\F45C"}.mdi-resize-bottom-right:before{content:"\F45D"}.mdi-responsive:before{content:"\F45E"}.mdi-restart:before{content:"\F708"}.mdi-restore:before{content:"\F6A7"}.mdi-rewind:before{content:"\F45F"}.mdi-rewind-outline:before{content:"\F709"}.mdi-rhombus:before{content:"\F70A"}.mdi-rhombus-outline:before{content:"\F70B"}.mdi-ribbon:before{content:"\F460"}.mdi-rice:before{content:"\F7E9"}.mdi-ring:before{content:"\F7EA"}.mdi-road:before{content:"\F461"}.mdi-road-variant:before{content:"\F462"}.mdi-robot:before{content:"\F6A8"}.mdi-rocket:before{content:"\F463"}.mdi-roomba:before{content:"\F70C"}.mdi-rotate-3d:before{content:"\F464"}.mdi-rotate-left:before{content:"\F465"}.mdi-rotate-left-variant:before{content:"\F466"}.mdi-rotate-right:before{content:"\F467"}.mdi-rotate-right-variant:before{content:"\F468"}.mdi-rounded-corner:before{content:"\F607"}.mdi-router-wireless:before{content:"\F469"}.mdi-routes:before{content:"\F46A"}.mdi-rowing:before{content:"\F608"}.mdi-rss:before{content:"\F46B"}.mdi-rss-box:before{content:"\F46C"}.mdi-ruler:before{content:"\F46D"}.mdi-run:before{content:"\F70D"}.mdi-run-fast:before{content:"\F46E"}.mdi-sale:before{content:"\F46F"}.mdi-sass:before{content:"\F7EB"}.mdi-satellite:before{content:"\F470"}.mdi-satellite-variant:before{content:"\F471"}.mdi-saxophone:before{content:"\F609"}.mdi-scale:before{content:"\F472"}.mdi-scale-balance:before{content:"\F5D1"}.mdi-scale-bathroom:before{content:"\F473"}.mdi-scanner:before{content:"\F6AA"}.mdi-school:before{content:"\F474"}.mdi-screen-rotation:before{content:"\F475"}.mdi-screen-rotation-lock:before{content:"\F476"}.mdi-screwdriver:before{content:"\F477"}.mdi-script:before{content:"\F478"}.mdi-sd:before{content:"\F479"}.mdi-seal:before{content:"\F47A"}.mdi-search-web:before{content:"\F70E"}.mdi-seat-flat:before{content:"\F47B"}.mdi-seat-flat-angled:before{content:"\F47C"}.mdi-seat-individual-suite:before{content:"\F47D"}.mdi-seat-legroom-extra:before{content:"\F47E"}.mdi-seat-legroom-normal:before{content:"\F47F"}.mdi-seat-legroom-reduced:before{content:"\F480"}.mdi-seat-recline-extra:before{content:"\F481"}.mdi-seat-recline-normal:before{content:"\F482"}.mdi-security:before{content:"\F483"}.mdi-security-home:before{content:"\F689"}.mdi-security-network:before{content:"\F484"}.mdi-select:before{content:"\F485"}.mdi-select-all:before{content:"\F486"}.mdi-select-inverse:before{content:"\F487"}.mdi-select-off:before{content:"\F488"}.mdi-selection:before{content:"\F489"}.mdi-selection-off:before{content:"\F776"}.mdi-send:before{content:"\F48A"}.mdi-send-secure:before{content:"\F7EC"}.mdi-serial-port:before{content:"\F65C"}.mdi-server:before{content:"\F48B"}.mdi-server-minus:before{content:"\F48C"}.mdi-server-network:before{content:"\F48D"}.mdi-server-network-off:before{content:"\F48E"}.mdi-server-off:before{content:"\F48F"}.mdi-server-plus:before{content:"\F490"}.mdi-server-remove:before{content:"\F491"}.mdi-server-security:before{content:"\F492"}.mdi-set-all:before{content:"\F777"}.mdi-set-center:before{content:"\F778"}.mdi-set-center-right:before{content:"\F779"}.mdi-set-left:before{content:"\F77A"}.mdi-set-left-center:before{content:"\F77B"}.mdi-set-left-right:before{content:"\F77C"}.mdi-set-none:before{content:"\F77D"}.mdi-set-right:before{content:"\F77E"}.mdi-settings:before{content:"\F493"}.mdi-settings-box:before{content:"\F494"}.mdi-shape:before{content:"\F830"}.mdi-shape-circle-plus:before{content:"\F65D"}.mdi-shape-outline:before{content:"\F831"}.mdi-shape-plus:before{content:"\F495"}.mdi-shape-polygon-plus:before{content:"\F65E"}.mdi-shape-rectangle-plus:before{content:"\F65F"}.mdi-shape-square-plus:before{content:"\F660"}.mdi-share:before{content:"\F496"}.mdi-share-variant:before{content:"\F497"}.mdi-shield:before{content:"\F498"}.mdi-shield-half-full:before{content:"\F77F"}.mdi-shield-outline:before{content:"\F499"}.mdi-ship-wheel:before{content:"\F832"}.mdi-shopping:before{content:"\F49A"}.mdi-shopping-music:before{content:"\F49B"}.mdi-shovel:before{content:"\F70F"}.mdi-shovel-off:before{content:"\F710"}.mdi-shredder:before{content:"\F49C"}.mdi-shuffle:before{content:"\F49D"}.mdi-shuffle-disabled:before{content:"\F49E"}.mdi-shuffle-variant:before{content:"\F49F"}.mdi-sigma:before{content:"\F4A0"}.mdi-sigma-lower:before{content:"\F62B"}.mdi-sign-caution:before{content:"\F4A1"}.mdi-sign-direction:before{content:"\F780"}.mdi-sign-text:before{content:"\F781"}.mdi-signal:before{content:"\F4A2"}.mdi-signal-2g:before{content:"\F711"}.mdi-signal-3g:before{content:"\F712"}.mdi-signal-4g:before{content:"\F713"}.mdi-signal-hspa:before{content:"\F714"}.mdi-signal-hspa-plus:before{content:"\F715"}.mdi-signal-off:before{content:"\F782"}.mdi-signal-variant:before{content:"\F60A"}.mdi-silverware:before{content:"\F4A3"}.mdi-silverware-fork:before{content:"\F4A4"}.mdi-silverware-spoon:before{content:"\F4A5"}.mdi-silverware-variant:before{content:"\F4A6"}.mdi-sim:before{content:"\F4A7"}.mdi-sim-alert:before{content:"\F4A8"}.mdi-sim-off:before{content:"\F4A9"}.mdi-sitemap:before{content:"\F4AA"}.mdi-skip-backward:before{content:"\F4AB"}.mdi-skip-forward:before{content:"\F4AC"}.mdi-skip-next:before{content:"\F4AD"}.mdi-skip-next-circle:before{content:"\F661"}.mdi-skip-next-circle-outline:before{content:"\F662"}.mdi-skip-previous:before{content:"\F4AE"}.mdi-skip-previous-circle:before{content:"\F663"}.mdi-skip-previous-circle-outline:before{content:"\F664"}.mdi-skull:before{content:"\F68B"}.mdi-skype:before{content:"\F4AF"}.mdi-skype-business:before{content:"\F4B0"}.mdi-slack:before{content:"\F4B1"}.mdi-sleep:before{content:"\F4B2"}.mdi-sleep-off:before{content:"\F4B3"}.mdi-smoking:before{content:"\F4B4"}.mdi-smoking-off:before{content:"\F4B5"}.mdi-snapchat:before{content:"\F4B6"}.mdi-snowflake:before{content:"\F716"}.mdi-snowman:before{content:"\F4B7"}.mdi-soccer:before{content:"\F4B8"}.mdi-soccer-field:before{content:"\F833"}.mdi-sofa:before{content:"\F4B9"}.mdi-solid:before{content:"\F68C"}.mdi-sort:before{content:"\F4BA"}.mdi-sort-alphabetical:before{content:"\F4BB"}.mdi-sort-ascending:before{content:"\F4BC"}.mdi-sort-descending:before{content:"\F4BD"}.mdi-sort-numeric:before{content:"\F4BE"}.mdi-sort-variant:before{content:"\F4BF"}.mdi-soundcloud:before{content:"\F4C0"}.mdi-source-branch:before{content:"\F62C"}.mdi-source-commit:before{content:"\F717"}.mdi-source-commit-end:before{content:"\F718"}.mdi-source-commit-end-local:before{content:"\F719"}.mdi-source-commit-local:before{content:"\F71A"}.mdi-source-commit-next-local:before{content:"\F71B"}.mdi-source-commit-start:before{content:"\F71C"}.mdi-source-commit-start-next-local:before{content:"\F71D"}.mdi-source-fork:before{content:"\F4C1"}.mdi-source-merge:before{content:"\F62D"}.mdi-source-pull:before{content:"\F4C2"}.mdi-soy-sauce:before{content:"\F7ED"}.mdi-speaker:before{content:"\F4C3"}.mdi-speaker-off:before{content:"\F4C4"}.mdi-speaker-wireless:before{content:"\F71E"}.mdi-speedometer:before{content:"\F4C5"}.mdi-spellcheck:before{content:"\F4C6"}.mdi-spotify:before{content:"\F4C7"}.mdi-spotlight:before{content:"\F4C8"}.mdi-spotlight-beam:before{content:"\F4C9"}.mdi-spray:before{content:"\F665"}.mdi-square:before{content:"\F763"}.mdi-square-inc:before{content:"\F4CA"}.mdi-square-inc-cash:before{content:"\F4CB"}.mdi-square-outline:before{content:"\F762"}.mdi-square-root:before{content:"\F783"}.mdi-stack-overflow:before{content:"\F4CC"}.mdi-stackexchange:before{content:"\F60B"}.mdi-stadium:before{content:"\F71F"}.mdi-stairs:before{content:"\F4CD"}.mdi-standard-definition:before{content:"\F7EE"}.mdi-star:before{content:"\F4CE"}.mdi-star-circle:before{content:"\F4CF"}.mdi-star-half:before{content:"\F4D0"}.mdi-star-off:before{content:"\F4D1"}.mdi-star-outline:before{content:"\F4D2"}.mdi-steam:before{content:"\F4D3"}.mdi-steering:before{content:"\F4D4"}.mdi-step-backward:before{content:"\F4D5"}.mdi-step-backward-2:before{content:"\F4D6"}.mdi-step-forward:before{content:"\F4D7"}.mdi-step-forward-2:before{content:"\F4D8"}.mdi-stethoscope:before{content:"\F4D9"}.mdi-sticker:before{content:"\F5D0"}.mdi-sticker-emoji:before{content:"\F784"}.mdi-stocking:before{content:"\F4DA"}.mdi-stop:before{content:"\F4DB"}.mdi-stop-circle:before{content:"\F666"}.mdi-stop-circle-outline:before{content:"\F667"}.mdi-store:before{content:"\F4DC"}.mdi-store-24-hour:before{content:"\F4DD"}.mdi-stove:before{content:"\F4DE"}.mdi-subdirectory-arrow-left:before{content:"\F60C"}.mdi-subdirectory-arrow-right:before{content:"\F60D"}.mdi-subway:before{content:"\F6AB"}.mdi-subway-variant:before{content:"\F4DF"}.mdi-summit:before{content:"\F785"}.mdi-sunglasses:before{content:"\F4E0"}.mdi-surround-sound:before{content:"\F5C5"}.mdi-surround-sound-2-0:before{content:"\F7EF"}.mdi-surround-sound-3-1:before{content:"\F7F0"}.mdi-surround-sound-5-1:before{content:"\F7F1"}.mdi-surround-sound-7-1:before{content:"\F7F2"}.mdi-svg:before{content:"\F720"}.mdi-swap-horizontal:before{content:"\F4E1"}.mdi-swap-vertical:before{content:"\F4E2"}.mdi-swim:before{content:"\F4E3"}.mdi-switch:before{content:"\F4E4"}.mdi-sword:before{content:"\F4E5"}.mdi-sword-cross:before{content:"\F786"}.mdi-sync:before{content:"\F4E6"}.mdi-sync-alert:before{content:"\F4E7"}.mdi-sync-off:before{content:"\F4E8"}.mdi-tab:before{content:"\F4E9"}.mdi-tab-plus:before{content:"\F75B"}.mdi-tab-unselected:before{content:"\F4EA"}.mdi-table:before{content:"\F4EB"}.mdi-table-column:before{content:"\F834"}.mdi-table-column-plus-after:before{content:"\F4EC"}.mdi-table-column-plus-before:before{content:"\F4ED"}.mdi-table-column-remove:before{content:"\F4EE"}.mdi-table-column-width:before{content:"\F4EF"}.mdi-table-edit:before{content:"\F4F0"}.mdi-table-large:before{content:"\F4F1"}.mdi-table-of-contents:before{content:"\F835"}.mdi-table-row:before{content:"\F836"}.mdi-table-row-height:before{content:"\F4F2"}.mdi-table-row-plus-after:before{content:"\F4F3"}.mdi-table-row-plus-before:before{content:"\F4F4"}.mdi-table-row-remove:before{content:"\F4F5"}.mdi-table-settings:before{content:"\F837"}.mdi-tablet:before{content:"\F4F6"}.mdi-tablet-android:before{content:"\F4F7"}.mdi-tablet-ipad:before{content:"\F4F8"}.mdi-taco:before{content:"\F761"}.mdi-tag:before{content:"\F4F9"}.mdi-tag-faces:before{content:"\F4FA"}.mdi-tag-heart:before{content:"\F68A"}.mdi-tag-multiple:before{content:"\F4FB"}.mdi-tag-outline:before{content:"\F4FC"}.mdi-tag-plus:before{content:"\F721"}.mdi-tag-remove:before{content:"\F722"}.mdi-tag-text-outline:before{content:"\F4FD"}.mdi-target:before{content:"\F4FE"}.mdi-taxi:before{content:"\F4FF"}.mdi-teamviewer:before{content:"\F500"}.mdi-telegram:before{content:"\F501"}.mdi-television:before{content:"\F502"}.mdi-television-box:before{content:"\F838"}.mdi-television-classic:before{content:"\F7F3"}.mdi-television-classic-off:before{content:"\F839"}.mdi-television-guide:before{content:"\F503"}.mdi-television-off:before{content:"\F83A"}.mdi-temperature-celsius:before{content:"\F504"}.mdi-temperature-fahrenheit:before{content:"\F505"}.mdi-temperature-kelvin:before{content:"\F506"}.mdi-tennis:before{content:"\F507"}.mdi-tent:before{content:"\F508"}.mdi-terrain:before{content:"\F509"}.mdi-test-tube:before{content:"\F668"}.mdi-text-shadow:before{content:"\F669"}.mdi-text-to-speech:before{content:"\F50A"}.mdi-text-to-speech-off:before{content:"\F50B"}.mdi-textbox:before{content:"\F60E"}.mdi-textbox-password:before{content:"\F7F4"}.mdi-texture:before{content:"\F50C"}.mdi-theater:before{content:"\F50D"}.mdi-theme-light-dark:before{content:"\F50E"}.mdi-thermometer:before{content:"\F50F"}.mdi-thermometer-lines:before{content:"\F510"}.mdi-thought-bubble:before{content:"\F7F5"}.mdi-thought-bubble-outline:before{content:"\F7F6"}.mdi-thumb-down:before{content:"\F511"}.mdi-thumb-down-outline:before{content:"\F512"}.mdi-thumb-up:before{content:"\F513"}.mdi-thumb-up-outline:before{content:"\F514"}.mdi-thumbs-up-down:before{content:"\F515"}.mdi-ticket:before{content:"\F516"}.mdi-ticket-account:before{content:"\F517"}.mdi-ticket-confirmation:before{content:"\F518"}.mdi-ticket-percent:before{content:"\F723"}.mdi-tie:before{content:"\F519"}.mdi-tilde:before{content:"\F724"}.mdi-timelapse:before{content:"\F51A"}.mdi-timer:before{content:"\F51B"}.mdi-timer-10:before{content:"\F51C"}.mdi-timer-3:before{content:"\F51D"}.mdi-timer-off:before{content:"\F51E"}.mdi-timer-sand:before{content:"\F51F"}.mdi-timer-sand-empty:before{content:"\F6AC"}.mdi-timer-sand-full:before{content:"\F78B"}.mdi-timetable:before{content:"\F520"}.mdi-toggle-switch:before{content:"\F521"}.mdi-toggle-switch-off:before{content:"\F522"}.mdi-tooltip:before{content:"\F523"}.mdi-tooltip-edit:before{content:"\F524"}.mdi-tooltip-image:before{content:"\F525"}.mdi-tooltip-outline:before{content:"\F526"}.mdi-tooltip-outline-plus:before{content:"\F527"}.mdi-tooltip-text:before{content:"\F528"}.mdi-tooth:before{content:"\F529"}.mdi-tor:before{content:"\F52A"}.mdi-tower-beach:before{content:"\F680"}.mdi-tower-fire:before{content:"\F681"}.mdi-towing:before{content:"\F83B"}.mdi-trackpad:before{content:"\F7F7"}.mdi-traffic-light:before{content:"\F52B"}.mdi-train:before{content:"\F52C"}.mdi-tram:before{content:"\F52D"}.mdi-transcribe:before{content:"\F52E"}.mdi-transcribe-close:before{content:"\F52F"}.mdi-transfer:before{content:"\F530"}.mdi-transit-transfer:before{content:"\F6AD"}.mdi-translate:before{content:"\F5CA"}.mdi-treasure-chest:before{content:"\F725"}.mdi-tree:before{content:"\F531"}.mdi-trello:before{content:"\F532"}.mdi-trending-down:before{content:"\F533"}.mdi-trending-neutral:before{content:"\F534"}.mdi-trending-up:before{content:"\F535"}.mdi-triangle:before{content:"\F536"}.mdi-triangle-outline:before{content:"\F537"}.mdi-trophy:before{content:"\F538"}.mdi-trophy-award:before{content:"\F539"}.mdi-trophy-outline:before{content:"\F53A"}.mdi-trophy-variant:before{content:"\F53B"}.mdi-trophy-variant-outline:before{content:"\F53C"}.mdi-truck:before{content:"\F53D"}.mdi-truck-delivery:before{content:"\F53E"}.mdi-truck-fast:before{content:"\F787"}.mdi-truck-trailer:before{content:"\F726"}.mdi-tshirt-crew:before{content:"\F53F"}.mdi-tshirt-v:before{content:"\F540"}.mdi-tumblr:before{content:"\F541"}.mdi-tumblr-reblog:before{content:"\F542"}.mdi-tune:before{content:"\F62E"}.mdi-tune-vertical:before{content:"\F66A"}.mdi-twitch:before{content:"\F543"}.mdi-twitter:before{content:"\F544"}.mdi-twitter-box:before{content:"\F545"}.mdi-twitter-circle:before{content:"\F546"}.mdi-twitter-retweet:before{content:"\F547"}.mdi-uber:before{content:"\F748"}.mdi-ubuntu:before{content:"\F548"}.mdi-ultra-high-definition:before{content:"\F7F8"}.mdi-umbraco:before{content:"\F549"}.mdi-umbrella:before{content:"\F54A"}.mdi-umbrella-outline:before{content:"\F54B"}.mdi-undo:before{content:"\F54C"}.mdi-undo-variant:before{content:"\F54D"}.mdi-unfold-less-horizontal:before{content:"\F54E"}.mdi-unfold-less-vertical:before{content:"\F75F"}.mdi-unfold-more-horizontal:before{content:"\F54F"}.mdi-unfold-more-vertical:before{content:"\F760"}.mdi-ungroup:before{content:"\F550"}.mdi-unity:before{content:"\F6AE"}.mdi-untappd:before{content:"\F551"}.mdi-update:before{content:"\F6AF"}.mdi-upload:before{content:"\F552"}.mdi-upload-multiple:before{content:"\F83C"}.mdi-upload-network:before{content:"\F6F5"}.mdi-usb:before{content:"\F553"}.mdi-van-passenger:before{content:"\F7F9"}.mdi-van-utility:before{content:"\F7FA"}.mdi-vanish:before{content:"\F7FB"}.mdi-vector-arrange-above:before{content:"\F554"}.mdi-vector-arrange-below:before{content:"\F555"}.mdi-vector-circle:before{content:"\F556"}.mdi-vector-circle-variant:before{content:"\F557"}.mdi-vector-combine:before{content:"\F558"}.mdi-vector-curve:before{content:"\F559"}.mdi-vector-difference:before{content:"\F55A"}.mdi-vector-difference-ab:before{content:"\F55B"}.mdi-vector-difference-ba:before{content:"\F55C"}.mdi-vector-intersection:before{content:"\F55D"}.mdi-vector-line:before{content:"\F55E"}.mdi-vector-point:before{content:"\F55F"}.mdi-vector-polygon:before{content:"\F560"}.mdi-vector-polyline:before{content:"\F561"}.mdi-vector-radius:before{content:"\F749"}.mdi-vector-rectangle:before{content:"\F5C6"}.mdi-vector-selection:before{content:"\F562"}.mdi-vector-square:before{content:"\F001"}.mdi-vector-triangle:before{content:"\F563"}.mdi-vector-union:before{content:"\F564"}.mdi-venmo:before{content:"\F578"}.mdi-verified:before{content:"\F565"}.mdi-vibrate:before{content:"\F566"}.mdi-video:before{content:"\F567"}.mdi-video-3d:before{content:"\F7FC"}.mdi-video-4k-box:before{content:"\F83D"}.mdi-video-input-antenna:before{content:"\F83E"}.mdi-video-input-component:before{content:"\F83F"}.mdi-video-input-hdmi:before{content:"\F840"}.mdi-video-input-svideo:before{content:"\F841"}.mdi-video-off:before{content:"\F568"}.mdi-video-switch:before{content:"\F569"}.mdi-view-agenda:before{content:"\F56A"}.mdi-view-array:before{content:"\F56B"}.mdi-view-carousel:before{content:"\F56C"}.mdi-view-column:before{content:"\F56D"}.mdi-view-dashboard:before{content:"\F56E"}.mdi-view-dashboard-variant:before{content:"\F842"}.mdi-view-day:before{content:"\F56F"}.mdi-view-grid:before{content:"\F570"}.mdi-view-headline:before{content:"\F571"}.mdi-view-list:before{content:"\F572"}.mdi-view-module:before{content:"\F573"}.mdi-view-parallel:before{content:"\F727"}.mdi-view-quilt:before{content:"\F574"}.mdi-view-sequential:before{content:"\F728"}.mdi-view-stream:before{content:"\F575"}.mdi-view-week:before{content:"\F576"}.mdi-vimeo:before{content:"\F577"}.mdi-violin:before{content:"\F60F"}.mdi-visualstudio:before{content:"\F610"}.mdi-vk:before{content:"\F579"}.mdi-vk-box:before{content:"\F57A"}.mdi-vk-circle:before{content:"\F57B"}.mdi-vlc:before{content:"\F57C"}.mdi-voice:before{content:"\F5CB"}.mdi-voicemail:before{content:"\F57D"}.mdi-volume-high:before{content:"\F57E"}.mdi-volume-low:before{content:"\F57F"}.mdi-volume-medium:before{content:"\F580"}.mdi-volume-minus:before{content:"\F75D"}.mdi-volume-mute:before{content:"\F75E"}.mdi-volume-off:before{content:"\F581"}.mdi-volume-plus:before{content:"\F75C"}.mdi-vpn:before{content:"\F582"}.mdi-vuejs:before{content:"\F843"}.mdi-walk:before{content:"\F583"}.mdi-wall:before{content:"\F7FD"}.mdi-wallet:before{content:"\F584"}.mdi-wallet-giftcard:before{content:"\F585"}.mdi-wallet-membership:before{content:"\F586"}.mdi-wallet-travel:before{content:"\F587"}.mdi-wan:before{content:"\F588"}.mdi-washing-machine:before{content:"\F729"}.mdi-watch:before{content:"\F589"}.mdi-watch-export:before{content:"\F58A"}.mdi-watch-import:before{content:"\F58B"}.mdi-watch-vibrate:before{content:"\F6B0"}.mdi-water:before{content:"\F58C"}.mdi-water-off:before{content:"\F58D"}.mdi-water-percent:before{content:"\F58E"}.mdi-water-pump:before{content:"\F58F"}.mdi-watermark:before{content:"\F612"}.mdi-waves:before{content:"\F78C"}.mdi-weather-cloudy:before{content:"\F590"}.mdi-weather-fog:before{content:"\F591"}.mdi-weather-hail:before{content:"\F592"}.mdi-weather-lightning:before{content:"\F593"}.mdi-weather-lightning-rainy:before{content:"\F67D"}.mdi-weather-night:before{content:"\F594"}.mdi-weather-partlycloudy:before{content:"\F595"}.mdi-weather-pouring:before{content:"\F596"}.mdi-weather-rainy:before{content:"\F597"}.mdi-weather-snowy:before{content:"\F598"}.mdi-weather-snowy-rainy:before{content:"\F67E"}.mdi-weather-sunny:before{content:"\F599"}.mdi-weather-sunset:before{content:"\F59A"}.mdi-weather-sunset-down:before{content:"\F59B"}.mdi-weather-sunset-up:before{content:"\F59C"}.mdi-weather-windy:before{content:"\F59D"}.mdi-weather-windy-variant:before{content:"\F59E"}.mdi-web:before{content:"\F59F"}.mdi-webcam:before{content:"\F5A0"}.mdi-webhook:before{content:"\F62F"}.mdi-webpack:before{content:"\F72A"}.mdi-wechat:before{content:"\F611"}.mdi-weight:before{content:"\F5A1"}.mdi-weight-kilogram:before{content:"\F5A2"}.mdi-whatsapp:before{content:"\F5A3"}.mdi-wheelchair-accessibility:before{content:"\F5A4"}.mdi-white-balance-auto:before{content:"\F5A5"}.mdi-white-balance-incandescent:before{content:"\F5A6"}.mdi-white-balance-iridescent:before{content:"\F5A7"}.mdi-white-balance-sunny:before{content:"\F5A8"}.mdi-widgets:before{content:"\F72B"}.mdi-wifi:before{content:"\F5A9"}.mdi-wifi-off:before{content:"\F5AA"}.mdi-wii:before{content:"\F5AB"}.mdi-wiiu:before{content:"\F72C"}.mdi-wikipedia:before{content:"\F5AC"}.mdi-window-close:before{content:"\F5AD"}.mdi-window-closed:before{content:"\F5AE"}.mdi-window-maximize:before{content:"\F5AF"}.mdi-window-minimize:before{content:"\F5B0"}.mdi-window-open:before{content:"\F5B1"}.mdi-window-restore:before{content:"\F5B2"}.mdi-windows:before{content:"\F5B3"}.mdi-wordpress:before{content:"\F5B4"}.mdi-worker:before{content:"\F5B5"}.mdi-wrap:before{content:"\F5B6"}.mdi-wrench:before{content:"\F5B7"}.mdi-wunderlist:before{content:"\F5B8"}.mdi-xamarin:before{content:"\F844"}.mdi-xamarin-outline:before{content:"\F845"}.mdi-xaml:before{content:"\F673"}.mdi-xbox:before{content:"\F5B9"}.mdi-xbox-controller:before{content:"\F5BA"}.mdi-xbox-controller-battery-alert:before{content:"\F74A"}.mdi-xbox-controller-battery-empty:before{content:"\F74B"}.mdi-xbox-controller-battery-full:before{content:"\F74C"}.mdi-xbox-controller-battery-low:before{content:"\F74D"}.mdi-xbox-controller-battery-medium:before{content:"\F74E"}.mdi-xbox-controller-battery-unknown:before{content:"\F74F"}.mdi-xbox-controller-off:before{content:"\F5BB"}.mdi-xda:before{content:"\F5BC"}.mdi-xing:before{content:"\F5BD"}.mdi-xing-box:before{content:"\F5BE"}.mdi-xing-circle:before{content:"\F5BF"}.mdi-xml:before{content:"\F5C0"}.mdi-xmpp:before{content:"\F7FE"}.mdi-yammer:before{content:"\F788"}.mdi-yeast:before{content:"\F5C1"}.mdi-yelp:before{content:"\F5C2"}.mdi-yin-yang:before{content:"\F67F"}.mdi-youtube-creator-studio:before{content:"\F846"}.mdi-youtube-gaming:before{content:"\F847"}.mdi-youtube-play:before{content:"\F5C3"}.mdi-youtube-tv:before{content:"\F448"}.mdi-zip-box:before{content:"\F5C4"}.mdi-blank:before{content:"\F68C";visibility:hidden}.mdi-18px.mdi-set,.mdi-18px.mdi:before{font-size:18px}.mdi-24px.mdi-set,.mdi-24px.mdi:before{font-size:24px}.mdi-36px.mdi-set,.mdi-36px.mdi:before{font-size:36px}.mdi-48px.mdi-set,.mdi-48px.mdi:before{font-size:48px}.mdi-dark:before{color:rgba(0,0,0,0.54)}.mdi-dark.mdi-inactive:before{color:rgba(0,0,0,0.26)}.mdi-light:before{color:white}.mdi-light.mdi-inactive:before{color:rgba(255,255,255,0.3)}.mdi-rotate-45:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mdi-rotate-90:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mdi-rotate-135:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mdi-rotate-180:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mdi-rotate-225:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mdi-rotate-270:before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mdi-rotate-315:before{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.mdi-flip-h:before{-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.mdi-flip-v:before{-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.mdi-spin:before{-webkit-animation:mdi-spin 1s infinite linear;animation:mdi-spin 1s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}/* © LeoCRAFT Digital, Magic CSS for "Catana" */
#preloader {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background: #333; z-index: 9999999;}
#preloader.animation {transition: 0.5s;}
#preloader.hide {opacity: 0;}
#preloader p {position: absolute; top: 50px; font-size: 2em; color: #777; font-family: 'Exo 2';}
#loading * {-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;-o-transition: none !important;transition: none !important;}
html {background: #181e2f; scroll-behavior: smooth;}
html[admin] {background-color: #131929; background-image: radial-gradient(#283f60 0.5px, #131929 0.5px); background-size: 11px 11px; background-attachment: fixed;}
html[admin]::before {position: fixed; content: 'Blade MSP © BrainTEC Digital'; left: 71px; top: 16px; color: #6d7f99; background: #293f60; padding: 5px; font-size: 11px; font-family: 'Tahoma';}
html,body {width:100%; overflow-x:hidden; scroll-behavior: smooth;}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {position: relative; margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {line-height:1; min-height: 100vh; -webkit-font-smoothing: antialiased;}
body *.opacity{opacity:0;}
body *.opacity.show{opacity:1;}

div.srvinfo {position: fixed; user-select: none; font-family: 'Courier New'; font-size: 12px; right: 0; bottom: 0; padding: 5px 7px; background: transparent; border-bottom: 3px solid #0068ff; border-radius: 6px 0 0 0; color: #fff; z-index: 999;}
div.srvinfo:hover {background: #0068ff; border-bottom: none;}
div.srvinfo * {opacity: 0;}
div.srvinfo:hover * {opacity: 1;}
div.srvinfo.cache {border-bottom-color: #f5bc00;}
div.srvinfo.cache:hover {background: #f5bc00; color: #000;}

#totop {position: fixed; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #aaa; bottom: 25px; right: -50px; opacity: 0; transition: 0.25s; z-index: 98;}
#totop.show {right: 0; opacity: 1;}
#totop i {color: #fff;}
#totop:hover {background: #42a3fd;}
#gofullscreen {position: fixed; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border: none; background: transparent; left: 20px; bottom: 20px; z-index: 101;}
#gofullscreen i {color: #0069ff; transition: 0.2s;}
#gofullscreen:hover i {transform: scale(1.2);}
#sql {position: fixed; bottom: 0; left: 100px; padding: 5px 7px; background: #0069ff; color: #45a4fd; font-size: 11px; font-family: 'Tahoma'; border-radius: 6px 6px 0 0; z-index: 999;}
#sql b {color: #00ffff;}
#sql i {color: #fff;}
#sql div {position: absolute; display: none; left: 0; bottom: 20px; padding: 10px; background: #333; max-height: calc(100vh - 100px); max-width: 900px; overflow: auto; border-radius: 10px;}
#sql div pre {font-size: 12px; padding: 5px; color: #ddd;}
#sql div pre.get::before {content: 'get: '; color: #00ffff; margin-left: 10px;}
#sql div pre.page::before {content: 'page: '; color: #45a4fd;}
#sql:hover div {display: block;}
#srv {position: fixed; display: flex; justify-content: flex-start; align-items: center; bottom: 0; left: 0; right: 0; margin: auto; padding: 5px; background: #0068ff; color: #fff; border-radius: 6px 6px 0 0; font-family: 'Tahoma'; font-size: 12px; width: 140px; z-index: 9999;}
#srv b {margin: 0 5px;}
#srv i {margin-right: 5px; font-size: 16px; color: #00ffff;}
#srv span {min-width: 15px; display: inline-block;}
#srv span.la {margin-right: 10px;}
close {position: absolute; display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; top: 0; right: 0; z-index: 10;}
close i {font-size: 25px; color: #fff;}
close:hover {cursor: pointer;}

body > dialog {position: fixed; display: block; left: 0; top: 0; right: 0; bottom: 0; margin: auto; height: fit-content; width: fit-content; max-height: 80vh; max-width: 1250px; overflow: auto; border: none; box-shadow: 0 0 100px rgba(0,0,0,0.5); background: #181e2f; padding: 0; font-family: "Ubuntu"; transition: 0.5s; z-index: 1001;}
body > dialog:empty,
body > dialog.hide {visibility: hidden; opacity: 0; top: 200px;}
body > dialog div.alert,
res div.alert {display: flex; justify-content: flex-start; align-items: center; height: 60px; padding: 0 20px 0 10px; color: #fff; font-family: 'Exo 2'; font-size: 1.2em;}
body > dialog div.alert i,
res div.alert i {margin-right: 10px;}
body > dialog div.alert::after,
res div.alert::after {position: absolute; content: ''; left: 0; bottom: 0; height: 0; border-top: 2px solid #fff; animation: timeout 10s;}
body > dialog div.alert.warning,
res div.alert.warning {background: sandybrown;}
body > dialog div.alert.send-ok,
res div.alert.send-ok {background: green; color: #fff;}
body > dialog div.alert.send-err,
res div.alert.send-err {background: orange; color: #fff;}

body > modal {position: fixed; display: flex; justify-content: center; align-items: center; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: min-content; height: min-content; width: fit-content; height: fit-content; padding: 0; font-family: "Ubuntu"; transition: 0.5s; z-index: 1000;}
body > modal::before {position: absolute; pointer-events: none; content: ''; width: 100vw; height: 100vh; background: rgba(0,0,0,0.8); transition: 0.5s;}
body > modal:empty, body > modal.hide {visibility: hidden; opacity: 0; top: 200px; height: 0;}
body > modal:empty::before, body > modal.hide::before {height: 0;}
body > modal > * {box-shadow: 0 0 100px rgba(0,0,0,0.8); background: #181e2f;}
body > modal > div.view-img {display: flex; flex-direction: column; justify-content: center; align-items: center; max-height: calc(100vh - 100px); max-width: calc(100vw - 200px); background: #222; border: 1px solid #333;}
body > modal > div.view-img img {max-height: calc(100vh - 100px); margin-bottom: -3px; margin: 35px; max-height: calc(100vh - 170px); max-width: calc(100vw - 270px);}
body > modal > div.view-img p {padding: 20px; display: none; color: #eee; border-top: 1px solid #333;}
body > modal > div.view-img a {position: absolute; display: flex; justify-content: center; align-items: center; width: 35px; height: 100px; top: 0; bottom: 0; margin: auto; color: #fff; transition: 0.25s; z-index: 10;}
body > modal > div.view-img a.slide-left {left: 0;}
body > modal > div.view-img a.slide-right {right: 0;}
body > modal > div.view-img a i {font-size: 40px; color: #fff;}
body > modal > div.view-img a,
body > modal > div.view-img close {opacity: 0.1; transition: 0.25s;}
body > modal > div.view-img:hover a,
body > modal > div.view-img:hover close {opacity: 0.6;}
body > modal > div.view-img a:hover,
body > modal > div.view-img close:hover {opacity: 0.9;}
body > modal > div.view-img .view-stat {position: absolute; display: flex; justify-content: center; align-items: center; top: 0; left: 0; right: 0; margin: auto; width: 100px; height: 35px; color: #999;}
body > modal > div.view-img .view-stat i {display: block; width: 31px; height: 0; margin-top: 1px; border-top: 1px dotted #aaa; margin: 0 10px;}
body > modal > div.view-img::before {position: absolute; content: ''; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0;}
body > modal > div.view-img::after {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 5;}
/* .fixpos {position: fixed; width: inherit;} */

div.scroll-gallery {overflow: hidden; display: flex; justify-content: center; align-items: flex-start; width: 100%; margin: 10px 0 20px;}
div.scroll-gallery div.scrolls {overflow-y: auto; width: calc(100% - 50px); padding-bottom: 30px; margin-bottom: -30px;}
div.scroll-gallery a {display: flex; justify-content: center; align-items: center; width: 25px; height: 100px; border: 1px solid #ddd; background: #fff;}
div.scroll-gallery a i {font-size: 25px;}
div.scroll-gallery ul {display: flex; justify-content: flex-start; align-items: center;}
div.scroll-gallery ul li {border: 1px solid #ddd; border-left: none; box-shadow: inset 0 0 0 5px #fff;}

.mScroll {overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
.mScroll::-webkit-scrollbar {width: 0; height: 0;}
.mScroll:hover {cursor: grab;}

#imageZoom {cursor: none;}
#imageZoom img {}
#imageZoom overlay {display: none; position: absolute; pointer-events: none; width: 400px; height: 400px; top: 0; right: -420px; border: 2px solid #555; background: #fff; overflow: hidden; z-index: 1000;}
#imageZoom overlay #image {position: absolute; width: 1500px; height: 1500px; background-position: center; background-size: contain; background-repeat: no-repeat;}
#imageZoom lens {display: none; position: absolute; pointer-events: none; width: 100px; height: 100px; transform: translate(-50%, -50%); background-color: rgba(245, 245, 245, 0.6);}
#imageZoom:hover overlay,
#imageZoom:hover lens {display: block;}

@keyframes timeout {
    0% {width: 100%;}
    100% {width: 0;}
}

ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;}
button {width: fit-content; width: -moz-fit-content;}
table{border-collapse:collapse;border-spacing:0;}
*,*::after,*::before{box-sizing:border-box;}
*:focus{outline:none;}
a {text-decoration: none; color: #02e4ca;}
a:hover {cursor: pointer;}
i:not(.mdi) {font-style: italic;}
header nav a {color: #c8d0dd;}
/* a,span>a,div>a{display:inline;} */
b,bold{font-weight:600;}
address{display:inline;}
tpl {display: block;}
div[itemscope] {display: none;}
/* select text style */
::-moz-selection    {background:#00eed2;color:#fff;}
::-webkit-selection {background:#00eed2;color:#fff;}
::selection         {background:#00eed2;color:#fff;}
::-ms-selection     {background:#00eed2;color:#fff;}
::-o-selection      {background:#00eed2;color:#fff;}
/* scrollbar style */
@-moz-document url-prefix() {
    * {scrollbar-width: thin; scrollbar-color: #97a6bf transparent;}
}
*::-webkit-scrollbar {direction:rtl; width: 6px; height: 6px; background: transparent; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;}
*::-webkit-scrollbar-track {background: transparent;}
*::-webkit-scrollbar-thumb {background: #97a6bf; border-radius: 3px;}
*::-webkit-scrollbar-thumb:hover {background: #02e4ca;}
/* pleaseholder style */
::-webkit-input-placeholder {color:#ccc;text-overflow:ellipsis;font-weight: 100;}
::-moz-placeholder          {color:#ccc;text-overflow:ellipsis;font-weight: 100;}
:-moz-placeholder           {color:#ccc;text-overflow:ellipsis;font-weight: 100;}
:-ms-input-placeholder      {color:#ccc;text-overflow:ellipsis;font-weight: 100;}
:focus::-webkit-input-placeholder {text-indent:50px;opacity:0;transition:opacity 0.3s ease, text-indent 0.3s ease;}
:focus::-moz-placeholder          {text-indent:50px;opacity:0;transition:opacity 0.3s ease, text-indent 0.3s ease;}
:focus:-moz-placeholder           {text-indent:50px;opacity:0;transition:opacity 0.3s ease, text-indent 0.3s ease;}
:focus:-ms-input-placeholder      {text-indent:50px;opacity:0;transition:opacity 0.3s ease, text-indent 0.3s ease;}
input:-internal-autofill-selected {background-color: transparent !important;}
/* undocumented tags */
style,script,schema,#Google-Search {display: none;}
#root {position: relative; display: block; margin: 0 auto; transition: 0.5s; overflow: hidden; background: #181e2f;}
#root {font-size: 18px; line-height: 1.2; color: #c8d0dd;}
* {box-sizing: border-box; background-size: cover; background-position: center; background-repeat: no-repeat;}
ico {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; transition: 0.3s;}
#root, modal, dialog {font-family: 'Ubuntu', sans-serif; font-weight: lighter;}
#root [modal], #root [dialog], #root [cover] {cursor: pointer;}
#root [cover] {transition: 0.5s; background-repeat: repeat-x;}
#root [cover]:hover {background-position-x: -100px;}
find {display: inline; text-decoration: underline #00ffe2;}
[modal] > img {background: transparent;}
modal iframe.cover, modal > *, dialog iframe.cover {max-height: calc(100vh - 100px);}
.detach {display: none !important;}
footer::before {position: absolute; display: block; content: ''; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #181e2f; opacity: 0.9; z-index: 0;}
section, header, footer {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
nav {position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#page {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: auto;}
#page:empty {height: 50vh;}

wizard {display: inline-block; padding: 10px; margin: 15px 0; background: #272727; color: #ddd; border: 3px solid #0068ff; border-radius: 10px;}
wizard b {font-weight: 600; color: #dd8400}
wizard c {color: #607d8b;}
._alert {display: inline-block; padding: 10px; background: coral; border-radius: 6px; color: #fff; z-index: 99;}
section [event], ._button {display: inline-flex; justify-content: flex-start; align-items: center; padding: 10px; transition: 0.25s;}
section [event], ._button:hover {cursor: pointer;}
section [event].stop {pointer-events: none; opacity: 0.5;}
._db {display: block;}
._di {display: inline;}
._dib {display: inline-block;}
._df {display: flex;}
._df-row {display: flex; flex-direction: row;}
._df-col {display: flex; flex-direction: column;}
._df-row._rev {flex-direction: row-reverse;}
._df-col._rev {flex-direction: column-reverse;}
._js {justify-content: flex-start;}
._jc {justify-content: center;}
._je {justify-content: flex-end;}
._as {align-items: flex-start;}
._ac {align-items: center;}
._ae {align-items: flex-end;}
._br4 {border-radius: 4px;}
._br6 {border-radius: 6px;}
._br10 {border-radius: 10px;}
._p5 {padding: 5px;}
._p8 {padding: 8px;}
._p10 {padding: 10px;}
._p20 {padding: 20px;}
._p30 {padding: 30px;}
._p40 {padding: 40px;}
._p50 {padding: 50px;}
._p0-10 {padding: 0 10px;}
._p0-15 {padding: 0 15px;}
._p5-10 {padding: 5px 10px;}
._p10-15 {padding: 10px 15px;}
._h30 {height: 30px;}
._h40 {height: 40px;}
._h50 {height: 50px;}
._h-50 {height: 50% !important;}
._h-100 {height: 100% !important;}
._32 {width: 32px; height: 32px;}
._50 {width: 50px; height: 50px;}
._ov-h {overflow: hidden;}
._ov-x {overflow: hidden; overflow-x: auto;}
._ov-y {overflow: hidden; overflow-y: auto;}
._fs12 {font-size: 12px;}
._fs14 {font-size: 14px;}
._fs16 {font-size: 16px;}
._fs18 {font-size: 18px;}
._fs20 {font-size: 20px;}
._fs22 {font-size: 22px;}
._fs24 {font-size: 24px;}
._fs26 {font-size: 26px;}
._fs28 {font-size: 28px;}
._fs30 {font-size: 30px;}
._fs32 {font-size: 32px;}
._fs36 {font-size: 36px;}
._fw1 {font-weight: 100;}
._fw2 {font-weight: 200;}
._fw3 {font-weight: 300;}
._fw4 {font-weight: 400;}
._fw5 {font-weight: 500;}
._fw6 {font-weight: 600;}
._fw7 {font-weight: 700;}
._fwB {font-weight: bold;}
._c1A {color: #00ffe2;}
._c1B {color: #00eed2;}
._c1C {color: #02e4ca;}
._c2A {color: #00c8ff;}
._c2B {color: #00baee;}
._c2C {color: #00addd;}
._c3A {color: #97a6bf;}
._c3B {color: #4a6286;}
._c3C {color: #3e5270;}
._c4A {color: #293342;}
._c4B {color: #2b3650;}
._c4C {color: #2d405c;}
._hb1a:hover {background: #00ffe2 !important;}
._hcW:hover {color: white !important;}
._hc1a:hover {color: #00ffe2 !important;}

.bookmarks ul.select-menu {display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #00ffe2;}
.bookmarks ul.select-menu li {display: inline-block; padding: 10px;}
.bookmarks ul.select-menu li.active {background: #00ffe2; color: #fff;}
.bookmarks div[id] {display: none;}
.bookmarks div[id].active {display: block;}

#breadcrumbs {padding-bottom: 0; padding-top: 0;}
#breadcrumbs ol {position: relative; display: flex; flex-direction: row; overflow: hidden; z-index: 10;}
#breadcrumbs ol::after {position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #eee;}
#breadcrumbs ol li {width: auto; white-space: nowrap;}
#breadcrumbs ol li a {display: flex; justify-content: center; align-items: center; color: #aaa; height: 50px; font-size: 13px;}
#breadcrumbs ol li a span {display: flex; justify-content: flex-start; align-items: center; padding: 0 10px; transition: 0.25s; border-left: 1px solid #ddd;}
#breadcrumbs ol li a span.hide {display: none;}
#breadcrumbs ol li a span i {margin-right: 5px;}
#breadcrumbs ol li a span:empty {display: none;}
#breadcrumbs ol li a span:first-letter {text-transform: uppercase;}
#breadcrumbs ol li a:hover {color: #00eed2;}
#breadcrumbs ol li:last-child a {color: #00eed2; pointer-events: none; cursor: default;}
#breadcrumbs ol li:first-child a span {border-left: none; padding-left: 0;}
#breadcrumbs ol li a.word:first-child {width: auto;}

.block {position: relative; display: block; margin: auto; width: 100%;}
.site-body {width: 100%;}
.flex {position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin: auto; width: 100%;}
.list {position: relative; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; transition: 0.5s;}
.cover {position: relative; display: block; min-width: 50px; min-height: 50px; border: none; background-color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat;}
pre.shape-block {position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 100px; min-height: 100px; width: 100%; padding: 25px; border: none; background-color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat;}
pre.shape {position: relative; display: flex; flex-direction: column; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat;}
pre.shape-block,
pre.shape {white-space: normal;}
pre[style*=pattern] {background-size: auto; background-repeat: repeat;}
img {max-width: 100%;}
.modal img, img.modal, .modal .cover, .modal.cover {transition: 0.25s;}
.modal img:hover, img.modal:hover {cursor: pointer; transform: scale(1.1) translateY(-15px); z-index: 10;}
.modal .cover:hover, .modal.cover:hover {cursor: pointer; opacity: 0.5;}
.cover img {display: none;}
[data-src='']:not(.cover, .shape), img[src=''] {display: none;}
[shape=img] .cover img {display: block;}
div.cover iframe, div.shape iframe {position: absolute; width: 100%; height: 100%;}
/* Wait Res */
pre.waitres {position: relative; width: 100%; min-width: 200px; height: 10px; border: 1px solid rgb(125 125 125 / 20%);}
pre.waitres::before {position: absolute; content: ''; top: 2px; left: 3px; width: 20px; height: 4px; background: #00ffe2; position: absolute; animation: waitres 2s infinite;}
.CallBack pre.waitres,
.SendMail pre.waitres {width: 250px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 10;}
.Cart input[name="todate"],
.Cart input[name="totime"] {width: calc(50% - 40px) !important;}

@keyframes waitres {
    0%, 100% {left: 3px; width: 20px;}
    25%,75% {width: 50px;}
    50% {left: calc(100% - 23px); width: 20px;}
}
send.remove {display: none !important;}


/* date */
date {display: block; padding: 10px;}
date * {display: inline;}
date d {font-size: 20px; margin-right: 5px;}
date m {font-size: 14px; margin-right: 5px;}
date y {font-size: 12px;}
/* font size */
.fs-1x {font-size: 10px;}
.fs-2x {font-size: 16px;}
.fs-3x {font-size: 20px;}
.fs-4x {font-size: 24px;}
.fs-5x {font-size: 30px;}
.fs-6x {font-size: 36px;}
.fs-7x {font-size: 40px;}
.fs-8x {font-size: 46px;}
.fs-9x {font-size: 50px;}
/* Show Effects */
.show, .show-up, .show-left, .show-right, .show-down, .show-in, .show-out, .show-rotate > * {transition: 0.5s; -webkit-transition: 0.5s;}
.hide.show {opacity: 0;}
.hide.show-left {opacity: 0; transform: translateX(100px);}
.hide.show-right {opacity: 0; transform: translateX(-100px);}
.hide.show-up {opacity: 0; transform: translateY(100px);}
.hide.show-down {opacity: 0; transform: translateY(-100px);}
.hide.show-in {opacity: 0; transform: scale(0.9);}
.hide.show-out {opacity: 0; transform: scale(1.1);}
.show-rotate {-webkit-perspective: 750; perspective: 750;}
.hide.show-rotate > * {opacity: 0; transform-style: preserve-3d; transform: rotateY(90deg);}
/* Contacts Top */
header div.contacts {position: relative; display: flex; justify-content: center; align-items: center; height: 75px; width: 100%; background: #181e2f; font-size: 0.9em;}
header div.contacts .flex {display: flex; justify-content: space-between; align-items: center;}
header div.contacts .flex > div {display: flex; flex-direction: row; justify-content: center; align-items: center;}
header div.contacts .flex > div a {color: #00c8ff; margin-left: 10px;}
header div.contacts .flex > div a:hover {color: #fff;}
header div.contacts .flex > div i {color: #fff;}
header div.contacts p > span, footer p > span, address span {margin-right: 5px;}
header div.contacts p > span::after, footer p > span::after, address span::after {content: ',';}
header div.contacts p > span:last-of-type::after, footer p > span:last-of-type::after, address span:last-of-type::after {content: none;}
header div.contacts .moreinfo {position: absolute; display: none; justify-content: center; align-items: center; left: 0; right: 0; top: -35px; margin: auto; width: 50px; height: 35px; color: #00ffe2;}

.social-links a {display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; margin-left: 0 !important; border: 1px solid rgba(255,255,255,0.2);}
.social-links a i {margin: 0}
.social-links a i {color: #fff;}
.social-links a:hover {border: 1px solid rgba(255,255,255,0.5);}
/* Default Size */
body #root {font-family: 'Ubuntu', sans-serif; font-weight: 100; font-size: 1em;}
h1, h2, h3, h4, h5, h6, big, .head {font-family: 'Exo 2'; color: #b1bbcc; margin-bottom: 15px;}
.slipwi-content * {font-family: 'Ubuntu' !important;}
.slipwi-content h1, .slipwi-content h2, .slipwi-content h3, .slipwi-content h4, .slipwi-content h5, .slipwi-content h6 {font-family: 'Exo 2' !important;}

content {position: relative; display: block; margin: auto; width: 100%;}
content.flex {position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin: auto; width: 100%;}
section h1 {font-size: 2.5em;}
section h2 {font-size: 2em;}
section h3 {font-size: 1.7em;}
section h4 {font-size: 1.3em;}
section h5 {font-size: 1.2em;}
section h6 {font-size: 1.1em;}
section blockquote, .slipwi-content blockquote {margin: 15px 0; padding: 0 30px; border-left: 3px solid #00ffe2; font-style: italic;}
section p {min-height: 18px;}

div.head, big {font-size: 1.8em;}
section p {margin-bottom: 10px;}
section ul:not([class]), section ol:not([class]), section table:not([class]) {margin: 15px 0;}
section div.ground {position: absolute; overflow: hidden; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
section div.ground[style*='pattern'] {background-size: auto; background-repeat: repeat;}
section div.ground div.ground-shadow {display: none; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0;}
section.fullscreen {min-height: 100vh;}
section.shadow div.ground-shadow {background: #181e2f; opacity: 0.7;}
section.split-left {flex-direction: row;}
section.split-right {flex-direction: row-reverse;}
section.split-left div.ground, 
section.split-right div.ground {position: relative; width: 50%;}
section.split-left .block, section.split-left .flex, section.split-right .block, section.split-right .flex {width: 50%;}
section h3.not-found {position: absolute; display: flex; width: 100%; padding: 10px 20px 10px 10px; justify-content: flex-start; align-items: center; border: 2px dashed #ddd;}
footer h3.not-found {display: inline-flex; width: max-content; padding: 0px 10px 2px 5px; justify-content: flex-start; align-items: center; border: 2px dashed #ddd;}
section h3.not-found span {margin-bottom: 5px;}
section h3.not-found ico {color: #00ffe2; margin-right: 5px;}
/* Header */
header {display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 99;}
div.tel {display: flex; flex-direction: column;}
/* NAV style */
#listener {display: block; width: 100%; height: 0px;}

#mobilenav {position: fixed; background: transparent; cursor: pointer; top: 0; right: 0; margin: auto; display: none; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: none; width: 50px; height: 50px; z-index: 101;}
#mobilenav div {position: relative; width: 35px; height: 3px; background: #00ffe2; display: block; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;}
#mobilenav div:nth-child(2) {margin: 5px 0;}
header:not(.active) #mobilenav:hover div {width: 15px;}
header.active #mobilenav div:nth-child(2) {opacity: 0;}
header.active #mobilenav div:nth-child(1) {position: absolute; transform: rotate(45deg); top: 22px; left: 7px;}
header.active #mobilenav div:nth-child(3) {position: absolute; transform: rotate(-45deg); top: 22px; left: 7px;}
#mobilenav svg {width: 100%; height: 100%}
#mobilenav .mline {fill: none; stroke: #515151; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(.4, 0, .2, 1), stroke-dashoffset 600ms cubic-bezier(.4, 0, .2, 1)}
#mobilenav .mline1 {stroke-dasharray: 60 207; stroke-width: 6}
#mobilenav .mline2 {stroke-dasharray: 60 60; stroke-width: 6}
#mobilenav .mline3 {stroke-dasharray: 60 207; stroke-width: 6}
header.active #mobilenav .mline1 {stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6}
header.active #mobilenav .mline2 {stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6}
header.active #mobilenav .mline3 {stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6}

header div.contacts .flex > div a,
header div.contacts .flex > div p {margin-left: 10px;}
header nav {height: 65px; background: #f9f9f9; border-bottom: 1px solid #ddd;}
header nav.fixed {position: fixed; top: 0; left: 0; right: 0; width: 100%; box-shadow: 0 0 30px rgba(0,0,0,0.2);}
header nav .flex {justify-content: space-between; align-items: center;}
header nav a:hover {color: #00eed2;}
header nav ul.main-nav {position: relative; display: flex;}
header nav ul.main-nav li a {display: inline-block; padding: 10px 0px 10px 20px;}
header nav ul.main-nav li i {color: #aaa;}
header nav ul.main-nav li i::before {transform: rotate(90deg);}
header nav ul.main-nav li ul {position: absolute; background: #e7e7e7; width: 100%; min-width: 200px; padding: 5px 10px; left: 0; margin-top: 40px; display: block; visibility: hidden; opacity: 0; transition: 0.25s;}
header nav ul.main-nav li ul li {display: flex; justify-content: flex-start; align-items: center;}
header nav ul.main-nav li ul li a {padding: 5px 0;}
header nav ul.main-nav li:hover > ul {visibility: visible; opacity: 1; margin-top: 0;}
header nav ul.main-nav li ul li ul {position: absolute; visibility: hidden; opacity: 0; margin-top: 0; left: 100%; top: 40px; background: #ddd;}
header nav ul.main-nav li ul li i {position: absolute; right: 0;}
header nav ul.main-nav li ul li:hover > ul {visibility: visible; opacity: 1; top: 0;}

header nav .flex a img {height: 45px;}
/* Right Nav */
.side-nav header {position: fixed; flex-direction: column-reverse; justify-content: center; top: 0; right: 0; width: 350px; height: 100vh; padding: 25px; background: #f1f1f1; transform: translateX(350px); transition: 0.5s;}
.side-nav header.active {transform: translateX(0);}
.side-nav header #mobilenav {position: fixed; display: flex; top: 30px; right: 30px; transform: translateX(-350px);}
.side-nav header.active #mobilenav {transform: translateX(0);}
.side-nav header div.contacts {height: auto; background: transparent;}
.side-nav header div.contacts .flex {flex-direction: column; align-items: flex-start; padding: 25px;}
.side-nav header div.contacts .flex > div {width: 100%; justify-content: flex-start;}
.side-nav header div.contacts .flex > div a,
.side-nav header div.contacts .flex > div p {color: #c8d0dd; margin-left: 10px;}
.side-nav header div.contacts .flex > div i {color: #00eed2;}
.side-nav header div.contacts .social-links {margin-top: 10px;}
.side-nav .social-links a {border-color: rgba(0,0,0,0.1);}
.side-nav header nav {position: relative; flex-direction: column; height: auto; background: transparent;}
.side-nav header nav .flex {flex-direction: column;}
.side-nav header nav .flex ul.langs {margin-top: 25px;}
.side-nav header form.searchpanel {margin-top: 25px; max-width: 100%;}
.side-nav header nav .flex ul.main-nav {flex-direction: column; width: 100%; padding: 25px;}
.side-nav header nav .flex ul.main-nav > li {text-align: left; display: flex; flex-direction: row; justify-content: space-between;}
.side-nav header nav .flex ul.main-nav > li i {position: relative; bottom: auto; font-size: 25px;}
.side-nav header nav .flex ul.main-nav li a {text-align: left; width: calc(100% - 50px); padding: 5px 10px;}
.side-nav header nav .flex ul.main-nav li ul {z-index: 10; margin-top: 39px;}
.side-nav header nav .flex ul.main-nav li:hover ul {}

/* Left Nav */
.side-nav.left-nav header {position: fixed; top: 0; left: 0; width: 350px; height: 100vh; padding: 50px 25px; transform: translateX(-350px); transition: 0.5s;}
.side-nav.left-nav header.active {transform: translateX(0);}
.side-nav.left-nav header #mobilenav {position: fixed; display: flex; top: 30px; right: 30px; transform: translateX(110px);}
.side-nav.left-nav header.active #mobilenav {transform: translateX(0);}
.side-nav.left-nav.fix-nav header #mobilenav {display: none;}

.left-nav.fix-nav header {transform: translateX(0);}
.left-nav.fix-nav #page, .left-nav.fix-nav footer {margin-left: 350px; width: calc(100% - 350px);}

.dark-nav header {background: #111;}
.dark-nav header nav ul li a {color: #999;}
.dark-nav header nav {border-bottom-color: #222; background: transparent;}
.dark-nav header nav.fixed {background: #111;}
.dark-nav header nav form.searchpanel {background: #222; border-color: #444;}
.dark-nav header nav form.searchpanel button::before {border-color: #444;}
.dark-nav header nav form.searchpanel button i {color: #999;}
.dark-nav header nav .flex ul.main-nav li:hover ul {background: #222;}
.dark-nav header nav .flex ul.main-nav li:hover ul li {border-bottom-color: #444;}
.dark-nav header div.contacts {background: #333;}
.side-nav.dark-nav header div.contacts {background: transparent;}
.dark-nav header div.contacts .flex > div a,
.dark-nav header div.contacts .flex > div p {color: #999;}
.dark-nav .social-links a {border-color: rgba(255,255,255,0.1);}
.dark-nav .social-links a:hover {border-color: rgba(255,255,255,0.3);}
.dark-nav a:hover, .dark-nav a.active {color: #00eed2;}
.dark-nav ul.langs i {color: #555;}
.dark-nav ul.langs li a {border-right-color: #444;}
.dark-nav ul.langs li a:not([href]),
.dark-nav ul.langs li a:not([href]):hover {color: #00eed2;}

nav div.share {position: fixed; flex-direction: column; bottom: 150px; right: 0px; padding: 5px; border-top: 1px solid #00ffe2; border-bottom: 1px solid #00ffe2; background: rgba(255,255,255,0.7); transition: 0.5s;}
nav div.share a {margin-right: 0; margin-bottom: 3px;}
nav div.share a:last-child {margin-bottom: 0;}
nav:not(.fixed) div.share {opacity: 0; right: -50px;}
/* langSite */
ul.langs {display: flex; justify-content: flex-start; align-items: center; margin: 0 auto;}
ul.langs i {color: #ddd; font-size: 25px;}
ul.langs li a {border-right: 1px solid #ddd; cursor: default; padding: 10px;}
ul.langs li a:not([href]):hover {color: #c8d0dd !important;}
ul.langs li:last-child a {border-right: none;}
ul.langs li a[href] {color: #aaa;}
ul.langs li a[href]:hover {color: #00ffe2; cursor: pointer;}

section form fieldset {display: flex; justify-content: flex-start; align-items: center; width: 100%; border: 1px solid #eee;}
section form fieldset input:not([type="checkbox"], [type="radio"]) {display: flex; justify-content: flex-start; align-items: center; height: 40px; padding: 0 10px; background: #fff; border: none; width: calc(100% - 40px);}
section form.icon-type label {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #eee;}
section form.list-type fieldset {display: block; background: none; border: none; margin-bottom: 10px;}
section form.list-type fieldset input {border: 1px solid #eee;}
section form button {height: 40px !important; padding: 0 10px !important; background: #333; color: #fff; border: none;}
section form:not([col]):not(.searchpanel) button {margin-top: 10px;}
section form button:hover {background: #00ffe2;}

/* search */
form.searchpanel {position: relative; height: 42px; width: 100%; max-width: 250px; display: flex; justify-content: flex-start; align-items: center; border: 1px solid #eee; background: #fff;}
form.searchpanel input {display: flex; justify-content: flex-start; align-items: center; height: 40px; width: calc(100% - 40px); border: none; padding: 0 10px; font-size: 1em; color: #777; background: transparent;}
form.searchpanel button {position: relative; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: none; background: transparent;}
form.searchpanel button::before {position: absolute; left: 0; content: ''; width: 0; height: 29px; border-left: 1px solid #ddd;}
form.searchpanel button i {font-size: 21px;}
form.searchpanel button:hover {cursor: pointer; background: transparent;}
form.searchpanel button:hover i {color: #00ffe2;}
form.searchpanel datalist {z-index: 50;}
/* next */
#nextrecords {display: inline-flex; justify-content: flex-start; align-items: center; margin-top: 10px; height: 36px; font-size: 15px; padding-left: 8px; background: #00eed2; font-weight: bold; color: #fff;}
#nextrecords::after {content: attr(left); display: flex; justify-content: center; align-items: center; margin-left: 8px; min-width: 36px; height: 36px; background: #bbb; font-size: 10px; font-weight: 100; padding: 8px;}
/* pages */
ul#pagesnav {display: flex; justify-content: flex-start; align-items: center; margin: 50px 0;}
ul#pagesnav:first-of-type {margin-top: 0; margin-bottom: 20px;}
ul#pagesnav li {margin-right: 5px;}
ul#pagesnav li a {display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; font-size: 15px; color: #777; background: #fff; border: 1px solid #ddd;}
ul#pagesnav li.now a {background: #00eed2; border-color: #00eed2; color: #eee;}
ul#pagesnav li.side a {width: auto; padding: 0 10px;}
ul#pagesnav li a:hover {cursor: default;}
ul#pagesnav li a[href]:hover {cursor: pointer; border-color: #00eed2;}
ul#pagesnav li:last-child {margin-right: 0;}
/* calendar */
div.calendar {user-select: none; width: 100%;}
div.calendar mont {display: flex; justify-content: space-between; padding: 5px 10px 10px 10px;}
div.calendar mont a {color: #333;}
div.calendar mont a:hover {color: #00ffe2;}
div.calendar mont p {color: #00ffe2; text-transform: uppercase; margin: 0;}
div.calendar table {margin: 0;}
div.calendar table thead tr {background: #fff;}
div.calendar table thead td {border-bottom: 1px solid #00ffe2; padding: 5px 10px !important; text-align: right; border: 1px solid #eee;}
div.calendar table tbody td {padding: 0 !important; text-align: right;}
div.calendar table tbody td a {display: block; padding: 5px 10px; color: unset; font-size: 15px;}
div.calendar table td.weekend,
div.calendar table tbody td.weekend a {color: #00ffe2;}
div.calendar table tbody td {height: auto !important;}
div.calendar table tbody td.now a {background: #00ffe2; color: #fff;}
div.calendar table tbody td:not(:empty) a:hover {cursor: pointer; background: #00baee; color: #fff;}
div.calendar table tbody td.now a:hover {cursor: pointer; background: #00ffe2; color: #fff;}
div.calendar table tbody td.select a {background: #fff; box-shadow: inset 0 0 0 1px #00ffe2;}
/* section */
section#err404 {height: 50vh;}
section {flex-direction: column; padding: 50px 0;}
section .flex {position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
section .flex .case {position: relative;}
section .list:not(:empty) {position: relative; min-height: 100px;}
.second-menu {width: 100%; margin-bottom: 10px; background: #fff;}
.second-menu .head-menu {display: flex; font-size: 1.2em; flex-direction: row; justify-content: flex-start; align-items: center; background: #fff; font-weight: 100; text-transform: uppercase; height: 70px;}
.second-menu .head-menu ico {display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin-right: 20px; border-right: 1px solid #eee; color: #00eed2;}
.second-menu .head-menu ico {width: 70px;}
.second-menu ul {margin: 0;}
.second-menu > ul {padding-left: 5px; margin: 0 !important;}
.second-menu ul li {position: relative; padding-right: 5px; border-top: 1px dotted #ddd; }
.second-menu ul li a {position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-left: 35px; height: 45px; font-size: 0.9em; color: #777;}
.second-menu ul li a div {width: calc(100% - 50px);}
.second-menu ul li a span {position: absolute; display: flex; justify-content: center; align-items: center; margin-left: 5px; font-size: 12px; min-width: 50px; height: 17px; text-align: center; top: 0; bottom: 0; right: 0; margin: auto; color: #999;}
.second-menu ul li a span:before {position: absolute; display: block; content: ''; width: 0; height: 19px; border-left: 1px dotted #aaa; top: 0; bottom: 0; left: 0; margin: auto;}
.second-menu ul li a:hover,
.second-menu ul li a.active {color: #02e4ca;}
.second-menu ul li > ico {position: absolute; width: 35px; height: 45px; top: 0; left: 0; color: #ccc;}
.second-menu ul li > ico i {margin-top: 1px;}
.second-menu ul li ul {transition: 0.5s; height: 0; background: #fbfbfb; overflow-y: hidden; margin: 0;}
.second-menu ul li.open > a {border-bottom: 1px solid #00eed2;}
.second-menu ul li:hover ul,
.second-menu ul li.open ul {height: auto; overflow: auto;}
.second-menu ul li.open ul {margin-bottom: 5px;}
.second-menu > ul > li:hover::before {position: absolute; display: block; content: ''; width: 15px; height: 15px; transform: rotate(45deg); right: 70px; top: 37px; background: #fff; z-index: 1;}
.second-menu ul li.open::before {position: absolute; display: block; content: ''; width: 10px; height: 10px; transform: rotate(45deg); border-bottom: 1px solid #00eed2; border-right: 1px solid #00eed2; right: 50px; top: 40px; background: #fff; z-index: 1;}
.second-menu ul li.open i {color: #00eed2;}
.second-menu ul li ul li a {padding-left: 20px;}
.second-menu ul li ul li a span {min-width: 45px;}
.second-menu ul li ol {display: flex; flex-wrap: wrap; max-width: 300px; padding: 10px 10px 5px 10px; margin: 0; background: #f2f2f2;}
.second-menu ul li ol::before {position: absolute; content: ''; left: 0; top: -30px; border: 10px solid transparent; border-bottom: 20px solid #f2f2f2; border-left: 0px solid #f2f2f2;}
.second-menu ul li ol li {border: none;}
.second-menu ul li ol li a {height: auto; padding: 5px 7px; margin-bottom: 5px; background: #fbfbfb;}
.second-menu ul li ol li a:hover {background: #fff;}
.second-menu ul li .tags {position: absolute; top: -1px; right: 55px; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center;}
.second-menu ul li .tags i {color: #ddd;}
.second-menu ul li .tags::before {position: absolute; display: none; top: 0; left: -100px; content: ''; width: 100px; height: 100%; background:transparent;}
.second-menu ul li .tags:hover::before {display: block;}
.second-menu ul li .tags:hover ol {display: flex; box-shadow: 0 20px 20px -10px rgba(0,0,0,0.2), 0 0 30px rgba(0,0,0,0.2);}
.second-menu ul li .tags ol {position: absolute; display: none; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; padding: 10px 5px 5px 10px; margin: 0; right: 7px; top: 45px; width: 250px; border: 1px solid #00eed2; background: #fff; z-index: 10;}
.second-menu ul li .tags ol::before {position: absolute; display: block; content: ''; width: 15px; height: 15px; right: 6px; left: auto; top: -8px; transform: rotate(45deg); background: #fff; border: none; border-left: 1px solid #00eed2; border-top: 1px solid #00eed2;}
.second-menu ul li .tags ol li {border-top: none;}
.second-menu ul li .tags ol li a {padding: 3px 5px; height: auto; font-size: 15px;}
/* .second-menu ul li .tags ol li a::before {content: '#'; font-weight: bold; color: #00eed2;} */
.second-menu ul li.open ul li i {color: #fff;}
.second-menu ul li ul li .tags ol {position: absolute; overflow: hidden; display: none; flex-wrap: wrap; padding: 10px; right: 0; top: 30px; min-width: 200px; max-width: 400px; width: auto; border-top: 3px solid #00ffe2; background: #fff; z-index: 10;}
.second-menu ul li ul li .tags ol::before {position: absolute; display: block; content: ''; width: 20px; height: 20px; right: 15px; top: -15px; transform: rotate(45deg); background: #00ffe2;}
.second-menu ul li ul li .tags ol li {border-top: none; background: transparent;}
.second-menu ul li ul li .tags ol li a {padding: 5px 7px; font-size: 15px; color: #777;}
/* .second-menu ul li ul li .tags ol li a::before {content: '#'; font-weight: bold;} */
.second-menu ul li ul li .tags ol li a:hover {color: #00eed2;}

.headmenu {position: relative; display: block; margin-bottom: 20px;}
.headmenu ul {display: flex; flex-wrap: wrap; padding: 10px 0px; background: #fff; margin: 0 !important; z-index: 11;}
.headmenu ul li {display: flex; justify-content: flex-start; align-items: center;}
.headmenu ul li ico {height: 35px;}
.headmenu ul li.parent {width: 20%;}
.headmenu ul li.parent ul li a {width: 100%;}
.headmenu ul li ul {display: none; visibility: hidden; opacity: 0; position: absolute; left: 0; top: 100px; padding: 5px; width: 100%; background: #fff; box-shadow: 0 20px 20px -10px rgba(0,0,0,0.2), 0 0 50px rgba(0,0,0,0.1); transition: 0.25s; z-index: 10;}
.headmenu ul li:hover ul {display: block; visibility: visible; opacity: 1; top: 35px;}
.headmenu ul .tags {display: none;}
.headmenu ul li a {padding: 8px 0; color: #c8d0dd; display: flex; justify-content: space-between; align-items: center;}
.headmenu ul li a span {margin-left: 15px; font-size: 12px; color: #aaa;}
.headmenu ul li ul li a {padding: 5px 10px; font-size: 0.9em;}
.headmenu ul li a:hover {color: #00eed2;}

.latent {opacity: 0.3;}

section ol.tags {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 10px; width: 100%;}
section ol.tags li {margin-right: 5px;}
section ol.tags li a {display: inline-block; color: #aaa;}
section ol.tags li a:hover {color: #aaa;}
section ol.tags li a::before {content: '#'; color: #00eed2;}
section ol.tags li a::after {position: absolute; content: ''; width: 0; height: 0; left: 0; bottom: 0; border-top: 1px solid #00ffe2; transition: 0.25s;}
section ol.tags li a:hover::after {width: 100%;}

div.head, div.text, div.bigtext {display: inline-block; margin: 20px 0; width: 100%;}
html:not([admin]) div.head:empty, html:not([admin]) div.text:empty, html:not([admin]) div.bigtext:empty {display: none;}
div.text ul, div.bigtext ul {list-style: disc; margin: 15px 0;}
div.text ul li, div.bigtext ul li {margin-left: 30px;}
div.text ol, div.bigtext ol {list-style: decimal; margin: 15px 0;}
div.text ol li, div.bigtext ol li {margin-left: 30px;}

div.text ul[cols], div.text ol[cols], div.bigtext ul[cols], div.bigtext ol[cols] {list-style: none; margin: 0;}
div.text ul[cols] li, div.text ol[cols] li, div.bigtext ul[cols] li, div.bigtext ol[cols] li {margin-left: 0;}

div.text table, div.bigtext table {width: 100%;}
div.text table tr, div.bigtext table tr {}
div.text table tr th, div.bigtext table tr th,
div.text table tr td, div.bigtext table tr td {padding: 5px; width: 10%; height: 35px; vertical-align: middle; border: 1px solid #ddd;}

div.text table[type] {border-spacing: unset; border-collapse: collapse;}
div.text table[type] tr td {border: none; padding: 0px; vertical-align: top;}
div.text table[type] td table[type] {width: 100%;}

div.text table[type][col='2'] td {width: calc(100% / 2);}
div.text table[type][col='3'] td {width: calc(100% / 3);}
div.text table[type][col='4'] td {width: calc(100% / 4);}
div.text table[type][col='5'] td {width: calc(100% / 5);}

div.text table[type] td iframe:not(.cover),
div.text table[type] td video:not(.cover),
div.text table[type] td img {margin-bottom: -5px;}

div.text table[type] td iframe[src*='youtube'] {width: 100%;}
div.text table[type][col='2'] td iframe[src*='youtube'] {height: 350px;}
div.text table[type][col='3'] td iframe[src*='youtube'] {height: 250px;}

/* forms */
form {margin: auto;}
form field {}
form field:last-child {border-bottom: none;}
form field input, form field text {display:-ms-flexbox;display:-webkit-box;display:flex; width:100%; margin-bottom:0; padding: 12px; border:none;resize:none; font-size:16px;font-weight: 100; min-height: 48px; z-index: 1;}
field text {position: relative; overflow-x:hidden; flex-direction: column; min-height: 100px; background: #fff; padding-left: 65px;}
field text div, form field text p {display: block; position: relative;}
field text::before {position: absolute; content: attr(prompt); color:#ccc; text-overflow:ellipsis; font-weight: 100;}
field text:focus::before,
field text:not(:empty)::before {margin-left:50px;opacity:0;transition:opacity 0.3s ease, margin-left 0.3s ease;}
form field textarea,
form label textarea {font-family: 'Ubuntu';}
form field {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; padding-left: 50px;}
form field ico {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; z-index: 10; color: #00eed2;}
form field ico:after {position: absolute; display: block; content: ''; width: 0; height: 35px; border-left: 1px dotted #00ffe2; top: 0; bottom: 0; right: 0; margin: auto;}
form field send{position:relative; display:block; text-align: center; padding:15px; background: #00eed2; color:#fff; transition:0.5s;}
form field send:hover{background: #00eed2; cursor: pointer;}
form field:last-of-type {padding-left: 0;}

.account {display: flex; justify-content: flex-start; align-items: center; border: none; color: #c8d0dd; margin: 0; padding: 0;}
.account span {color: #c8d0dd; font-size: 12px;}
.account:hover span {text-decoration: underline #00ffe2;}

.userLogin {padding: 20px; max-width: 320px; overflow: hidden; overflow-y: auto;}
.userLogin .head {padding: 10px; background: #00ffe2; text-align: center; color: #fff; margin-top: 0;}
.userLogin form {}
.userLogin form a {color: #777; font-size: 13px; text-decoration: underline;}
.userLogin form a:hover {text-decoration-color: #00ffe2;}
.userLogin form field {border: 1px solid #eee; background: #fff; margin-bottom: 5px; overflow: hidden;}
.userLogin form field input {color: #555; font-weight: 300;}
.userLogin form field ico {color: #aaa;}
.userLogin form field ico:after {border-left: 1px solid #eee;}
.userLogin form field:last-child {border: none;}
.userLogin form field.buttons {flex-direction: row; justify-content: space-between;}
.userLogin form field.buttons a {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #eee; color: #c8d0dd;}
.userLogin form field.buttons a:hover {background: #ddd;}
.userLogin form field:last-child {overflow: visible; background: transparent;}
.userLogin form field send {box-shadow: 0 15px 15px -8px rgb(0 0 0 / 25%); transition: 0.25s;}
.userLogin form field send:hover {box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);}
.userLogin form code:empty {display: none;}
.userLogin form code div {display: block; margin-bottom: 10px; padding: 10px; font-size: 12px; font-style: italic; background: #eee;}
.userLogin form code a {display: block; margin: 15px 0;}
.userLogin .new-registration {position: relative; padding: 15px 0 0 0; margin-top: 20px; border-top: 1px solid #eee;}
.userLogin .new-registration::before {position: absolute; content: ''; width: 25px; height: 0; top: -1px; left: 0; border-top: 1px solid #00ffe2; transition: 0.5s;}
.userLogin .new-registration:hover::before {left: calc(100% - 25px);}
.userLogin .new-registration h3 {font-size: 1.2em; margin-bottom: 10px; font-weight: 500;}
.userLogin .new-registration a {display: block; color: #777; font-size: 13px; text-decoration: underline;}
.userLogin .new-registration a:hover {text-decoration-color: #00ffe2;}
.userLogin .new-registration p {margin: 5px 0 0 0; font-size: 13px; color: #999;}
form .agree {display: flex; justify-content: flex-start; align-items: center; margin: 20px 0;}
form .agree span {display: inline-block; margin-right: 10px;}
form .agree span:hover i {color: #00ffe2; cursor: pointer;}
form .agree span i {color: #aaa;}
form .agree i:not(.active) {display: none;}
form .agree span i.check {color: darkgreen;}
form .agree p {margin: 0; font-size: 13px; color: #999; line-height: 1.3;}
form .agree p b {font-weight: 500; text-transform: uppercase;}

#cabinet {position: fixed; top: 0; right: 0; height: 100vh; width: 400px; background: #181e2f; z-index: 101; box-shadow: 0 0 0 4000px rgb(0 0 0 / 75%); transition: 0.5s;}
#cabinet:empty {right: -400px; box-shadow: 0 0 0 4000px rgb(0 0 0 / 0%);}

.coockie {position: fixed; display: flex; justify-content: flex-start; align-items: center; bottom: 30px; left: 0; right: 0; margin: auto; width: 100%; max-width: 500px; padding: 15px; background: rgb(255 255 255 / 90%); box-shadow: 0 20px 20px -10px rgb(0 0 0 / 20%), 0 0 30px rgb(0 0 0 / 25%); border: 3px solid #0068ff; border-radius: 10px; font-family: Verdana, Geneva, Tahoma, sans-serif; z-index: 9999;}
.coockie p {font-size: 12px; margin: 0 20px 0 0; color: #888;}
.coockie a {display: flex; white-space: nowrap; justify-content: center; align-items: center; font-size: 14px; padding: 12px; background: #0068ff; color: #fff; border-radius: 6px;}
.coockie a:hover {background: #4d91f8;}

#chat-online {position: fixed; right: -40px; bottom: 0px; z-index: 9999;}
#chat-online a.openme {display: flex; justify-content: center; align-items: center; right: 40px; bottom: 80px; width: 40px; height: 50px; border-radius: 10px 0 0 10px; background: #00ffe2; color: #fff; transition: 0.25s;}
#chat-online a.openme i {font-size: 24px; margin-left: 3px;}
#chat-online .chat-window {position: fixed; display: block; right: -300px; width: 300px; min-height: 400px; bottom: 0; background: #f5f5f5; color: #777; border-bottom: 5px solid #00ffe2; border-radius: 6px 6px 0 0; overflow: hidden; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; transition: 0.25s;}
#chat-online.active .chat-window {right: 20px; box-shadow: 0 0 50px rgb(0 0 0 / 30%);}
#chat-online.active a.openme {right: -40px;}
#chat-online .chat-head {display: flex; justify-content: space-between; align-items: center; padding-left: 10px; height: 30px; background: #fff;}
#chat-online .chat-head a.closeme {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px;}
#chat-online .chat-head a.closeme i {font-size: 18px;}
#chat-online .chat-body {}

#chat-online .chat-start {padding: 20px;}
#chat-online .chat-start p {margin-bottom: 20px; line-height: 1.3;}
#chat-online .chat-start form {width: 100%; padding: 10px; border: 1px solid #eee; border-radius: 10px;}
#chat-online .chat-start form field {width: 100%; padding: 0;}
#chat-online .chat-start form field div {display: flex; justify-content: flex-start; align-items: center; width: 100%; padding-left: 40px; background: #fff; border: 1px solid #eee; border-radius: 6px; overflow: hidden; margin-bottom: 5px;}
#chat-online .chat-start form ico {color: #ddd; width: 40px; height: 40px;}
#chat-online .chat-start form ico::after {border-left: 1px solid #eee; height: 25px;}
#chat-online .chat-start form input {background: transparent; min-height: 40px; width: 100%; padding: 7px; color: #777;}
#chat-online .chat-start form send {padding: 13px; border-radius: 6px;}

#chat-online .chat-input {position: absolute; display: flex; justify-content: flex-start; align-items: center; left: 0; bottom: 0; width: 100%; padding: 10px; background: #ddd;}
#chat-online .chat-input .chat-text {width: 100%; min-height: 30px; border: none; padding: 7px 10px; border-radius: 8px; resize: none; background: #fff; color: #777; height: auto; font-family: Verdana, Geneva, Tahoma, sans-serif;}
#chat-online .chat-input .chat-text:empty::before {position: absolute; content: 'Aa'; left: 10px; top: 8px; color: #ddd;}
#chat-online .chat-input .chat-text:focus::before {display: none;}

section .voiting {padding: 10px; min-height: 50px; border: 1px solid #ddd; margin: 0 0 25px 0;}
section .voiting .voiting {padding: 0; margin: 0; border: none;}
section .voiting.wrong {border: 3px solid #00ffe2;}
section .voiting.wrong h3 {border-bottom: 1px solid #00ffe2; margin-bottom: 10px; padding-bottom: 10px;}
section .voiting.wrong span {font-style: italic; color: #00ffe2;}
section .voiting ul {position: relative; margin: 0 0 10px 0; border-top: 1px solid #eee;}
section .voiting ul::before {position: absolute; content: ''; left: 0; top: -1px; width: 50px; height: 0; border-top: 1px solid #00ffe2; z-index: 1;}
section .voiting ul > li {display: flex; justify-content: space-between; align-items: center; padding: 10px 5px; border-bottom: 1px solid #eee;}
section .voiting ul > li span {width: caclc(100% - 150px); font-size: 16px;}
section .voiting ico {width: 25px; height: 25px; color: #aaa; margin-right: 10px;}
section .voiting ico i {font-size: 22px;}
section .voiting ico i.select {color: #00ffe2;}
section .voiting ico:hover {color: #00ffe2; cursor: pointer;}
section .voiting ul.selected > li {justify-content: flex-start;}
section .voiting.ratings li {display: block;}
section .voiting.ratings div.the-rating {display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 2px; background: #f1f1f1; border: 1px solid #eee;}
section .voiting.ratings div.the-rating div.info {display: flex; justify-content: flex-end; align-items: center; padding: 0 5px; margin-right: 2px; width: 75px; height: 20px; background: #aaa; color: #ddd; font-size: 11px;}
section .voiting.ratings div.the-rating div.info b {margin-left: 10px; color: #fff; font-size: 14px;}
section .voiting.ratings div.the-rating div.rate {position: relative; width: calc(100% - 77px); display: block; height: 20px;}
section .voiting.ratings div.the-rating div.rate span {display: block; height: 100%; background: #00ffe2;}

ol.stars {display: flex; justify-content: flex-start; align-items: center; color: #aaa;}
ol.stars li {font-size: 24px;}
ol.stars[rate]::before {content: attr(rate); color: #ccc; font-size: 14px; margin-right: 5px;}
ol.stars.active li:hover {color: #00ffe2; cursor: pointer;}
ol.stars li.mdi-star, 
ol.stars li.mdi-star-half {color: #00ffe2;}

section .voiting send {display: inline-block; padding: 10px; background: #00ffe2; color: #fff; transition: 0.25s;}
section .voiting send[data]:hover {background: #4a6286; cursor: pointer;}
section .voiting send:not([data]) {background: #ddd; pointer-events: none;}

section .voiting .result {display: flex; justify-content: flex-start; align-items: center;}
section .voiting .result ico {color: #00ffe2;}

section .voiting .total {position: relative; display: flex; justify-content: space-between; align-items: center; background: #00ffe2; margin-top: 10px; padding: 0 10px; color: #fff;}
section .voiting .total::before {position: absolute; content: ''; width: calc(100% - 20px); height: 0; border-top: 1px dotted #fff; z-index: 0;}
section .voiting .total > * {z-index: 1;}
section .voiting .total ol {display: flex; justify-content: flex-start; align-items: center; padding-right: 10px; margin: 5px 0; background: #00ffe2;}
section .voiting .total ol li {font-size: 30px;}
section .voiting .total span {font-size: 23px; background: #00ffe2; padding-left: 10px;}

section #comments {}
section #comments d {margin-right: 5px;}
#comment-head {display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0;}
#comment-head::before {position: absolute; content: ''; left: 0; width: 100%; height: 0; margin-top: 1px; border-top: 1px dotted #00ffe2; z-index: 0;}
#comment-head h3 {display: flex; justify-content: flex-start; align-items: center; margin: 0; font-size: 20px; z-index: 1; padding: 0 10px 0 35px; background: #181e2f;}
#comment-head h3 i {position: absolute; left: 0; top: -2px; color: #00ffe2;}
#comment-head h3 b {font-weight: 400; margin-bottom: 3px;}
#comment-head h3 span {font-family: 'Ubuntu'; color: #aaa; margin-left: 10px;}
#comment-head button {padding: 10px 15px; background: #00ffe2; color: #fff; border: none; border-radius: 4px; z-index: 1;}
#comment-head button:hover {cursor: pointer; background: #00c8ff;}
#write-comment:empty {display: none;}
#write-comment {width: 100%;}

#comment-type {width: 100%;}
#comment-type:empty {display: none;}
modal #comment-type {width: 550px;}
#comment-type {padding: 10px; border: 1px solid #eee; background: #f7f7f7; border-radius: 4px; margin-top: 10px;}
#comment-type p {font-size: 14px; color: #aaa; background: #fff; margin: 5px 0; padding: 5px 10px; border: 1px dashed #00ffe2; border-radius: 4px;}
#comment-type b {color: #00ffe2;}
#comment-type field {background: #fff; overflow: visible !important; flex-direction: row; border-radius: 4px; padding-left: 40px; overflow: hidden; justify-content: flex-start; align-items: flex-start; margin-bottom: 5px; border: 1px solid #eee;}
#comment-type field ol.stars.selected {position: absolute; right: 0;}
#comment-type field.name {background: transparent; border: none; justify-content: flex-start; align-items: center; padding-left: 0px;}
#comment-type field ico {width: 40px; height: 40px; color: #aaa;}
#comment-type field ico::after {height: 25px; border-left: 1px dotted #ddd;}
#comment-type field input {padding: 8px; min-height: 40px; border-radius: 4px; color: #777;}
#comment-type field.name ico {position: absolute; left: 0;}
#comment-type field.name input {max-width: 200px; padding-left: 50px; margin-left: 0; border: 1px solid #eee;}
#comment-type field.name div.request:empty {display: none;}
#comment-type field.name div.request {display: flex; justify-content: flex-start; align-items: center; margin-left: 25px; height: 40px; padding: 0 10px; background: #eee; color: #aaa; border: 1px solid #ddd; pointer-events: none; border-radius: 4px;}
#comment-type field.name div.request::before {position: absolute; content: '→'; color: #ddd; animation: request 1s infinite;}
#comment-type field textarea {width: 100%; border-radius: 4px; padding: 8px; height: 80px; color: #777; background: #fff; border: none; resize: none;}
#comment-type field .emoji {position: absolute; top: 78px; right: 0;}
#comment-type field .emoji ico {height: 20px; left: auto; right: 10px; background: #eee; color: #aaa; border-radius: 2px 2px 6px 6px; z-index: 1;}
#comment-type field .emoji ico::after {display: none;}
#comment-type field .emoji .set-emoji {display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; position: absolute; top: 0; right: 0; width: 328px; padding: 5px 3px 3px 5px; background: #f7f7f7; box-shadow: 0 0 15px rgb(0 0 0 / 20%); border-radius: 6px; z-index: 2;}
#comment-type field .emoji:hover .set-emoji {display: flex;}
#comment-type field .emoji .set-emoji a {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; padding-right: 3px; margin: 0 2px 2px 0; border-radius: 4px;}
#comment-type field .emoji .set-emoji a:hover {background: #fff;}
#comment-type.stop {padding: 20px; border: 3px solid #00ffe2; margin: 10px 0;}
#comment-type.stop span {color: #00ffe2;}
modal send, #comments send {display: inline-block; width: fit-content; padding: 8px; background: #00ffe2; color: #fff; border-radius: 4px;}
modal send:hover, #comments send:hover {cursor: pointer; background: #00c8ff;}
[load] {transition: 0.25s;}
[load].stop {pointer-events: none; opacity: 0.5; filter: blur(10px);}

@keyframes request { 0%,100% {left: -25px;} 50% {left: -17px;} }

#comment-list {margin: 0;}
#comment-list > li {display: block; border: 1px solid #eee; border-radius: 4px; margin-top: 10px;}
#comment-list > li[id]:hover {border-color: #00ffe2;}
#comment-list li .comment-head {display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; border-bottom: 1px solid #eee; border-radius: 4px 4px 0 0; background: #fdfdfd;}
#comment-list li .comment-head span.name {display: flex; justify-content: flex-start; align-items: center; font-size: 16px;}
#comment-list li .comment-head span.name u {text-decoration: none;}
#comment-list li .comment-head span.name u:hover {cursor: pointer; text-decoration: underline;}
#comment-list li .comment-head span.name s {font-size: 14px; text-decoration: none; margin: 0 5px 2px 0; color: #bbb;}
#comment-list li .comment-head span.name i {margin-right: 5px; font-size: 18px; color: #00ffe2;}
#comment-list li .comment-head span.name b {font-size: 12px; color: #ddd; font-weight: 100; margin-left: 10px;}
#comment-list li .comment-head span.name b i {color: #ddd; font-size: 14px;}
#comment-list li .comment-head span.date {font-size: 12px; color: #aaa;}
#comment-list li .comment-head span.date i {position: absolute; left: -20px; font-size: 14px;}
#comment-list li .comment-text {padding: 10px 30px 10px 10px; font-size: 16px; color: #777;}
#comment-list li .comment-text p {margin: 0;}
#comment-list li .comment-text blockquote {position: relative; display: block; border: none; font-size: 13px; border-radius: 4px 4px 4px 0; margin: 0 0 10px 0; padding: 5px 10px; background: #eee; font-style: normal; width: fit-content;}
#comment-list li .comment-text blockquote::after {position: absolute; content: ''; left: 0; bottom: -6px; border: 3px solid transparent; border-left: 3px solid #eee; border-top: 3px solid #eee;}
#comment-list li .edit-comment {position: absolute; bottom: 0; right: 0;}
#comment-list li .edit-comment ico {height: 20px; width: 30px; z-index: 2; color: #777;}
#comment-list li .edit-comment div {position: absolute; right: 0; top: 0px; padding: 5px 0; background: #fff; margin: 0; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 0 20px rgb(0 0 0 / 20%); display: none; z-index: 1;}
#comment-list li .edit-comment:hover div {display: block;}
#comment-list li .edit-comment:hover div a {display: block; white-space: nowrap; padding: 2px 7px; margin: 0; font-size: 14px; color: #aaa;}
#comment-list li .edit-comment:hover div a:hover {color: #888;}
#comment-list li .edit-comment:hover div .adminAct {position: relative; padding: 5px 0; border: none; margin: 5px 5px 0 5px; box-shadow: none; background: #0069ff;}
#comment-list li .edit-comment:hover div .adminAct a {color: #fff;}
#comment-list li .edit-comment:hover div .adminAct a:hover {color: #00ffff;}
#comment-list li .edit-this {position: absolute; top: 32px; left: 0; min-width: 400px; padding: 10px; background: #f7f7f7; border-radius: 6px; box-shadow: 0 0 15px rgb(0 0 0 / 20%), 0 15px 15px -7px rgb(0 0 0 / 20%); z-index: 1;}
#comment-list li .edit-this textarea {width: 100%; border-radius: 4px; padding: 8px; height: 80px; color: #777; background: #fff; border: 1px solid #eee; font-family: 'Ubuntu'; resize: none;}
#comment-list li .edit-this close {top: auto; bottom: 10px; right: 10px; border-radius: 4px; background: #ddd; }
#comment-list li .edit-this close:hover {opacity: 0.5;}
#comment-list li.ban {border-color: orange !important;}
#comment-list li .notice span {display: inline-block; padding: 3px 5px; font-size: 14px; background: #ddd; color: #fff; border-radius: 0 6px 0 2px;}
#comment-list li.ban .notice span {background: orange; color: #fff;}
#comment-list a.more {display: inline-block; margin-top: 10px;}
#comment-list a.more:hover {color: #00c8ff; text-decoration: underline;}

section .case .view .text:empty,
section .case .view .bigtext:empty {display: none !important;}

modal .site-form {padding: 20px; border-radius: 10px;}
modal .site-form h2 {display: block; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 1.2em; font-weight: 500;}
modal .site-form h2::before {position: absolute; content: ''; left: 0; bottom: -1px; width: 50px; height: 0; border-top: 1px solid #00ffe2;}
modal .site-form div {display: flex; justify-content: flex-start; align-items: center; background: #fff; margin-bottom: 5px; padding: 5px; border: 1px solid #eee; border-radius: 6px;}
modal .site-form ico {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; z-index: 10; color: #c8d0dd;}
modal .site-form ico:after {position: absolute; display: block; content: ''; width: 0; height: 35px; border-left: 1px solid #eee; top: 0; bottom: 0; right: 0; margin: auto;}
modal .site-form div input {display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 40px; padding: 10px 10px 10px 60px; border: none;}
modal .site-form div textarea {resize: none; width: 100%; height: 100px; padding: 10px 10px 10px 60px; border: none;}
modal .site-form div input,
modal .site-form div textarea {font-family: 'Ubuntu'; font-size: 17px; color: #c8d0dd;}
modal .site-form field send {border-radius: 6px;}

modal .booking {width: 400px; border-radius: 10px; overflow: hidden; border: 5px solid #02e4ca; background: #02e4ca;}
modal .booking .head {padding: 10px 25px 15px; background: #02e4ca; font-size: 1.5em; color: #fff; margin: 0;}
modal .booking .body {overflow-y: auto; max-height: 550px; border-radius: 6px; background: #eee;}
modal .booking .body > div {min-height: 700px;}
modal .booking .body > div > p {padding: 15px 25px; font-size: 1.2em;}
modal .booking .calendar {padding: 5px 15px 15px 15px; min-height: 280px; background: #fff; border-bottom: 1px solid #00eed2; border-radius: 10px;}
modal .booking .calendar mont a:empty {width: 40.5px; cursor: default;}
modal .booking .calendar table {width: 100%; border-collapse: unset; border-spacing: 2px;}
modal .booking .calendar table td {text-align: center;}
modal .booking .calendar table thead td {font-weight: 500; background: #f5f5f5; padding: 12px 10px !important;}
modal .booking .calendar table tbody td a {border-radius: 5px;}
modal .booking .calendar table tbody td a,
modal .booking .calendar table tbody td span {padding: 7px 10px;}
modal .booking .calendar table tbody td span {opacity: 0.5; display: inline-block;}
modal .booking .calendar table tbody td.now a {background: transparent; box-shadow: inset 0 0 0 2px #00ffe2; color: #00ffe2;}
modal .booking .calendar table tbody td:not(:empty) a:hover {background: #eee; color: unset;}
modal .booking .calendar table td.rent a {background: orange; color: #c8d0dd; pointer-events: none;}
modal .booking .calendar table td.order a {background: greenyellow; color: #c8d0dd; pointer-events: none;}
modal .booking .calendar table td a.select {background: #00ffe2; color: #fff;}
modal .booking .current-date {display: inline-block; padding: 10px; background: #00eed2; color: #fff; margin-left: 25px; max-width: calc(100% - 50px); border-radius: 0 0 10px 10px;}
modal .booking .current-date span {display: inline-block; font-size: 12px; padding: 5px; background: #eee; color: #777; margin: 0 5px 5px 0;}
modal .booking form {padding: 25px;}
modal .booking .line {border-bottom: 1px dashed #00ffe2; display: flex; justify-content: flex-start; align-items: flex-end; margin-bottom: 10px;}
modal .booking .line ico {margin-right: 10px; color: #aaa;}
modal .booking .line.sure {display: flex; justify-content: flex-start; align-items: center;}
modal .booking .line.sure::after {content: '*'; position: absolute; right: 0; bottom: 0; color: #00ffe2;}
modal .booking .line input {padding: 10px 0 5px 0; border: none; width: 100%; background: transparent; font-size: 1.1em;}
modal .booking send {display: inline-block; padding: 15px; margin-top: 15px; background: #02e4ca; color: #fff; border: none; border-radius: 10px;}
modal .booking send:hover {cursor: pointer; background: #00ffe2;}

.clock {display: flex; justify-content: center; align-items: center; font-size: 25px; font-weight: normal;}
.clock i {color: #00ffe2;}
.clock h::after {content: ':'; color: #00ffe2;}
.clock span {font-size: 15px; border-bottom: 2px solid #00ffe2; min-width: 18px; margin: 0 0 7px 3px; padding-bottom: 2px; text-align: center;}

.gtranslate {padding: 7px 10px; background: #0068ff; border-radius: 6px; color: #fff; font-weight: 500;}

/* footer */
footer {background-color: #181e2f; color: #eee; font-size: 0.9em;}
footer a:hover {color: #00ffe2;}
footer i {color: #00ffe2; margin-right: 10px;}
.social-links a {margin-right: 5px;}
footer .flex {padding: 50px 0;}
footer .head {position: relative; display: inline-block; font-size: 1.3em; font-weight: 100; padding-bottom: 15px; margin-bottom: 15px; text-align: left; color: #fff; text-transform: uppercase;}
footer .head::before {position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 0; border-top: 1px solid #00ffe2;}
footer ul.contacts li {display: flex; justify-content: flex-start; align-items: center;}
footer ul.contacts li p {margin-top: 10px; display: flex; justify-content: flex-start; align-items: center; font-size: 0.9em;}
footer ul.contacts li p i {font-size: 1.5em; margin-right: 10px;}
footer ul.contacts li div.social-links {display: flex; justify-content: flex-start; align-items: center;}
footer ul.contacts li div.social-links i,
footer p, footer span, footer li a {color: #aaa;}
footer ul {display: flex; flex-wrap: wrap;}
footer ul li {margin-right: 10px;}
footer ul li.social-page {width: 100%;}
footer div.phones {display: flex; flex-wrap: wrap;}
/* Cols */

.columns {display: block; width: 100%;}
.columns {-webkit-column-count: 2; column-count: 2;}
.columns.col-3 {-webkit-column-count: 3; column-count: 3;}
.columns.col-4 {-webkit-column-count: 4; column-count: 4;}
.columns.gap-10 {-webkit-column-gap: 10px; column-gap: 10px;}
.columns.gap-20 {-webkit-column-gap: 20px; column-gap: 20px;}
.columns.gap-30 {-webkit-column-gap: 30px; column-gap: 30px;}
.columns.rule {-webkit-column-rule: 1px solid #eee; column-rule: 1px solid #eee;}

[cols], [col] {position: relative; display: grid; grid-template-columns: 100%;}
[cols].gap5, [col].gap5  {grid-gap: 5px;}
[cols].gap8, [col].gap8  {grid-gap: 8px;}
[cols].gap10, [col].gap10  {grid-gap: 10px;}
[cols].gap20, [col].gap20 {grid-gap: 20px;}
[cols].gap30, [col].gap30 {grid-gap: 30px;}
[cols].gap40, [col].gap40 {grid-gap: 40px;}
[cols].gap50, [col].gap50 {grid-gap: 50px;}
[cols].gap60, [col].gap60 {grid-gap: 60px;}
[cols].gap70, [col].gap70 {grid-gap: 70px;}
[cols].gap80, [col].gap80 {grid-gap: 80px;}

[cols='2'], [col='2'] {grid-template-columns: repeat(2, 1fr);}
[cols='3'], [col='3'] {grid-template-columns: repeat(3, 1fr);}
[cols='4'], [col='4'] {grid-template-columns: repeat(4, 1fr);}
[cols='5'], [col='5'] {grid-template-columns: repeat(5, 1fr);}
[cols='6'], [col='6'] {grid-template-columns: repeat(6, 1fr);}
[cols='7'], [col='7'] {grid-template-columns: repeat(7, 1fr);}
[cols='8'], [col='8'] {grid-template-columns: repeat(8, 1fr);}
[cols='9'], [col='9'] {grid-template-columns: repeat(9, 1fr);}
[cols='10'], [col='10'] {grid-template-columns: repeat(10, 1fr);}
[cols='11'], [col='11'] {grid-template-columns: repeat(11, 1fr);}
[cols='12'], [col='12'] {grid-template-columns: repeat(12, 1fr);}
[cols] > *, [col] > * {position: relative; height: fit-content;}

section table[col] {display: block;}
section table[col] td {border: none !important; vertical-align: top !important;}

.list:not([cols]) {display: block;}
.list:not([cols]).gap5 > * {margin-bottom: 5px;}
.list:not([cols]).gap8 > * {margin-bottom: 8px;}
.list:not([cols]).gap10 > * {margin-bottom: 10px;}
.list:not([cols]).gap20 > * {margin-bottom: 20px;}
.list:not([cols]).gap30 > * {margin-bottom: 30px;}
.list:not([cols]).gap40 > * {margin-bottom: 40px;}
.list:not([cols]).gap50 > * {margin-bottom: 50px;}
.list:not([cols]) > *:last-of-type {margin-bottom: 0;}
/* Share */
div.share {display: flex; justify-content: center; align-items: center; z-index: 95;}
div.share a {display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; margin-right: 5px; color: #fff; transition: 0.25s;}
div.share a:hover {opacity: 0.6; cursor: pointer;}
div.share a:last-child {margin-right: 0;}
div.share a[data-id='fb'] {background: #4267b2;}
div.share a[data-id='tw'] {background: #55acee;}
div.share a[data-id='vk'] {background: #587ea3;}
div.share a[data-id='te'] {background: #42a3fd;}
div.share a[data-id='in'] {background: #0077b5;}
div.share a[data-id='pi'] {background: #e60023;}
div.share a[data-id='vr'] {background: #665cac;}
div.share a[data-id='ml'] {background: #4439d4;}
div.share a i {font-size: 15px;}

.mdi-slideshare::before {content: url("data:image/svg+xml;charset=UTF-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='24' width='24' x='0px' y='0px' viewBox='0 0 256 256' enable-background='new 0 0 256 256' xml:space='preserve'><g><g><g><path fill='%23cccccc' d='M124.9,107c0,7.4-2.8,13.8-8.5,19.1c-5.7,5.3-12.5,8-20.4,8c-7.9,0-14.8-2.6-20.4-8c-5.7-5.3-8.5-11.7-8.5-19.1c0-7.5,2.8-13.9,8.5-19.2C81.2,82.6,88,80,96,80c7.9,0,14.8,2.6,20.4,7.9C122.1,93.1,124.9,99.5,124.9,107z M192.2,107c0,7.4-2.8,13.8-8.5,19.1c-5.6,5.3-12.5,8-20.5,8c-7.9,0-14.8-2.6-20.4-8c-5.7-5.3-8.5-11.7-8.5-19.1c0-7.5,2.8-13.9,8.5-19.2c5.7-5.3,12.5-7.9,20.4-7.9c8,0,14.9,2.6,20.5,7.9C189.4,93.1,192.2,99.5,192.2,107z M222.3,131.2V41.8c0-7.8-1.4-13.3-4.3-16.5c-2.9-3.3-7.8-4.9-14.9-4.9h-149c-7.4,0-12.5,1.5-15.1,4.6s-3.9,8.7-3.9,16.9v90.2c3.9,2,7.8,3.9,11.8,5.4c4,1.5,7.7,2.8,10.9,3.8c3.2,1,6.8,1.8,10.9,2.5c4.1,0.7,7.2,1.2,9.5,1.5c2.3,0.3,5.4,0.5,9.4,0.5c4,0,6.6,0.1,7.9,0.1s3.8-0.1,7.6-0.3c3.8-0.2,5.8-0.3,6-0.3c6.1-0.1,10.3,1.1,12.7,3.6c0.5,0.5,1,0.9,1.3,1.2c2.3,2.2,5.1,4.5,8.2,6.8c0.6-8.1,5.9-12,15.8-11.7c0.5,0,2.1,0.1,4.9,0.2c2.8,0.1,4.7,0.2,5.8,0.3c1,0,3.1,0.1,6.1,0.1c3,0,5.4,0,7.1-0.1c1.7-0.1,4.1-0.3,7.3-0.6c3.2-0.3,5.9-0.6,8.2-1.1c2.3-0.5,5.1-1.1,8.3-1.8s6.3-1.6,9-2.6c2.7-1,5.7-2.2,9.1-3.6C216,134.4,219.2,132.8,222.3,131.2z M244.2,130.5c-10.8,13.3-27.4,24.6-49.9,33.8c7.5,25.5,6.5,46.2-3.1,62.3c-5.9,10.1-14.1,16.7-24.5,19.8c-9.3,2.9-17.4,2.2-24.4-2c-7.7-4.6-11.3-11.9-11-22l-0.1-43.7v-0.1c-0.7-0.2-1.8-0.5-3.3-0.8c-1.5-0.4-2.5-0.6-3.2-0.7l-0.1,45.3c0.4,10.2-3.3,17.5-11.1,22c-7.1,4.2-15.2,4.9-24.5,2c-10.5-3.2-18.6-9.9-24.4-20.1c-9.4-16.1-10.4-36.8-2.9-62c-22.4-9.2-39-20.5-49.9-33.8c-2.2-3.3-2.4-6.1-0.5-8.5c1.9-2.3,4.6-2.3,8,0.1c0.3,0.2,0.8,0.5,1.5,0.9c0.7,0.5,1.2,0.8,1.5,1.1v-93c0-6.4,2.1-11.9,6.3-16.5c4.2-4.6,9.3-6.8,15.3-6.8h168.4c6,0,11.1,2.3,15.3,6.8c4.2,4.6,6.3,10,6.3,16.5v93l2.8-2c3.5-2.4,6.2-2.5,8-0.1C246.6,124.4,246.4,127.2,244.2,130.5z'/></g></g></g></svg>");}

/* Made */
.block.made {display: flex; justify-content: flex-start; align-items: center; height: 65px; padding: 0; color: #999;}
.block.made::before {position: absolute; content: ''; top: 0; left: 0; width: 100px; height: 0; border-top: 1px solid #888;}
.block.made span {color: #bbb;}
.block.made a {color: #ddd; margin: 0 5px;}
.block.made a:hover {text-decoration: underline;}

.blockErr {background: #0069ff; color: #fff; padding: 15px 25px; border-radius: 50px;}

div.t-wrap {overflow-x: auto;}

/* Templates */
.tpl-cover .cover {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 50px;}
.tpl-cover .cover * {z-index: 2;}
.tpl-promo [cols="1"] {height: 100%;}
.tpl-shadow {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; pointer-events: none; z-index: 1;}

.tpl-about {display: flex; justify-content: flex-start; align-items: center;}
.tpl-about .cover {width: calc(100% / 3); margin-right: 25px;}
.tpl-about .tpl-content {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: calc(100% / 3 * 2 - 25px);}

.why-we ul {list-style: none;}
.why-we ul li {display: flex; justify-content: flex-start; align-items: center; margin: 0 !important; padding: 0 20px; width: 100%; background: #fff; border-left: 3px solid #00ffe2; box-shadow: 0 10px 20px rgb(0 0 0 / 5%);}
.tpl .lock:before {content: ''; width: 0px; height: 0px;}


div.timeRemaining {display: flex; flex-direction: column; justify-content: center; align-items: flex-end; color: #aaa; line-height: 1;}
div.timeRemaining p {margin: 0;}
div.timeRemaining ul.clockTimer {display: flex;}
div.timeRemaining ul.clockTimer li {display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 10px;}
div.timeRemaining ul.clockTimer li::after {position: absolute; top: 3px; right: -7px; bottom: 0; margin: auto; content: ':'; font-weight: bold;}
div.timeRemaining ul.clockTimer li:first-child::after {position: absolute; content: ''; right: -7px; top: 0; bottom: 0; width: 0; height: 100%; border-left: 1px dotted #ddd;}
div.timeRemaining ul.clockTimer li:last-child::after {display: none;}
div.timeRemaining ul.clockTimer li:first-child {padding-left: 0;}
div.timeRemaining ul.clockTimer span:first-child {font-size: 1.5em; color: #00ffe2; font-weight: 500;}
div.timeRemaining ul.clockTimer span.text {font-size: 12px; padding-left: 4px;}
div.timeRemaining ul.clockTimer li:first-child span {color: #333;}

@media screen and (min-width: 800px){
    
}

/* MEDIA SCREEN */
@media screen and (max-width: 2560px){
    header.leftbar {position: fixed; flex-direction: column; justify-content: flex-start; width: 450px; height: 100vh; padding: 50px 0; background: #fff;}

    #page content, .flex, .block, .site-body {max-width: 1500px;}
    /* div.text table[type] {width: 1500px;} */
    footer .block {padding: 50px;}
}
@media screen and (max-width: 1920px){
    header.leftbar {width: 20vw;}
    #page content, .flex, .block, .site-body {max-width: 1250px;}
    /* div.text table[type] {width: 1250px;} */
    footer .block {padding: 50px;}
}
@media screen and (max-width: 1600px){
    .side-nav.left-nav.fix-nav .flex, .side-nav.left-nav.fix-nav .block {max-width: 1100px;}
}
@media screen and (max-width: 1440px){
    header.leftbar {width: 25vw;}
    .side-nav.left-nav.fix-nav header {width: 300px;}
    .side-nav.left-nav.fix-nav #page,
    .side-nav.left-nav.fix-nav footer {margin-left: 300px; width: calc(100% - 300px);}
    .side-nav.left-nav.fix-nav .flex, .side-nav.left-nav.fix-nav .block {max-width: 1000px;}
}
@media screen and (max-width: 1366px){
    #page content, .flex, .block, .site-body {max-width: 1200px;}
    div.text table[type] {width: 1200px;}
    footer .block {padding: 50px;}
}
@media screen and (max-width: 1280px){
    .left-nav.fix-nav header {left: -350px;}
    .left-nav.fix-nav header.active {left: 0;}
    .left-nav.fix-nav header #mobilenav {transform: translateX(0); top: 0;}
    .left-nav.fix-nav #page {margin-left: 0; width: 100%; padding-top: 50px;}
    .left-nav.fix-nav footer {margin-left: 0; width: 100%;}
    .side-nav.left-nav.fix-nav header #mobilenav {display: flex; opacity: 1; visibility: visible;}
    .side-nav.left-nav.fix-nav #page,
    .side-nav.left-nav.fix-nav footer {margin-left: 0px; width: 100%;}
    .side-nav.left-nav.fix-nav .flex, .side-nav.left-nav.fix-nav .block {max-width: 1200px;}

    #page content, .flex, .block, .site-body {max-width: 950px;}
    /* div.text table[type] {width: 1200px;} */
    footer .block {padding: 50px;}
}
@media screen and (max-width: 1024px){
    header {justify-content: flex-start; align-items: flex-start; overflow: hidden;}
    header.leftbar {position: fixed; width: 35vw; right: -35vw; transition: 0.5s; z-index: 90;}
    header.leftbar.active {right: 0;}
    #mobilenav {display: flex; opacity: 1; visibility: visible;}
    header.leftbar.active #mobilenav {right: 0;}

    .top-nav header div.contacts {position: absolute; bottom: -35vh; height: 35vh; transition: 0.25s; z-index: 10;}
    .top-nav header div.contacts .flex {flex-direction: column; align-items: flex-start; padding: 25px;}
    .top-nav header div.contacts .flex > div {justify-content: flex-start;}
    .top-nav header div.contacts .flex > div.social-links {margin-top: 10px;}
    .top-nav header div.contacts:hover {top: auto; bottom: 0;}
    .top-nav header div.contacts .moreinfo {display: flex;}

    .top-nav header {height: 53px; transition: 0.5s; position: fixed; border-bottom: 1px solid #ddd; background: #f9f9f9;}
    .top-nav.dark-nav header {background: #111; border-bottom: 1px solid #444;}
    .top-nav header .moreinfo {visibility: hidden;}
    .top-nav header.active {height: 100vh;}
    .top-nav header.active .moreinfo {visibility: visible;}
    .top-nav header #mobilenav {top: 3px;}
    .top-nav header nav {justify-content: center; align-items: center; height: 50px; padding-top: 50px; width: 100%; border-top: 3px solid #00ffe2;}
    .top-nav header nav.fixed {position: relative; box-shadow: none;}
    .top-nav header nav ul.langs {margin-top: 20px;}
    .top-nav header nav .searchpanel {margin: 20px auto; max-width: unset;}
    .top-nav header nav .flex {overflow: auto; flex-direction: column; height: calc(100vh - 100px); padding: 0 30px; justify-content: flex-start; align-items: flex-start;}
    .top-nav header nav .flex > a {position: fixed; display: flex; justify-content: center; align-items: center; top: 3px; left: 15px; height: 50px; min-width: 50px;}
    .top-nav header nav .flex ul.main-nav {display: block; width: 100%; font-size: 19px; overflow: hidden; overflow-y: auto; margin-top: 20px;}
    .top-nav header nav .flex ul.main-nav li {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%;}
    .top-nav header nav .flex ul.main-nav li a {padding: 10px; justify-content: flex-start; text-align: left; width: calc(100% - 50px);}
    .top-nav header nav .flex ul.main-nav li i {font-size: 30px;}
    .top-nav header nav .flex ul.main-nav li ul {margin: 0; width: 100%; padding: 5px 10px; min-width: unset;}
    .top-nav header nav .flex ul.main-nav li:hover ul {position: relative;}

    .left-nav header, .side-nav header {width: 350px; height: 100vh; overflow: unset;}
    .left-nav header #mobilenav {top: 0; left: 350px; margin: 0; transform: translateX(0);}
    .left-nav header.active #mobilenav {left: 300px;}

    .side-nav.left-nav header #mobilenav {top: 0; right: 350px; margin: 0; transform: translateX(0);}
    .side-nav header.active #mobilenav {right: 300px;}

    .headmenu ul li.parent {width: 25%;}
    .headmenu ul li a, .headmenu ul li ul li a {font-size: 0.8em;}

    #page content, .flex, .block, .site-body {max-width: 950px;}
    div.text table[type] {width: 950px;}
    section {padding-left: 20px; padding-right: 20px;}
    section .flex {flex-direction: row;}
    footer .col {padding: 50px 0;}
    footer .block {padding: 25px;}
    footer .block .col {width: 100% !important; padding: 20px;}
    footer .col ul {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
    footer .col ul li a {padding: 5px 20px 5px 0;}

    .block.made {margin: 0 auto; width: calc(100% - 50px);}

    button#gofullscreen {display: none;}
}
@media screen and (max-width: 800px) {
    #page {padding-top: 50px;}
    .side-nav #page {padding-top: 0;}
    
    header.leftbar {width: 50vw; right: -50vw;}
    header.leftbar.active {right: 0;}

    [view=''] #page {padding-top: 0;}
    #page content, .flex, .block, .site-body {max-width: 750px;}
    /* div.text table[type] {width: 750px;} */
    
    section .flex {flex-direction: column;}
    section h1 {font-size: 1.8em;}
    section h2 {font-size: 1.6em;}
    section h3 {font-size: 1.4em;}
    section h4 {font-size: 1.3em;}
    section h5 {font-size: 1.2em;}
    section h6 {font-size: 1em;}
    big {font-size: 1.8em;}
    
    .headmenu ul li a {width: 100%;}
    .headmenu ul li.parent {width: 33.33%;}
    .headmenu ul li a, .headmenu ul li ul li a {font-size: 0.8em;}

    nav div.share {bottom: 100px;}
    [cols='2'], [cols='3'], [cols='4'], [cols='5'], [cols='6'], [cols='7'], [cols='8'], [cols='9'],
    [col='2'], [col='3'], [col='4'], [col='5'], [col='6'], [col='7'], [col='8'], [col='9'] {grid-template-columns: repeat(2, 1fr);}

    div.text table[type],
    div.text table[type] tbody,
    div.text table[type] tr,
    div.text table[type] td {display: block;}
    div.text table[type] td {width: 100%; height: auto;}

    div.text table[type][col='2'] td,
    div.text table[type][col='3'] td,
    div.text table[type][col='4'] td,
    div.text table[type][col='5'] td {width: 100%;}

    #comment-type field .emoji .set-emoji {top: 20px;}
}
@media screen and (max-width: 540px){
    header.leftbar {width: 100vw; right: -100vw;}
    header.active {right: 0;}

    #page content, .flex, .block, .site-body {width: 100%;}
    div.text table[type] {width: 100%;}
    
    .headmenu ul li.parent {width: 50%;}
    .headmenu ul li a, .headmenu ul li ul li a {font-size: 0.8em;}

    section:not(#breadcrumbs) {padding-top: 25px; padding-bottom: 25px;}

    #page content, section > .block, section > .flex {padding: 0;}
    section .case:first-child {min-width: 100%; width: 100%;}
    section .case:last-child {min-width: 100%; width: 100%;}
    section .flex .list .cols {padding: 0;}
    section .list {width: 100%;}
    
    [cols='2'], [cols='3'], [cols='4'], [cols='5'], [cols='6'], [cols='7'], [cols='8'], [cols='9'],
    [col='2'], [col='3'], [col='4'], [col='5'], [col='6'], [col='7'], [col='8'], [col='9'] {grid-template-columns: 100%;}
    [cols='1'].cols-m2, [cols='2'].cols-m2, [cols='3'].cols-m2, [cols='4'].cols-m2, [cols='5'].cols-m2, [cols='6'].cols-m2, [cols='7'].cols-m2, [cols='8'].cols-m2, [cols='9'].cols-m2,
    [cols='1'].cols-m2, [col='2'].cols-m2, [col='3'].cols-m2, [col='4'].cols-m2, [col='5'].cols-m2, [col='6'].cols-m2, [col='7'].cols-m2, [col='8'].cols-m2, [col='9'].cols-m2 {grid-template-columns: repeat(2, 1fr);}
    [cols='3'].cols-m3, [cols='4'].cols-m3, [cols='5'].cols-m3, [cols='6'].cols-m3, [cols='7'].cols-m3, [cols='8'].cols-m3, [cols='9'].cols-m3,
    [col='3'].cols-m3, [col='4'].cols-m3, [col='5'].cols-m3, [col='6'].cols-m3, [col='7'].cols-m3, [col='8'].cols-m3, [col='9'].cols-m3 {grid-template-columns: repeat(3, 1fr);}
    
    [cols].cols-m4, [col].cols-m4 {grid-template-columns: repeat(4, 1fr);}
    [cols].cols-m5, [col].cols-m5 {grid-template-columns: repeat(5, 1fr);}
    [cols].cols-m6, [col].cols-m6 {grid-template-columns: repeat(6, 1fr);}

    [cols].gap20, section [col].gap20 {grid-gap: 10px;}
    [cols].gap30, section [col].gap30 {grid-gap: 15px;}
    [cols].gap40, section [col].gap40 {grid-gap: 20px;}
    [cols].gap50, section [col].gap50 {grid-gap: 25px;}

    [cols].gap10.cols-m2,
    [cols].gap20.cols-m2,
    [cols].gap30.cols-m2,
    [cols].gap40.cols-m2,
    [cols].gap50.cols-m2,
    [cols].gap10.cols-m3,
    [cols].gap20.cols-m3,
    [cols].gap30.cols-m3,
    [cols].gap40.cols-m3,
    [cols].gap50.cols-m3 {grid-gap: 10px;}

    field {width: 100%;}
    .case div.comments form field {margin: 0;}
    send {margin: 0; width: 100%;}
    .userLogin form field send {width: auto;}
    footer .flex {padding: 50px 30px;}
    footer .flex > div {padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,0.3);}
    footer .flex > div:last-child {border-bottom: none;}

    .tpl-promo [cols="1"] {height: 600px;}
    .tpl-cover {height: unset !important;}
    .tpl-cover .cover {padding: 25px;}

    .tpl-about {flex-direction: column;}
    .tpl-about .cover {width: 100%; margin: 0;}
    .tpl-about .tpl-content {width: 100%; margin-top: 20px;}

    body > modal > div.view-img {width: 100vw; height: 100vh; max-height: calc(100vh - 100px); max-width: 100vw;}
    body > modal > div.view-img img {max-height: calc(100vh - 70px); max-width: calc(100vw - 70px);}
    body > modal > div.view-img p {}

    modal .booking {width: 100%;}

    .coockie {max-width: 260px; flex-direction: column;}
    .coockie p {margin: 0 0 10px 0;}

    #cabinet {width: 100vw;}
    #cabinet:empty {right: -100vw;}
}

#adminpanel {position: fixed; left: -31px; bottom: 80px; padding: 10px; background: linear-gradient(135deg, #0069ff, #4c00d8); border-radius: 0 0 8px 8px; font-family: 'Tahoma'; transform: rotate(-90deg); box-shadow: 0 0 50px rgb(0 0 0 / 40%); color: #fff; z-index: 999;}

form dir {width: calc(100% - 40px); margin: 0; padding: 0;}
form dir div {position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 40px; padding: 0 15px; white-space: nowrap; overflow: hidden;}
form dir div::after {position: absolute; content: 'ⵗ'; right: 0; font-size: 20px; padding: 10px; background: #fff; border-radius: 10px;}
form dir ul {display: none; position: absolute; z-index: 100; width: calc(100% - 50px); background: #fafafa; margin: 0 !important; border-radius: 6px; border: 1px solid #aaa; box-shadow: 0 0 50px rgb(0 0 0 / 20%); overflow: hidden;}
form dir ul li {display: flex; justify-content: flex-start; align-items: center; position: relative; padding: 0 10px 0 35px !important; width: 100%; height: 40px; border-bottom: 1px dashed #ddd; font-size: 15px !important; user-select: none;}
form dir ul li:hover {cursor: pointer; background: #fff;}
form dir ul li::before {position: absolute; display: block; content: ''; left: 10px; width: 15px; height: 15px; border-radius: 7.5px; border: 2px solid #ddd; margin-right: 5px;}
form dir ul li.select::before {background: #00ffe2;}
form dir:hover ul {display: block;}div.wizard::-webkit-scrollbar {width: 1px; background: transparent;}
div.wizard {position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; box-shadow: 0 0 200px rgb(0 0 0 / 100%); z-index: 1000; width: 100%; height: fit-content; max-width: 700px; overflow: hidden; overflow-y: auto; max-height: calc(100vh - 200px); padding: 50px 20px 20px 20px; line-height: 1.2; background: #272727; border: 3px solid #0068ff; color: #ddd !important; border-radius: 10px; font-size: 14px; font-family: 'Tahoma', monospace;}
div.wizard p {padding: 5px 0; margin: 0; font-size: 14px !important;}
div.wizard p:empty {display: none;}
div.wizard p line {display: block; padding-left: 20px;}
div.wizard p:first-child,
div.wizard p:last-child {padding: 0; border: none;}
div.wizard pre {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #444; white-space: normal; word-break: break-all;}
div.wizard pre:last-child {padding: 0; margin: 0; border: none;}
div.wizard hr {border: none; border-top: 1px dashed #444;}
div.wizard a {color: #00ffff !important;}
div.wizard span {font-weight: 500; color: #dd8400 !important;}
div.wizard b {font-weight: 500; color: #dd8400 !important; margin-right: 3px;}
div.wizard b::after {content: ':'; font-weight: bold; color: #607d8b !important; margin-left: 1px;}
div.wizard g {font-weight: 500; color: #ffc107 !important; margin-right: 3px;}
div.wizard g::after {content: ':'; font-weight: bold; color: #607d8b !important; margin-left: 1px;}
div.wizard t {display: inline; color: #ddd; margin: 0;}
div.wizard c {display: inline-block; margin: 0 2px -2px 3px; width: 25px; height: 15px; border: 1px solid #444;}
div.wizard s {text-decoration: none; color: #cddc39 !important;}
div.wizard q {color: #607d8b !important;}
div.wizard n {color: #3f51b5 !important; font-weight: 600;}
div.wizard::before {position: absolute; content: attr(name); padding: 10px; background: #0068ff; color: #fff; border-radius: 0 0 6px 0; left: -2px; top: -2px; font-size: 12px; line-height: 1; letter-spacing: 1px;}
div.wizard close {position: absolute; top: 0; right: 0;}
div.wizard close:hover i {color: #00ffff;}

div.wizard .sql-keyword {color: #03a9f4 !important; font-weight: bold; text-transform: uppercase;}
div.wizard b1 {color: #ff9800; font-weight: bold;}
div.wizard b2 {color: #e5ff00; font-weight: bold;}
div.wizard b3 {color: #00ff00; font-weight: bold;}
div.wizard b4 {color: #00ffea; font-weight: bold;}
div.wizard b5 {color: #00a2ff; font-weight: bold;}/* © LeoCRAFT Digital "Catana", CSS For You Site */
iframe.intro {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: linear-gradient(180deg, #181e2f, #293342); z-index: 99999; transition: 1s;}
iframe.intro.close {opacity: 0;}

[class*="show"] {transition: 0.75s;}
#root {background: linear-gradient(180deg, #181e2f, #293342);}
#root ::-webkit-input-placeholder {color: #97a6bf;}
#root ::-moz-placeholder          {color: #97a6bf;}
#root :-moz-placeholder           {color: #97a6bf;}
#root :-ms-input-placeholder      {color: #97a6bf;}
#root .cover {background-color: #293342; z-index: 1;}

#root ::-scrollbar-thumb {background: #3e5270;}
#root ::-webkit-scrollbar-thumb {background: #3e5270;}
#root ::-moz-scrollbar-thumb {background: #3e5270;}

#root::before {position: fixed; content: ''; width: 50vh; height: 50vh; left: -15vh; bottom: -35vh; background: #00ffe222; z-index: 0; border-radius: 50%; filter: blur(100px); pointer-events: none;}
#root::after {position: fixed; content: ''; width: 60vh; height: 60vh; right: -25vh; top: 35vh; background: #00b48d22; z-index: 0; border-radius: 50%; filter: blur(100px); pointer-events: none;}

#breadcrumbs ol {}
#breadcrumbs ol::after {border-color: #2b3650; display: none;}
#breadcrumbs ol li a {color: #97a6bf;}
#breadcrumbs ol li a:hover {color: #02e4ca;}
#breadcrumbs ol li:last-child a {color: #c8d0dd;}
#breadcrumbs ol li a span {border-color: #2b3650;}

header nav {background: #181e2fDD; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); height: 75px; transition: 0.25s; border-bottom: none;}
header nav.fixed {height: 75px; box-shadow: none;}

header nav a.logo img {height: 60px; z-index: 10;}
header nav ul.main-nav {transition: 0.75s; font-family: 'Exo 2'; font-weight: 500; padding-left: 10px; border-radius: 10px;}
header nav ul.main-nav a {text-transform: uppercase;}
header nav ul.main-nav > li {margin-right: 10px; padding: 10px 0;}
header nav ul.main-nav > li > a {pointer-events: none; padding: 10px 10px 9px 60px; background: linear-gradient(30deg, #293342, #2d405c); font-size: 19px; border-radius: 6px;}
header nav ul.main-nav > li > a::after {position: absolute; content: ''; left: 38px; top: 20px; width: 15px; height: 0; border-top: 1px dotted rgb(255 255 255 / 25%);}
header nav ul.main-nav > li:hover > a {background: linear-gradient(220deg, #02e4ca, #00addd); color: #fff;}
header nav ul.main-nav > li i {position: absolute; left: 7px; top: 17px; font-size: 24px; color: transparent;}
header nav ul.main-nav > li i::before {transform: rotate(0deg); background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text;}
header nav ul.main-nav > li:hover i {color: #fff;}
header nav ul.main-nav > li ul {background: linear-gradient(224deg, #181e2f, #293342); border-radius: 10px;}
header nav ul.main-nav li ul li {border-bottom: 1px dotted rgb(255 255 255 / 10%);}
header nav ul.main-nav li ul li:last-of-type {border: none;}
header nav ul.main-nav li ul li a {font-size: 19px; width: 100%;}
header nav ul.main-nav > li ul li:hover a {background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}
header nav ul.main-nav li:hover > ul {margin-top: 10px;}
header nav ul.main-nav:hover {box-shadow: 0 0 0 2000px rgb(20 27 33 / 70%);}

header nav ul.main-nav.hideNav ul {display: none;}

form.searchpanel {margin: 0 0 0 30px; width: 285px; background: rgb(255 255 255 / 5%); border: none; border-radius: 6px;}
form.searchpanel input {width: calc(100% - 40px); transition: 0.25s; color: #97a6bf;}
form.searchpanel input:focus {}
form.searchpanel button::before {border-left: 1px solid #2d405c;}
form.searchpanel button i {background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 28px;}

ul#pagesnav {margin: 30px 0;}
ul#pagesnav li a {border-radius: 6px; background: linear-gradient(30deg, #293342, #2d405c); color: #c8d0dd; border: none;}
ul#pagesnav li.now a {background: linear-gradient(220deg, #02e4ca, #00addd);}

section .tags {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; border-radius: 0 10px 10px 10px; margin: 0 0 10px 0;}
section .tags li.all-tags a {display: flex; justify-content: flex-start; align-items: center; padding: 5px 10px 7px 19px; min-width: 28px; height: 28px; background: linear-gradient(30deg, #02e4ca, #00addd);}
section .tags li.all-tags a i {position: absolute; font-size: 20px; left: 4px; top: 4px; color: #181e2f;}
section .tags li.all-tags a span {display: none;}
section .tags li {margin: 0 7px 7px 0;}
section .tags li a {display: inline-flex; justify-content: center; align-items: center; padding: 0 10px 2px 10px; height: 28px; background: linear-gradient(30deg, #293342, #2d405c); color: #c8d0dd; border-radius: 6px; font-size: 15px; font-weight: 400; line-height: 1;}
section .tags li a:hover {background: linear-gradient(220deg, #02e4ca, #00addd); color: #fff;}
section .tags li a[href*='#'] {pointer-events: none; background: linear-gradient(220deg, #02e4ca, #00addd); color: #181e2f;}
/* a[href*='Red_Notice'] {background: linear-gradient(220deg, #bd0000, #ec3700) !important; text-transform: lowercase;}
a[href*='Red_Notice']:hover {color: #fff !important;} */

section .taglist {padding: 5px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #3e5270; color: #c8d0dd; border-radius: 0; font-size: 13px; line-height: 12px;}
section .taglist:empty {display: none;}
section .taglist::before {position: absolute; content: ''; left: 0; top: -3px; width: 15px; height: 2px; background: #3e5270;}

.right .head {background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}

.channels.active {right: 0;}
.channels {position: fixed; right: -230px; top: 70px; width: 300px; padding: 10px; background: #181e2fAA; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-left: 2px solid #2d405c; z-index: 50; height: calc(100vh - 70px);}
.channels:hover {right: 0; box-shadow: 0 0 50px rgb(20 27 33 / 40%);}
.channels .chanel-list {overflow-y: auto; width: 100%; height: 100%;}
.channels a.more {position: absolute; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; left: -50px; top: 0;}
.channels a.more i {font-size: 32px; color: #fff; margin-left: 16px;}
.channels a.more::before {position: absolute; content: ''; width: 30px; height: 50px; right: 3px; top: 0;  background: linear-gradient(30deg, #293342, #2d405c); border-radius: 0 0 0 10px; transition: 0.25s;}
.channel-set {height: fit-content;}
.channel-set li {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid rgb(255 255 255 / 10%);}
.channel-set li a {display: flex; justify-content: flex-start; align-items: center;}
.channel-set li a div {display: block; width: 50px; height: 50px; background-size: cover; border-radius: 6px; margin-right: 10px;}
.channel-set li a span {font-family: 'Exo 2'; font-size: 18px; color: #c8d0dd; font-weight: 500; width: calc(100% - 60px); max-height: 46px; overflow: hidden;}
.channel-set li a span b {font-weight: 100; font-size: 14px; white-space: nowrap; color: #97a6bf; margin-left: 10px;}
.channel-set li:last-child {margin: 0; border: none;}
.channel-set li:hover a span {color: #fff;}
.channels .channel-set {margin-bottom: 10px;}
.channels .channel-set:last-of-type {padding-bottom: 200px;}

.channel-list {}
.channel-list .cover {display: flex; justify-content: center; align-items: center; border-radius: 10px;}
.channel-list .cover > div {position: absolute; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 10px; color: #fff; background: #181e2fCC; backdrop-filter: blur(10px); padding: 12px; opacity: 0; transition: 0.5s;}
.channel-list .cover:hover > div {opacity: 1;}

div.share {z-index: 10;}

.TheCarusel {padding: 0px;}
.TheCarusel .slider-block {width: 100%; padding: 0px 0px 30px;}
.TheCarusel .slider-block .slider {width: 100%; overflow: hidden; margin: -20px 0 0 0;}
.TheCarusel .slider-block ul {display: grid; grid-auto-flow: column; grid-template-rows: repeat(1, 1fr); overflow: hidden; overflow-x: auto; padding: 20px 0; margin: 0 0 -10px;}
.TheCarusel .slider-block ul[gap='10'] {grid-gap: 10px;}
.TheCarusel .slider-block ul[gap='20'] {grid-gap: 20px;}
.TheCarusel .slider-block ul[gap='30'] {grid-gap: 30px;}
.TheCarusel .slider-block ul.animation {transition: 1s;}
.TheCarusel .slider-block ul li .cover {perspective: 2500px; background-color: transparent !important; border-radius: 10px;}
.TheCarusel .slider-block ul li .poster {position: absolute; top: 0; right: 0; width: 100%; height: 100%; border-radius: 8px; transition: 0.75s; box-shadow: 0 20px 20px -10px rgba(0 0 0 / 25%); background-size: cover; background-color: #293342; overflow: hidden; padding: 5px;}
.TheCarusel .slider-block ul li .info {position: absolute; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px; background: #181e2fCC; backdrop-filter: blur(10px); border-radius: 6px; padding: 12px; opacity: 0; transition: 0.5s;}
.TheCarusel .slider-block ul li h3 {color: #fff; margin: 0; font-size: 17px; font-weight: 500; line-height: 1;  max-height: 48px; overflow: hidden;}
.TheCarusel .slider-block ul li .category {padding: 5px 10px; background: #3e5270; color: #fff; font-size: 13px; border-radius: 0 6px 6px 0; margin: 0 0 10px -12px;}
.TheCarusel .slider-block ul li time {display: flex; justify-content: flex-start; align-items: center; color: #c8d0dd; margin-bottom: 5px; font-family: 'Exo 2'; font-size: 14px;}
.TheCarusel .slider-block ul li time d {font-weight: 500; margin-right: 3px;}
.TheCarusel .slider-block ul li time m {margin-right: 2px;}
.TheCarusel .slider-block ul li time y {position: relative; display: flex; justify-content: flex-start; align-items: center;}
.TheCarusel .slider-block ul li time y::before {position: absolute; content: ''; left: calc(100% + 8px); width: 20px; height: 0; border-top: 1px solid #4a6286;}
.TheCarusel .slider-block ul li time::after {content: attr(length); margin-left: 35px; display: flex;}
.TheCarusel .slider-block ul li .cover:hover {box-shadow: 0 0 20px #00ffe255;}
.TheCarusel .slider-block ul li .cover:hover div {opacity: 1;}
.TheCarusel .slider-block ul li .cover .tags {padding: 5px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #3e5270; color: #c8d0dd; border-radius: 0; font-size: 13px; line-height: 12px;}
.TheCarusel .slider-block ul li .cover .tags:empty {display: none;}
.TheCarusel .slider-block ul li .cover .tags::before {position: absolute; content: ''; left: 0; top: -3px; width: 15px; height: 2px; background: #3e5270;}
.TheCarusel .slider-block ul[items='4'] li {width: 270px;}
.TheCarusel .cnav {position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.TheCarusel .cnav::before {position: absolute; content: ''; width: calc(100% - 30px); height: 0; border-top: 1px solid #1a1f23; border-bottom: 1px solid #2b3650;}
.TheCarusel .cnav > a {display: inline-block; width: fit-content; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding-right: 10px; z-index: 1;}
.TheCarusel .cnav > a h3 {color: #fff; font-weight: 500; text-transform: uppercase; font-size: 20px; display: inline-flex; justify-content: flex-start; align-items: center; margin: 0 auto 0 0;}
.TheCarusel .cnav > a h3 i {margin-right: 10px; font-size: 32px; background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}
.TheCarusel .cnav > a h3 span {}
.TheCarusel .cnav > a:hover h3 span {background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}
.TheCarusel .slider-nav {position: relative; display: flex; justify-content: flex-start; align-items: center; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 1;}
.TheCarusel .slider-nav a {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: linear-gradient(30deg, #293342, #2d405c); border-radius: 8px; color: #fff;}
.TheCarusel .slider-nav a:first-of-type {margin-right: 5px;}
.TheCarusel .slider-nav a:hover {cursor: pointer; background: linear-gradient(220deg, #02e4ca, #00addd);}
.TheCarusel .slider-block:hover .slider-nav {bottom: 0;}
.TheCarusel .slider-block ul.animation li .poster {transform: rotateY(-35deg); box-shadow: 50px 0 -30px (0 0 0 / 50%);}
.CaruselVideo .slider-block ul li:nth-of-type(5) .poster,
.CaruselCinema .slider-block ul li:nth-of-type(8) .poster,
.CaruselRadio .slider-block ul li:nth-of-type(9) .poster {}

.TheCarusel .slider-block .cnav::after {position: absolute; content: ''; width: 0; opacity: 0; height: 2px; background: linear-gradient(220deg, #00ffe2, #00c8ff); z-index: 0;}
.TheCarusel .slider-block.flash .cnav::after {animation: flashSlide 1s;}

@keyframes flashSlide {
    0% {width: 0px; left: 0; opacity: 1;}
    90% {width: 100px; left: calc(100% - 100px); opacity: 1;}
    99% {opacity: 0;}
}

.Channel {padding: 30px 0 0 0;}
.Channel:last-of-type {padding: 30px 0 50px 0;}
.Channel .tapes {overflow: hidden;}
.Channel .tapes ul {min-height: 100px;}
.Channel .tapes ul li {transition: 0.75s; perspective: 2500px; border-radius: 10px; box-shadow: 0 20px 20px -10px rgba(0 0 0 / 25%);}
.Channel .tapes ul li:hover {box-shadow: 0 0 20px #00ffe255;}
.Channel .tapes ul li .cover {border-radius: 8px; background-color: transparent; overflow: hidden; padding: 5px;}
.Channel .tapes ul li .cover div {position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: calc(100% - 10px); height: calc(100% - 10px); background: #181e2fCC; backdrop-filter: blur(10px); border-radius: 6px; padding: 15px; opacity: 0; transition: 0.25s;}
.Channel .tapes ul li .cover p {color: #c8d0dd; margin: 0; font-family: 'Exo 2'; font-size: 20px; font-weight: 500;}
.Channel .tapes ul li .cover:hover div {opacity: 0;}
.Channel .tnav {position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.Channel .tnav::before {position: absolute; content: ''; width: 100%; height: 0; border-top: 1px solid #1a1f23; border-bottom: 1px solid #2b3650;}
.Channel .tnav a.topage {display: inline-block; width: fit-content; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding-right: 10px;}
.Channel .tnav a.topage h3 {color: #c8d0dd; font-weight: 500; text-transform: uppercase; font-size: 20px; display: inline-flex; justify-content: flex-start; align-items: center; margin: 0 auto 0 0;}
.Channel .tnav a.topage h3 i {margin-right: 10px; font-size: 32px; background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}
.Channel .tnav a.topage h3 span {}
.Channel .tnav a.topage:hover h3 span {background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}
.Channel .tnav a.tomore {display: none; justify-content: center; align-items: center; width: 40px; height: 40px; background: linear-gradient(30deg, #293342, #2d405c); border-radius: 8px; color: #fff;}
.Channel .tnav a.tomore:hover {cursor: pointer; background: linear-gradient(220deg, #02e4ca, #00addd);}

section .list li .param {position: absolute; z-index: 10; top: calc(50% - 13px); right: -3px; padding: 5px 10px; background: linear-gradient(220deg, #02e4ca, #00addd); border-radius: 4px 0 0 4px; font-weight: 500; color: #fff; font-size: 14px; box-shadow: 0 11px 3px -6px rgb(20 27 33 / 40%); transition: 0.25s;}
section .list li .param:empty {display: none;}
section .list li .param.slider {background: linear-gradient(220deg, #02e4ca, #00addd);}
section .list li .param.rednotice {background: linear-gradient(220deg, #bd0000, #ec3700);}

section .view .line {display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #2b3650; overflow: hidden; overflow-x: auto;}
section .view .canal {display: flex; justify-content: flex-start; align-items: center; margin-right: 20px;}
section .view .canal .logo {width: 50px; height: 50px; background-color: #2d405c; border-radius: 10px; margin-right: 10px;}
section .view .canal .name {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
section .view .canal .name span {color: #999; font-size: 15px;}
section .view .canal .name h3 {font-size: 18px; margin: 0; white-space: nowrap;}
section .view .date-views {display: flex; justify-content: flex-start; align-items: center; height: 40px; padding: 0 10px; color: #c8d0dd; border-radius: 6px; background: linear-gradient(30deg, #293342, #2d405c);}
section .view .date {display: flex; justify-content: flex-start; align-items: center; margin-right: 5px; padding-right: 10px; border-right: 1px solid #3e5270;}
section .view .date i {font-size: 24px; margin-right: 5px; color: #97a6bf;}
section .view .date time {}
section .view .date time d {margin-right: 3px; font-weight: bold;}
section .view .views {display: flex; justify-content: flex-start; align-items: center;}
section .view .views i {font-size: 24px; margin-right: 5px; color: #97a6bf;}
section .view .views span {min-width: 25px; text-align: center; color: #fff; font-size: 13px;}
section .view .actions {display: flex; justify-content: flex-start; align-items: center;}
section .view .likes {display: flex; justify-content: center; align-items: center; min-width: 40px; height: 40px; padding: 0 10px; background: linear-gradient(30deg, #293342, #2d405c); border-radius: 6px; margin-left: 10px;}
section .view .likes i {color: #97a6bf; font-size: 24px;}
section .view .likes span {min-width: 25px; color: #fff; margin-left: 10px; text-align: center; font-size: 13px;}
section .view .likes:hover {background: linear-gradient(220deg, #4a6286, #3e5270);}

section a.source {display: flex; justify-content: flex-start; align-items: center; padding: 5px 10px; margin-top: 20px; background: linear-gradient(30deg, #293342, #2d405c); border-radius: 8px; width: fit-content;}
section a.source i {font-size: 24px; margin-right: 10px;}
section a.source span {color: #c8d0dd;}
section a.source:hover {background: linear-gradient(220deg, #4a6286, #3e5270);}

section .head-records {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}
section .head-records::before {position: absolute; content: ''; width: 100%; height: 0; border-top: 1px solid #1a1f23; border-bottom: 1px solid #2b3650;}
section .head-records div {display: flex; justify-content: flex-start; align-items: center; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding-right: 10px;}
section .head-records i {margin-right: 5px; background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}
section .head-records h3 {margin: 0; font-size: 24px; margin-bottom: 4px; line-height: 1; font-weight: 500;}

section h3.not-found {border-radius: 0 30px 30px 30px; margin-left: 20px; height: 60px; padding: 0 20px 0 10px; border: none; background: linear-gradient(30deg, #293342, #2b3650); width: fit-content; line-height: 1;}
section h3.not-found i {color: #97a6bf;}
section h3.not-found span {font-size: 20px; margin-bottom: 5px;}

section .populars {overflow: hidden; overflow-y: auto; max-height: calc(100vh - 200px); background: rgb(255 255 255 / 5%); padding: 5px; border-radius: 10px;}
section .populars li {border-bottom: 1px solid rgb(255 255 255 / 5%);}
section .populars li a {display: flex; justify-content: flex-start; align-items: center; padding: 5px; border-radius: 8px;}
section .populars li:hover a {background: rgb(255 255 255 / 5%);}
section .populars li:last-of-type {border: none;}
section .populars li .cover {width: 120px; background-color: #222; border-radius: 6px;}
section .populars .list-text {width: calc(100% - 120px); padding-left: 10px;}
section .populars .list-text .date {color: #97a6bf; font-size: 13px; display: flex; justify-content: flex-start; align-items: center;}
section .populars .list-text .date i {margin-right: 5px; font-size: 16px; color: #02e4ca; display: none;}
section .populars .list-text .date d {font-weight: 500; margin-right: 3px;}
section .populars .list-text .title {display: block; line-height: 18px; font-size: 15px; margin-top: 3px; color: #c8d0dd; max-height: 35px; overflow: hidden;}

.clock {height: 42px; width: 110px; background: rgb(255 255 255 / 5%); border-radius: 10px; font-family: 'Exo 2'; font-weight: 100;}
.clock span {margin-bottom: 0;}

#screen {margin-bottom: 30px; width: 100%; background: #0a0a0a; color: #fff; text-shadow: 2px 0 rgba(255, 0, 0, 0.9), -2px 0 rgba(0, 0, 255, 0.9); border-radius: 10px; overflow: hidden; box-shadow: 0 40px 10px -25px rgb(0 0 0 / 30%);}
#screen.on {background-color: #222;}
#screen:after {content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 33.3%, rgba(255, 255, 255, 0.4) 33.3%, rgba(255, 255, 255, 0.4) 66.7%, rgba(255, 255, 255, 0.6) 66.7%), -webkit-linear-gradient(left, rgba(255, 0, 0, 0.7) 33.3%, rgba(0, 255, 0, 0.7) 33.3%, rgba(0, 255, 0, 0.6) 66.7%, rgba(0, 0, 255, 0.6) 66.7%);
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 33.3%, rgba(255, 255, 255, 0.4) 33.3%, rgba(255, 255, 255, 0.4) 66.7%, rgba(255, 255, 255, 0.6) 66.7%), -webkit-linear-gradient(left, rgba(255, 0, 0, 0.7) 33.3%, rgba(0, 255, 0, 0.7) 33.3%, rgba(0, 255, 0, 0.6) 66.7%, rgba(0, 0, 255, 0.6) 66.7%);
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 33.3%, rgba(255, 255, 255, 0.4) 33.3%, rgba(255, 255, 255, 0.4) 66.7%, rgba(255, 255, 255, 0.6) 66.7%), linear-gradient(to right, rgba(255, 0, 0, 0.7) 33.3%, rgba(0, 255, 0, 0.7) 33.3%, rgba(0, 255, 0, 0.6) 66.7%, rgba(0, 0, 255, 0.6) 66.7%);
    background-size: 3px 3px; mix-blend-mode: multiply; border-radius: 10px; background-color: #00f;
}
#content {background-color: #b0b0b0; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center; overflow: hidden; height: 0; position: relative;}
.on #content {animation: screen-turn-on .4s linear .5s 1 forwards;}
#content-holder {position: absolute; padding: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center; overflow: hidden;}
#channel {position: absolute; top: 15px; left: 15px; display: flex; justify-content: flex-start; align-items: center; font-size: 22px; font-family: "Tahoma", monospace; color: #00c8ff; z-index: 10;
    /* animation: shiver 1s linear .5s infinite;  */
}
#channel img {width: 50px; margin-right: 15px; overflow: hidden; border-radius: 6px;}
#text {color: #ededed; text-align: left; font-weight: 200; text-transform: uppercase; font-size: 4vw; animation: shiver 1s linear .5s infinite;}
#power {bottom: 12px; width: 35px; height: 5px; position: absolute; right: 45px; background-color: #282828; cursor: pointer;}
.on #power {background-color: #0035ff; box-shadow: 0px 0px 20px 2px #0035ff;}

@keyframes screen-turn-on {
    0% {width: 0%; height: 1px; border-radius: 0px; background-color: #b0b0b0;}
    50% {width: 100%; height: 1px; border-radius: 0px; background-color: #b0b0b0;}
    51% {width: 100%; height: 1px; border-radius: 0px; background-color: #b0b0b0;}
    70% {width: 100%; height: 1px; border-radius: 0px; background-color: #b0b0b0;}
    80% {width: 100%; height: 100%; border-radius: 5px; background-color: #b0b0b0;}
    100% {width: 100%; height: 100%; border-radius: 5px; background-color: #454545;}
}
@keyframes shiver {
    0%   {  transform: translate(1px, 1px); text-shadow: 6px 0 rgba(255,0,0,0.9), -6px 0 rgba(0,0,255,0.9);  }
    5%   {  transform: translate(1px, 1px); text-shadow: 3px 0 rgba(255,0,0,0.9), -3px 0 rgba(0,0,255,0.9);  }
    10%  {  transform: translate(1px, 1px); text-shadow: 5px 0 rgba(255,0,0,0.9), -5px 0 rgba(0,0,255,0.9);  }
    15%  {  transform: translate(1px, 1px); text-shadow: 7px 0 rgba(255,0,0,0.9), -7px 0 rgba(0,0,255,0.9);  }
    20%  {  transform: translate(1px, 2px); text-shadow: 2px 0 rgba(255,0,0,0.9), -2px 0 rgba(0,0,255,0.9);  }
    25%  {  transform: translate(1px, 2px); text-shadow: 2px 0 rgba(255,0,0,0.9), -2px 0 rgba(0,0,255,0.9);  }
    30%  {  transform: translate(1px, 2px); text-shadow: 3px 0 rgba(255,0,0,0.9), -3px 0 rgba(0,0,255,0.9);  }
    35%  {  transform: translate(1px, 2px); text-shadow: 2px 0 rgba(255,0,0,0.9), -2px 0 rgba(0,0,255,0.9);  }
    40%  {  transform: translate(2px, 1px); text-shadow: 2px 0 rgba(255,0,0,0.9), -2px 0 rgba(0,0,255,0.9);  }
    45%  {  transform: translate(2px, 1px); text-shadow: 3px 0 rgba(255,0,0,0.9), -3px 0 rgba(0,0,255,0.9);  }
    50%  {  transform: translate(2px, 1px); text-shadow: 3px 0 rgba(255,0,0,0.9), -3px 0 rgba(0,0,255,0.9);  }
    55%  {  transform: translate(2px, 1px); text-shadow: 4px 0 rgba(255,0,0,0.9), -4px 0 rgba(0,0,255,0.9);  }
    60%  {  transform: translate(1px, 1px); text-shadow: 2px 0 rgba(255,0,0,0.9), -2px 0 rgba(0,0,255,0.9);  }
    65%  {  transform: translate(1px, 1px); text-shadow: 5px 0 rgba(255,0,0,0.9), -5px 0 rgba(0,0,255,0.9);  }
    70%  {  transform: translate(1px, 1px); text-shadow: 3px 0 rgba(255,0,0,0.9), -3px 0 rgba(0,0,255,0.9);  }
    75%  {  transform: translate(1px, 1px); text-shadow: 2px 0 rgba(255,0,0,0.9), -2px 0 rgba(0,0,255,0.9);  }
    80%  {  transform: translate(2px, 1px); text-shadow: 5px 0 rgba(255,0,0,0.9), -5px 0 rgba(0,0,255,0.9);  }
    85%  {  transform: translate(2px, 1px); text-shadow: 3px 0 rgba(255,0,0,0.9), -3px 0 rgba(0,0,255,0.9);  }
    90%  {  transform: translate(2px, 2px); text-shadow: 5px 0 rgba(255,0,0,0.9), -5px 0 rgba(0,0,255,0.9);  }
    95%  {  transform: translate(2px, 2px); text-shadow: 2px 0 rgba(255,0,0,0.9), -2px 0 rgba(0,0,255,0.9);  }
    100% {  transform: translate(1px, 2px); text-shadow: 3px 0 rgba(255,0,0,0.9), -3px 0 rgba(0,0,255,0.9);  }
}

section .video {background: #2b3650; border-radius: 10px; box-shadow: 0 40px 15px -20px rgb(0 0 0 / 20%);}
#player {display: block; width: calc(100% - 6px); border-radius: 10px; overflow: hidden; background: #000; margin-bottom: 30px; border: 3px solid #2b3650;}
#player > pjsdiv:last-of-type {border-radius: 10px;}
.view #player {margin-bottom: 0;}

.audioPlayer {width: 100%; min-width: 300px; height: 56px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07); display: flex; justify-content: space-between; align-items: center; padding-left: 24px; padding-right: 24px; border-radius: 4px; user-select: none; -webkit-user-select: none; background-color: #fff; z-index: 10;}
.audioPlayer .play-pause-btn {display: none; cursor: pointer;}
.audioPlayer .spinner {width: 18px; height: 18px; background-image: url(assets/AudioJS/loading.png); background-size: cover; background-repeat: no-repeat; animation: spin 0.4s linear infinite;}
.audioPlayer .slider {flex-grow: 1; background-color: #D8D8D8; cursor: pointer; position: relative;}
.audioPlayer .slider .progress {background-color: #97a6bf; border-radius: inherit; position: absolute; pointer-events: none;}
.audioPlayer .slider .progress .pin {height: 16px; width: 16px; border-radius: 8px; background-color: #02e4ca; position: absolute; pointer-events: all; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);}
.audioPlayer .controls {font-family: "Roboto", sans-serif; font-size: 16px; line-height: 18px; color: #55606E; display: flex; flex-grow: 1; justify-content: space-between; align-items: center; margin-left: 24px; margin-right: 24px;}
.audioPlayer .controls .slider {margin-left: 16px; margin-right: 16px; border-radius: 2px; height: 4px;}
.audioPlayer .controls .slider .progress {width: 0; height: 100%;}
.audioPlayer .controls .slider .progress .pin {right: -8px; top: -6px;}
.audioPlayer .controls span {cursor: default;}
.audioPlayer .volume {position: relative;}
.audioPlayer .volume .volume-btn {cursor: pointer;}
.audioPlayer .volume .volume-btn.open path {fill: #02e4ca;}
.audioPlayer .volume .volume-controls {width: 30px; height: 135px; background-color: rgba(0, 0, 0, 0.62); border-radius: 7px; position: absolute; left: -3px; bottom: 35px; flex-direction: column; align-items: center; display: flex;}
.audioPlayer .volume .volume-controls.hidden {display: none;}
.audioPlayer .volume .volume-controls .slider {margin-top: 12px; margin-bottom: 12px; width: 6px; border-radius: 3px;}
.audioPlayer .volume .volume-controls .slider .progress {bottom: 0; height: 100%; width: 6px;}
.audioPlayer .volume .volume-controls .slider .progress .pin {left: -5px; top: -8px;}
@keyframes spin {
  from {transform: rotateZ(0);}
  to {transform: rotateZ(1turn);}
}

.series {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 5px 5px 0px 5px; border-bottom: 1px solid #293342;}
.series li {margin: 0 5px 5px 0;}
.series li a {display: inline-block; padding: 7px 10px; background: rgb(255 255 255 / 10%); font-size: 14px; border-radius: 6px; color: #c8d0dd; font-weight: 500;}
.series li a:hover {background: linear-gradient(220deg, #02e4ca, #00addd); color: #181e2f;}
.series li a.active {background: linear-gradient(220deg, #00ffe2, #00c8ff); color: #181e2f;}

footer, footer::before {background-color: transparent !important;}
footer .flex {border-top: 1px solid #2b3650; padding: 30px 0;}
footer .head {font-weight: 500;}
footer .head::before {border-top-color: #00c8ff;}
footer ul {display: block; color: #ccc;}
footer ul li a {display: inline-block; width: fit-content; padding: 5px 0; font-size: 17px; color: #97a6bf;}
footer ul li a:hover {background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}
footer i {background-image: linear-gradient(220deg, #00ffe2, #00c8ff); -webkit-background-clip: text; background-clip: text; color: transparent;}
footer p, footer span {font-size: 17px; color: #97a6bf;}
footer p i {font-size: 20px;}
footer .contacts a {color: #97a6bf; text-decoration: underline;}
footer .contacts a:hover {color: #97a6bf; text-decoration: none;}

.social-links {display: flex; justify-content: flex-start; align-items: center; margin: 10px 0;}
.social-links a {margin-right: 10px; border: none; border-radius: 6px; background: linear-gradient(30deg, #293342, #2d405c);}
.social-links a:hover {border: none; background: linear-gradient(220deg, #02e4ca, #3e5270);}

.block.made {color: #97a6bf;}
.block.made::before {border-color: #2b3650;}

/* Admin */
section.home [viewid]:not(.view) {padding-top: 0 !important; margin-top: 0 !important;}
section.home [viewid]:not(.add-record-close)::before {display: none !important;}
section.home #addrecord {display: none;}

#totop {background: linear-gradient(30deg, #02e4ca, #00addd); border-radius: 8px 0 0 8px;}
#totop:hover {background: linear-gradient(220deg, #02e4ca, #3e5270);}

.coockie {background: #293342AA; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border: none;}
.coockie p {color: #fff;}
.coockie a {background: linear-gradient(220deg, #02e4ca, #00addd);}
.coockie a:hover {background: linear-gradient(220deg, #00ffe2, #00c8ff);}

.coockie a {box-shadow: inset 0 -3px 0px rgb(255 255 255 / 20%), inset 0 8px 5px -2px rgb(24 31 47 / 20%);}

@media screen and (min-width: 1280px){
    
}
@media screen and (max-width: 2560px){
    
}
@media screen and (max-width: 1920px){

}
@media screen and (max-width: 1440px){
    
}
@media screen and (max-width: 1366px){
    [gadget="mobile"] .mobile {display: none;}
}
@media screen and (max-width: 1280px){
    
}
@media screen and (max-width: 1024px){
    [gadget="mobile"] .mobile {display: block;}
    .top-nav header nav .searchpanel {display: none;}
    .clock {position: absolute; top: 8px;}

    #root::before {left: -15vh; bottom: -25vh;}
    #root::after {right: -30vh; top: 20vh;}
    #breadcrumbs {padding: 0 5px;}
    nav.fixed {border-top: none; height: 50px;}
    nav.fixed.active {border-top: none; height: 100vh;}

    #listener {height: 100vh !important;}

    #page {padding-top: 60px;}
    header::before {position: fixed; content: ''; left: 0; top: 0; width: 100%; height: 60px; background: #181e2fDD; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);}
    header a.logo {position: fixed; top: 8px; left: 10px;}
    header a.logo img {height: 45px;;}
    header nav ul.main-nav > li > a {background: transparent;}
    
    .top-nav header #mobilenav div {border-radius: 2.5px; height: 5px !important;}
    .top-nav header #mobilenav div:nth-child(2) {margin: 5px 0 !important;}
    .top-nav header:not(.active) #mobilenav:hover div {width: 35px;}

    .top-nav header div.contacts {display: none;}
    .top-nav header {height: 100vh; left: -325px; width: 325px; right: unset; overflow: visible; flex-direction: column-reverse; background: transparent; justify-content: center; border: none;}
    .top-nav header #mobilenav {position: fixed; top: 5px; right: 5px;}
    .top-nav header #mobilenav div {background: linear-gradient(220deg, #02e4ca, #00addd) !important; height: 4px;}
    .top-nav header nav,
    .top-nav header nav.fixed {position: fixed; flex-direction: column; align-items: flex-start; border: none; height: 100vh; width: 100vw; left: 0; top: 0; padding: 0 0 50px 0; background: linear-gradient(220deg, #181e2f, #293342); border-radius: 50px; pointer-events: none; opacity: 0; transform: scale(0.5); transition: 0.75s;}
    .top-nav header.active nav,
    .top-nav header.active nav.fixed {pointer-events: initial; border-radius: 0; transform: scale(1); opacity: 1;}
    .top-nav header nav a.logo {display: block !important; position: absolute; left: 50px; top: 100px; transition: 0.75s; transition-delay: 0.5s; transform: translateX(100px); opacity: 0;}
    .top-nav header nav a.logo img {height: 95px;}
    .top-nav header.active nav a.logo {transform: translateX(0px); opacity: 1;}

    .top-nav header nav .flex {overflow: visible; flex-direction: column-reverse; justify-content: center; height: 100%; padding: 0 50px;}
    .top-nav header nav ul.main-nav {flex-direction: column; overflow: visible !important; margin: 140px 0 0 0 !important; padding-left: 20px;}
    .top-nav header nav ul.main-nav li {padding: 0;} 
    .top-nav header nav ul.main-nav li a {color: #fff; padding: 10px;}
    .top-nav header nav ul.main-nav > li > a {font-size: 1.5em; padding: 10px 10px 10px 60px !important;}
    .top-nav header nav ul.main-nav li ul {position: relative; display: block; visibility: visible; opacity: 1; background: transparent; margin: 0 0 0 15px !important; border-radius: 0;}
    .top-nav header nav ul.main-nav li ul a {color: #c8d0dd; font-weight: 300; padding: 6px 10px; font-size: 1.2em;}
    .top-nav header nav ul.main-nav li ul::before {position: absolute; content: ''; top: 0; left: 0; height: 0; width: 1px; background: linear-gradient(30deg, #02e4ca, #00addd); transition: 0.75s; transition-delay: 0.5s;}
    .top-nav header.active nav ul.main-nav li ul::before {height: 100%;}

    header nav ul.main-nav > li:hover a {background: none;}
    header nav ul.main-nav > li i {left: 0; top: 10px;}
    header nav ul.main-nav > li > a::after {top: 27px; left: 37px;}
    header nav ul.main-nav:hover {box-shadow: none;}

    form.searchpanel {position: fixed; top: 10px; right: 60px; margin: 0; width: fit-content;}
    form.searchpanel input {width: 65px;}
    form.searchpanel input:focus {width: calc(100vw - 220px);}

    .TheCarusel {padding-top: 0 !important; padding-bottom: 0 !important;}
    .TheCarusel .block {padding: 0;}
    .TheCarusel .cnav {padding: 0 10px 0 10px;}
    .TheCarusel .cnav > a {padding-right: 10px;}
    .TheCarusel .slider-block {padding: 0 0 10px 10px;}
    .TheCarusel .slider-block ul {padding-right: 20px;}
    .TheCarusel .slider-block ul li {max-width: 60vw;}
    .TheCarusel .slider-block ul li div.cover a {bottom: auto; top: 0;}
    .TheCarusel .slider-block ul li .poster {box-shadow: 0 20px 10px -15px rgba(0 0 0 / 25%);}
    .TheCarusel .carusel-nav {bottom: 0; left: auto; right: 0; padding: 0 !important;}

    .CaruselCinema .slider-block ul li {max-width: 28vw;}
    .CaruselTV .slider-block ul li {max-width: 20vw;}
    .CaruselRadio .slider-block ul li {max-width: 28vw;}

    ul#pagesnav {margin: 20px 0;}

    .channels {right: -300px; top: 60px; height: calc(100vh - 60px); transition-delay: 0;}

    .Channel {padding: 15px 10px 0 10px !important;}
    .Channel:last-of-type {padding: 15px 10px 50px 10px !important;}
    .Channel .tapes {padding: 0;}
    .TheCarusel .carusel-nav {padding: 0 0 0 20px;}

    section .case .populars {overflow: hidden; overflow-x: auto; height: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, 1fr); padding-bottom: 10px;}
    section .case .populars li {width: 100%;}
    section .case .populars .cover {width: 120px;}
    section .case .populars li:nth-of-type(5n) {border: none;}
    section .case .populars li:nth-last-child(n+6):first-child ~ li {width: calc(100vw - 30px); margin-right: 10px;}

    footer .flex > div {padding: 10px 30px; border-bottom: none;}
    footer .head {padding-bottom: 7px; margin-top: 0; margin-bottom: 0;}
    footer ul {display: flex;}
    footer ul li {margin-right: 15px;}
}
@media screen and (max-width: 800px){
    .channels:hover {right: -300px;}
    .channels.active {right: 0; box-shadow: 0 0 50px rgb(20 27 33 / 100%), 0 0 50px rgb(20 27 33 / 100%), 0 0 50px 200px rgb(20 27 33 / 90%);}
    .channels.active a.more::before {background: linear-gradient(220deg, #00ffe2, #00c8ff);}
}
@media screen and (max-width: 540px){
    #breadcrumbs ol li:nth-of-type(5) {display: none;}
    section .video {width: 100vw; margin-left: -10px;}
}