spacedeck-open/public/stylesheets/style.css

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;900&display=swap");
@font-face {
  font-family: 'icon';
  src: url("../fonts/icon-regular-webfont.eot");
  src: url("../fonts/icon-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/icon-regular-webfont.woff") format("woff"), url("../fonts/icon-regular-webfont.ttf") format("truetype"), url("../fonts/icon-regular-webfont.svg#iconregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-bullet:before {
  content: "\2022"; }

.icon-hyphen:before {
  content: "\002D"; }

.icon-Euro:before {
  content: "\20AC"; }

.icon-minus:before, .btn-less:before {
  content: "\2212"; }

.icon-plus:before, .btn-more:before {
  content: "\002B"; }

.icon-cloud:before {
  content: "\2601"; }

.icon-lightning:before {
  content: "\2607"; }

.icon-heartsuitblack:before {
  content: "\2665"; }

.icon-whiteFlag:before {
  content: "\2690"; }

.icon-blackFlag:before {
  content: "\2691"; }

.icon-crossedSwords:before {
  content: "\2694"; }

.icon-blackScissorsRight:before {
  content: "\2702"; }

.icon-airplane:before {
  content: "\2708"; }

.icon-envelope:before {
  content: "\2709"; }

.icon-pencil:before {
  content: "\270F"; }

.icon-sparkle:before {
  content: "\2747"; }

.icon-at:before {
  content: "\0040"; }

.icon-copyright:before {
  content: "\00A9"; }

.icon-registered:before {
  content: "\00AE"; }

.icon-section:before {
  content: "\00A7"; }

.icon-battery:before {
  content: "\1F50B"; }

.icon-bell:before {
  content: "\1F514"; }

.icon-bookmark:before {
  content: "\1F516"; }

.icon-calendar:before {
  content: "\1F4C5"; }

.icon-camera:before {
  content: "\1F4F7"; }

.icon-clipboard:before {
  content: "\1F4CB"; }

.icon-hourglass:before {
  content: "\231B"; }

.icon-microphone:before {
  content: "\1F3A4"; }

.icon-newspaper:before {
  content: "\1F4F0"; }

.icon-paperclip:before {
  content: "\1F4CE"; }

.icon-radio:before {
  content: "\1F4FB"; }

.icon-wrench:before {
  content: "\1F527"; }

.icon-align-bottom:before {
  content: "\E004"; }

.icon-align-center-horizontal:before {
  content: "\E005"; }

.icon-align-center-vertical:before {
  content: "\E006"; }

.icon-align-left:before {
  content: "\E007"; }

.icon-align-right:before {
  content: "\E008"; }

.icon-align-to-canvas:before {
  content: "\E009"; }

.icon-align-top:before {
  content: "\E00A"; }

.icon-align-vertical-bottom:before {
  content: "\E00B"; }

.icon-align-vertical-middle:before {
  content: "\E00C"; }

.icon-align-vertical-top:before {
  content: "\E00D"; }

.icon-antenna:before {
  content: "\E00E"; }

.icon-application:before {
  content: "\E00F"; }

.icon-arrow-0:before {
  content: "\E010"; }

.icon-arrow-1:before {
  content: "\E011"; }

.icon-arrow-2:before {
  content: "\E012"; }

.icon-arrow-3:before {
  content: "\E013"; }

.icon-arrow-4:before {
  content: "\E014"; }

.icon-arrow-bottom-light:before {
  content: "\E015"; }

.icon-arrow-down:before {
  content: "\E016"; }

.icon-arrow-fork:before {
  content: "\E017"; }

.icon-arrow-horizontal:before {
  content: "\E018"; }

.icon-arrow-left:before {
  content: "\E019"; }

.icon-arrow-left-down:before {
  content: "\E01A"; }

.icon-arrow-left-light:before {
  content: "\E01B"; }

.icon-arrow-left-up:before {
  content: "\E01C"; }

.icon-arrow-merge:before {
  content: "\E01D"; }

.icon-arrow-right:before {
  content: "\E01E"; }

.icon-arrow-right-down:before {
  content: "\E01F"; }

.icon-arrow-right-light:before {
  content: "\E020"; }

.icon-arrow-right-up:before {
  content: "\E021"; }

.icon-arrow-thin-down:before {
  content: "\E022"; }

.icon-arrow-thin-left:before {
  content: "\E023"; }

.icon-arrow-thin-right:before {
  content: "\E024"; }

.icon-arrow-thin-up:before {
  content: "\E025"; }

.icon-arrow-top:before {
  content: "\E026"; }

.icon-arrow-top-light:before {
  content: "\E027"; }

.icon-arrow-vertical:before {
  content: "\E028"; }

.icon-arrows-horizontal:before {
  content: "\E029"; }

.icon-arrows-in:before {
  content: "\E02A"; }

.icon-arrows-out:before {
  content: "\E02B"; }

.icon-arrows-thin-horizontal:before {
  content: "\E02C"; }

.icon-arrows-thin-vertical:before {
  content: "\E02D"; }

.icon-arrows-vertical:before {
  content: "\E02E"; }

.icon-ban-0:before {
  content: "\E02F"; }

.icon-ban-1:before {
  content: "\E030"; }

.icon-ban-2:before {
  content: "\E031"; }

.icon-ban-3:before {
  content: "\E032"; }

.icon-ban-4:before {
  content: "\E033"; }

.icon-bar-code:before {
  content: "\E034"; }

.icon-battery-0:before {
  content: "\E035"; }

.icon-battery-1:before {
  content: "\E036"; }

.icon-battery-2:before {
  content: "\E037"; }

.icon-battery-3:before {
  content: "\E038"; }

.icon-battery-4:before {
  content: "\E039"; }

.icon-battery-5:before {
  content: "\E03A"; }

.icon-battery-6:before {
  content: "\E03B"; }

.icon-battery-7:before {
  content: "\E03C"; }

.icon-battery-8:before {
  content: "\E03D"; }

.icon-battery-loading:before {
  content: "\E03E"; }

.icon-beverage-beer:before {
  content: "\E03F"; }

.icon-beverage-cocktail:before {
  content: "\E040"; }

.icon-beverage-wine:before {
  content: "\E041"; }

.icon-book:before {
  content: "\E042"; }

.icon-book-contacts:before {
  content: "\E043"; }

.icon-book-open:before {
  content: "\E044"; }

.icon-border-dashed:before {
  content: "\E045"; }

.icon-border-dotted:before {
  content: "\E046"; }

.icon-border-radius:before {
  content: "\E047"; }

.icon-border-solid:before {
  content: "\E048"; }

.icon-brightness:before {
  content: "\E049"; }

.icon-calculator:before {
  content: "\E04A"; }

.icon-calculator-black:before {
  content: "\E04B"; }

.icon-camera-black:before {
  content: "\E04C"; }

.icon-canvas:before {
  content: "\E04D"; }

.icon-canvas-square:before {
  content: "\E04E"; }

.icon-cd:before {
  content: "\E04F"; }

.icon-certificate:before {
  content: "\E050"; }

.icon-chart-0:before {
  content: "\E051"; }

.icon-chart-1:before {
  content: "\E052"; }

.icon-chart-2:before {
  content: "\E053"; }

.icon-chart-3:before {
  content: "\E054"; }

.icon-chart-4:before {
  content: "\E055"; }

.icon-chart-5:before {
  content: "\E056"; }

.icon-chart-6:before {
  content: "\E057"; }

.icon-chart-7:before {
  content: "\E058"; }

.icon-chart-8:before {
  content: "\E059"; }

.icon-chart-bars:before {
  content: "\E05A"; }

.icon-check:before {
  content: "\E05B"; }

.icon-chevron-down-0:before {
  content: "\E05C"; }

.icon-chevron-down-1:before {
  content: "\E05D"; }

.icon-chevron-down-2:before {
  content: "\E05E"; }

.icon-chevron-down-3:before {
  content: "\E05F"; }

.icon-chevron-down-4:before {
  content: "\E060"; }

.icon-chevron-left-0:before {
  content: "\E061"; }

.icon-chevron-left-1:before {
  content: "\E062"; }

.icon-chevron-left-2:before {
  content: "\E063"; }

.icon-chevron-left-3:before {
  content: "\E064"; }

.icon-chevron-left-4:before {
  content: "\E065"; }

.icon-chevron-right-0:before {
  content: "\E066"; }

.icon-chevron-right-1:before {
  content: "\E067"; }

.icon-chevron-right-2:before {
  content: "\E068"; }

.icon-chevron-right-3:before {
  content: "\E069"; }

.icon-chevron-right-4:before {
  content: "\E06A"; }

.icon-chevron-up-0:before {
  content: "\E06B"; }

.icon-chevron-up-1:before {
  content: "\E06C"; }

.icon-chevron-up-2:before {
  content: "\E06D"; }

.icon-chevron-up-3:before {
  content: "\E06E"; }

.icon-chevron-up-4:before {
  content: "\E06F"; }

.icon-circle-0:before {
  content: "\E070"; }

.icon-circle-1:before {
  content: "\E071"; }

.icon-circle-2:before {
  content: "\E072"; }

.icon-circle-3:before {
  content: "\E073"; }

.icon-circle-4:before {
  content: "\E074"; }

.icon-circle-check:before {
  content: "\E075"; }

.icon-circle-down:before {
  content: "\E076"; }

.icon-circle-exclude:before {
  content: "\E077"; }

.icon-circle-info:before {
  content: "\E078"; }

.icon-circle-intersect:before {
  content: "\E079"; }

.icon-circle-left:before {
  content: "\E07A"; }

.icon-circle-minus:before {
  content: "\E07B"; }

.icon-circle-plus:before {
  content: "\E07C"; }

.icon-circle-question:before {
  content: "\E07D"; }

.icon-circle-remove:before {
  content: "\E07E"; }

.icon-circle-right:before {
  content: "\E07F"; }

.icon-circle-subtract:before {
  content: "\E080"; }

.icon-circle-unite:before {
  content: "\E081"; }

.icon-circle-up:before {
  content: "\E082"; }

.icon-circle-warning:before {
  content: "\E083"; }

.icon-clock:before {
  content: "\E084"; }

.icon-cloud-down:before {
  content: "\E085"; }

.icon-cloud-upload:before {
  content: "\E086"; }

.icon-cluster:before {
  content: "\E087"; }

.icon-cogwheel:before {
  content: "\E088"; }

.icon-columns:before {
  content: "\E089"; }

.icon-columns-3:before {
  content: "\E08A"; }

.icon-compass:before {
  content: "\E08B"; }

.icon-compass-east:before {
  content: "\E08C"; }

.icon-compass-north:before {
  content: "\E08D"; }

.icon-compass-north-east:before {
  content: "\E08E"; }

.icon-compass-north-west:before {
  content: "\E08F"; }

.icon-compass-south:before {
  content: "\E090"; }

.icon-compass-south-east:before {
  content: "\E091"; }

.icon-compass-south-west:before {
  content: "\E092"; }

.icon-compass-west:before {
  content: "\E093"; }

.icon-contrast:before {
  content: "\E094"; }

.icon-controls-backward:before {
  content: "\E095"; }

.icon-controls-eject:before {
  content: "\E096"; }

.icon-controls-fast-backward:before {
  content: "\E097"; }

.icon-controls-fast-forward:before {
  content: "\E098"; }

.icon-controls-forward:before {
  content: "\E099"; }

.icon-controls-pause:before {
  content: "\E09A"; }

.icon-controls-play:before {
  content: "\E09B"; }

.icon-controls-stop:before {
  content: "\E09C"; }

.icon-couple:before {
  content: "\E09D"; }

.icon-creditcard:before {
  content: "\E09E"; }

.icon-cross-0:before {
  content: "\E09F"; }

.icon-cross-1:before {
  content: "\E0A0"; }

.icon-cross-2:before {
  content: "\E0A1"; }

.icon-cross-3:before {
  content: "\E0A2"; }

.icon-cross-4:before {
  content: "\E0A3"; }

.icon-cross-hair:before {
  content: "\E0A4"; }

.icon-cullumn-spacing:before {
  content: "\E0A5"; }

.icon-currency-dollar:before {
  content: "\E0A6"; }

.icon-currency-pound:before {
  content: "\E0A7"; }

.icon-cursor-text:before {
  content: "\E0A8"; }

.icon-cursor-text-frame:before {
  content: "\E0A9"; }

.icon-curved-arrow:before {
  content: "\E0AA"; }

.icon-cuttlery:before {
  content: "\E0AB"; }

.icon-dashboard:before {
  content: "\E0AC"; }

.icon-device-desktop:before {
  content: "\E0AD"; }

.icon-device-mobile:before {
  content: "\E0AE"; }

.icon-device-mobile-down:before {
  content: "\E0AF"; }

.icon-device-mobile-transfer:before {
  content: "\E0B0"; }

.icon-device-mobile-up:before {
  content: "\E0B1"; }

.icon-device-mp3:before {
  content: "\E0B2"; }

.icon-device-notebook:before {
  content: "\E0B3"; }

.icon-device-tablet:before {
  content: "\E0B4"; }

.icon-directions-axis:before {
  content: "\E0B5"; }

.icon-directions-omni:before {
  content: "\E0B6"; }

.icon-directions-seperate:before {
  content: "\E0B7"; }

.icon-distribute-horizontal:before {
  content: "\E0B8"; }

.icon-distribute-vertical:before {
  content: "\E0B9"; }

.icon-download:before {
  content: "\E0BA"; }

.icon-duplicate:before {
  content: "\E0BB"; }

.icon-duplicate-alt:before {
  content: "\E0BC"; }

.icon-edge-bottom:before {
  content: "\E0BD"; }

.icon-edge-left:before {
  content: "\E0BE"; }

.icon-edge-right:before {
  content: "\E0BF"; }

.icon-edge-top:before {
  content: "\E0C0"; }

.icon-ellipse-horizontal:before {
  content: "\E0C1"; }

.icon-ellipse-vertical:before {
  content: "\E0C2"; }

.icon-embed:before {
  content: "\E0C3"; }

.icon-embed-alt:before {
  content: "\E0C4"; }

.icon-emote-1:before {
  content: "\E0C5"; }

.icon-emote-2:before {
  content: "\E0C6"; }

.icon-emote-3:before {
  content: "\E0C7"; }

.icon-emote-4:before {
  content: "\E0C8"; }

.icon-emote-big-smile:before {
  content: "\E0C9"; }

.icon-emote-only-happy:before {
  content: "\E0CA"; }

.icon-emote-sad:before {
  content: "\E0CB"; }

.icon-emote-smile:before {
  content: "\E0CC"; }

.icon-emote-tongue:before {
  content: "\E0CD"; }

.icon-escape:before {
  content: "\E0CE"; }

.icon-eye-closed:before {
  content: "\E0CF"; }

.icon-eye-open:before {
  content: "\E0D0"; }

.icon-feather:before {
  content: "\E0D1"; }

.icon-female:before {
  content: "\E0D2"; }

.icon-female-afro:before {
  content: "\E0D3"; }

.icon-female-bun:before {
  content: "\E0D4"; }

.icon-female-emo:before {
  content: "\E0D5"; }

.icon-female-long-hair:before {
  content: "\E0D6"; }

.icon-female-moslem:before {
  content: "\E0D7"; }

.icon-female-pigtails:before {
  content: "\E0D8"; }

.icon-female-pigtails-alt:before {
  content: "\E0D9"; }

.icon-female-user:before {
  content: "\E0DA"; }

.icon-fetch:before {
  content: "\E0DB"; }

.icon-file-check:before {
  content: "\E0DC"; }

.icon-file-edit:before {
  content: "\E0DD"; }

.icon-file-share:before {
  content: "\E0DE"; }

.icon-fit-to:before {
  content: "\E0DF"; }

.icon-flag:before {
  content: "\E0E0"; }

.icon-flip-down:before {
  content: "\E0E1"; }

.icon-flip-left:before {
  content: "\E0E2"; }

.icon-flip-right:before {
  content: "\E0E3"; }

.icon-flip-up:before {
  content: "\E0E4"; }

.icon-floppydisk:before {
  content: "\E0E5"; }

.icon-flow:before {
  content: "\E0E6"; }

.icon-folder:before, #folder-grid .item.folder-up:before,
#folder-grid .item.folder .item-type:before {
  content: "\E0E7"; }

.icon-folder-down:before {
  content: "\E0E8"; }

.icon-folder-favorites:before {
  content: "\E0E9"; }

.icon-folder-flagged:before {
  content: "\E0EA"; }

.icon-folder-leave:before {
  content: "\E0EB"; }

.icon-folder-locked:before {
  content: "\E0EC"; }

.icon-folder-minus:before {
  content: "\E0ED"; }

.icon-folder-open:before {
  content: "\E0EE"; }

.icon-folder-open-2:before {
  content: "\E0EF"; }

.icon-folder-plus:before {
  content: "\E0F0"; }

.icon-folder-remove:before {
  content: "\E0F1"; }

.icon-folder-shared:before {
  content: "\E0F2"; }

.icon-folder-up:before {
  content: "\E0F3"; }

.icon-form-exclude:before {
  content: "\E0F4"; }

.icon-form-intersect:before {
  content: "\E0F5"; }

.icon-form-subtract:before {
  content: "\E0F6"; }

.icon-form-unite:before {
  content: "\E0F7"; }

.icon-full-screen:before {
  content: "\E0F8"; }

.icon-fullscreen-off:before {
  content: "\E0F9"; }

.icon-fullscreen-on:before {
  content: "\E0FA"; }

.icon-globe:before {
  content: "\E0FB"; }

.icon-grid:before {
  content: "\E0FC"; }

.icon-grid-free:before {
  content: "\E0FD"; }

.icon-grid-small:before {
  content: "\E0FE"; }

.icon-group:before {
  content: "\E0FF"; }

.icon-handle:before {
  content: "\E100"; }

.icon-harddrive:before {
  content: "\E101"; }

.icon-heading:before {
  content: "\E102"; }

.icon-headphones:before {
  content: "\E103"; }

.icon-heart:before {
  content: "\E104"; }

.icon-heart-hollow:before {
  content: "\E105"; }

.icon-history:before {
  content: "\E106"; }

.icon-home:before {
  content: "\E107"; }

.icon-human:before {
  content: "\E108"; }

.icon-inbox:before {
  content: "\E109"; }

.icon-info:before {
  content: "\E10A"; }

.icon-input-checkbox:before {
  content: "\E10B"; }

.icon-input-checkbox-checked:before, .checkbox.checked:before, .checkbox:hover:before, .checkbox:active:before {
  content: "\E10C"; }

.icon-input-radio:before, .radio:before,
.checkbox:before {
  content: "\E10D"; }

.icon-input-radio-checked:before, .radio.checked:before, .radio:hover:before, .radio:active:before {
  content: "\E10E"; }

.icon-leave:before {
  content: "\E10F"; }

.icon-lightbulb:before {
  content: "\E110"; }

.icon-line-0:before {
  content: "\E111"; }

.icon-line-1:before {
  content: "\E112"; }

.icon-line-2:before {
  content: "\E113"; }

.icon-line-3:before {
  content: "\E114"; }

.icon-line-4:before {
  content: "\E115"; }

.icon-line-half-0:before {
  content: "\E116"; }

.icon-line-half-1:before {
  content: "\E117"; }

.icon-line-half-2:before {
  content: "\E118"; }

.icon-line-half-3:before {
  content: "\E119"; }

.icon-line-half-4:before {
  content: "\E11A"; }

.icon-lines:before {
  content: "\E11B"; }

.icon-link:before {
  content: "\E11C"; }

.icon-link-closed:before {
  content: "\E11D"; }

.icon-link-closed-alt:before {
  content: "\E11E"; }

.icon-link-open:before {
  content: "\E11F"; }

.icon-link-open-alt:before {
  content: "\E120"; }

.icon-list:before {
  content: "\E121"; }

.icon-location:before {
  content: "\E122"; }

.icon-lock-closed:before {
  content: "\E123"; }

.icon-lock-open:before {
  content: "\E124"; }

.icon-login:before {
  content: "\E125"; }

.icon-logout:before {
  content: "\E126"; }

.icon-loop:before {
  content: "\E127"; }

.icon-magnet:before {
  content: "\E128"; }

.icon-mail:before {
  content: "\E129"; }

.icon-male:before {
  content: "\E12A"; }

.icon-male-add:before {
  content: "\E12B"; }

.icon-male-afro:before {
  content: "\E12C"; }

.icon-male-business:before {
  content: "\E12D"; }

.icon-male-cool:before {
  content: "\E12E"; }

.icon-male-emo:before {
  content: "\E12F"; }

.icon-male-flathat:before {
  content: "\E130"; }

.icon-male-gentleman:before {
  content: "\E131"; }

.icon-male-hoodie:before {
  content: "\E132"; }

.icon-male-jew:before {
  content: "\E133"; }

.icon-male-monk:before {
  content: "\E134"; }

.icon-male-moslem:before {
  content: "\E135"; }

.icon-male-mustache:before {
  content: "\E136"; }

.icon-male-punk:before {
  content: "\E137"; }

.icon-male-remove:before {
  content: "\E138"; }

.icon-male-scuba:before {
  content: "\E139"; }

.icon-male-soldier:before {
  content: "\E13A"; }

.icon-male-techno:before {
  content: "\E13B"; }

.icon-male-user:before {
  content: "\E13C"; }

.icon-megaphone:before {
  content: "\E13D"; }

.icon-menu:before {
  content: "\E13E"; }

.icon-menu-2:before {
  content: "\E13F"; }

.icon-message:before {
  content: "\E140"; }

.icon-message-add:before {
  content: "\E141"; }

.icon-message-blank:before {
  content: "\E142"; }

.icon-messages:before {
  content: "\E143"; }

.icon-microphone-off:before {
  content: "\E144"; }

.icon-mirror-horizontal:before {
  content: "\E145"; }

.icon-mirror-horizontal-alt:before {
  content: "\E146"; }

.icon-mirror-vertical:before {
  content: "\E147"; }

.icon-mirror-vertical-alt:before {
  content: "\E148"; }

.icon-moon-first-quarter:before {
  content: "\E149"; }

.icon-moon-full:before {
  content: "\E14A"; }

.icon-moon-new:before {
  content: "\E14B"; }

.icon-moon-third-quarter:before {
  content: "\E14C"; }

.icon-moon-waning-crescent:before {
  content: "\E14D"; }

.icon-moon-waning-gibbous:before {
  content: "\E14E"; }

.icon-moon-waxing-crescent:before {
  content: "\E14F"; }

.icon-moon-waxing-gibbous:before {
  content: "\E150"; }

.icon-move:before {
  content: "\E151"; }

.icon-move-down:before {
  content: "\E152"; }

.icon-move-left:before {
  content: "\E153"; }

.icon-move-right:before {
  content: "\E154"; }

.icon-move-up:before {
  content: "\E155"; }

.icon-movie:before {
  content: "\E156"; }

.icon-music-note:before {
  content: "\E157"; }

.icon-music-upload:before {
  content: "\E158"; }

.icon-newspaper-alt:before {
  content: "\E159"; }

.icon-padding:before {
  content: "\E15A"; }

.icon-padding-bottom:before {
  content: "\E15B"; }

.icon-padding-left:before {
  content: "\E15C"; }

.icon-padding-right:before {
  content: "\E15D"; }

.icon-padding-top:before {
  content: "\E15E"; }

.icon-page-horizontal:before, #folder-grid .item.space .item-type:before {
  content: "\E15F"; }

.icon-page-horizontal-down:before {
  content: "\E160"; }

.icon-page-horizontal-flag:before {
  content: "\E161"; }

.icon-page-horizontal-locked:before {
  content: "\E162"; }

.icon-page-horizontal-minus:before {
  content: "\E163"; }

.icon-page-horizontal-plus:before {
  content: "\E164"; }

.icon-page-horizontal-remove:before {
  content: "\E165"; }

.icon-page-horizontal-up:before {
  content: "\E166"; }

.icon-page-vert:before {
  content: "\E167"; }

.icon-page-vertical-double:before {
  content: "\E168"; }

.icon-page-vertical-down:before {
  content: "\E169"; }

.icon-page-vertical-flag:before {
  content: "\E16A"; }

.icon-page-vertical-image:before {
  content: "\E16B"; }

.icon-page-vertical-locked:before {
  content: "\E16C"; }

.icon-page-vertical-minus:before {
  content: "\E16D"; }

.icon-page-vertical-plus:before {
  content: "\E16E"; }

.icon-page-vertical-remove:before {
  content: "\E16F"; }

.icon-page-vertical-table:before {
  content: "\E170"; }

.icon-page-vertical-text:before {
  content: "\E171"; }

.icon-page-vertical-up:before {
  content: "\E172"; }

.icon-palette:before {
  content: "\E173"; }

.icon-palette-alt:before {
  content: "\E174"; }

.icon-paperplane:before {
  content: "\E175"; }

.icon-photofilm:before {
  content: "\E176"; }

.icon-picture:before {
  content: "\E177"; }

.icon-picture-landscape:before {
  content: "\E178"; }

.icon-picture-portrait:before {
  content: "\E179"; }

.icon-picture-upload:before {
  content: "\E17A"; }

.icon-pictures:before {
  content: "\E17B"; }

.icon-pin:before {
  content: "\E17C"; }

.icon-planet:before {
  content: "\E001"; }

.icon-point:before {
  content: "\E17D"; }

.icon-pointing-down:before {
  content: "\E17E"; }

.icon-pointing-left:before {
  content: "\E17F"; }

.icon-pointing-right:before {
  content: "\E180"; }

.icon-pointing-up:before {
  content: "\E181"; }

.icon-postcard:before {
  content: "\E182"; }

.icon-power-off:before {
  content: "\E183"; }

.icon-present:before {
  content: "\E184"; }

.icon-presentation:before {
  content: "\E185"; }

.icon-printer:before {
  content: "\E186"; }

.icon-pull:before {
  content: "\E187"; }

.icon-push:before {
  content: "\E188"; }

.icon-qr-code:before {
  content: "\E189"; }

.icon-quote:before {
  content: "\E18A"; }

.icon-radio-black:before {
  content: "\E18B"; }

.icon-random:before {
  content: "\E18C"; }

.icon-record:before {
  content: "\E18D"; }

.icon-redo:before {
  content: "\E18E"; }

.icon-resize-full:before {
  content: "\E18F"; }

.icon-resize-small:before {
  content: "\E190"; }

.icon-retweet:before {
  content: "\E191"; }

.icon-rings:before {
  content: "\E192"; }

.icon-road:before {
  content: "\E193"; }

.icon-rotate:before {
  content: "\E194"; }

.icon-rotate-2:before {
  content: "\E195"; }

.icon-rotate-3:before {
  content: "\E196"; }

.icon-rotate-left:before {
  content: "\E197"; }

.icon-rotate-right:before {
  content: "\E198"; }

.icon-rss:before {
  content: "\E199"; }

.icon-search:before {
  content: "\E000"; }

.icon-section-alt:before {
  content: "\E19A"; }

.icon-section-alt-2:before {
  content: "\E19B"; }

.icon-section-edit:before {
  content: "\E19C"; }

.icon-selection:before {
  content: "\E19D"; }

.icon-selection-circle:before {
  content: "\E19E"; }

.icon-selection-circle-strong:before {
  content: "\E19F"; }

.icon-selection-square:before {
  content: "\E1A0"; }

.icon-selection-square-strong:before {
  content: "\E1A1"; }

.icon-server:before {
  content: "\E1A2"; }

.icon-shape-bubble:before {
  content: "\E1A3"; }

.icon-shape-burst:before {
  content: "\E1A4"; }

.icon-shape-circle:before {
  content: "\E1A5"; }

.icon-shape-cloud:before {
  content: "\E1A6"; }

.icon-shape-cross:before {
  content: "\E1A7"; }

.icon-shape-heart:before {
  content: "\E1A8"; }

.icon-shape-hexagon:before {
  content: "\E1A9"; }

.icon-shape-octagon:before {
  content: "\E1AA"; }

.icon-shape-pentagon:before {
  content: "\E1AB"; }

.icon-shape-plus:before {
  content: "\E1AC"; }

.icon-shape-square:before {
  content: "\E1AD"; }

.icon-shape-star:before {
  content: "\E1AE"; }

.icon-shape-triangle:before {
  content: "\E1AF"; }

.icon-shapes:before {
  content: "\E1B0"; }

.icon-share:before {
  content: "\E1B1"; }

.icon-shopping-cart:before {
  content: "\E1B2"; }

.icon-signal:before {
  content: "\E1B3"; }

.icon-signal-alt:before {
  content: "\E1B4"; }

.icon-size:before {
  content: "\E1B5"; }

.icon-size-both:before {
  content: "\E1B6"; }

.icon-size-horizontal:before {
  content: "\E1B7"; }

.icon-size-vertical:before {
  content: "\E1B8"; }

.icon-social-dribbble:before {
  content: "\E1B9"; }

.icon-social-dropbox:before {
  content: "\E1BA"; }

.icon-social-facebook:before {
  content: "\E1BB"; }

.icon-social-flickr:before {
  content: "\E1BC"; }

.icon-social-google:before {
  content: "\E1BD"; }

.icon-social-soundcloud:before {
  content: "\E002"; }

.icon-social-square-dribbble:before {
  content: "\E1BE"; }

.icon-social-square-dropbox:before {
  content: "\E1BF"; }

.icon-social-square-facebook:before {
  content: "\E1C0"; }

.icon-social-square-flickr:before {
  content: "\E1C1"; }

.icon-social-square-google:before {
  content: "\E1C2"; }

.icon-social-square-soundcloud:before {
  content: "\E003"; }

.icon-social-square-tumblr:before {
  content: "\E1C3"; }

.icon-social-square-twitter:before {
  content: "\E1C4"; }

.icon-social-square-vimeo:before {
  content: "\E1C5"; }

.icon-social-square-vine:before {
  content: "\E1C6"; }

.icon-social-square-youtube:before {
  content: "\E1C7"; }

.icon-social-tumblr:before {
  content: "\E1C8"; }

.icon-social-twitter:before {
  content: "\E1C9"; }

.icon-social-vimeo:before {
  content: "\E1CA"; }

.icon-social-vine:before {
  content: "\E1CB"; }

.icon-social-youtube:before {
  content: "\E1CC"; }

.icon-sort-alphabetical-ascending:before {
  content: "\E1CD"; }

.icon-sort-alphabetical-descending:before {
  content: "\E1CE"; }

.icon-sort-ascending:before {
  content: "\E1CF"; }

.icon-sort-descending:before {
  content: "\E1D0"; }

.icon-sort-numerical-ascending:before {
  content: "\E1D1"; }

.icon-sort-numerical-descending:before {
  content: "\E1D2"; }

.icon-sorting:before {
  content: "\E1D3"; }

.icon-sorting-ascending:before {
  content: "\E1D4"; }

.icon-sorting-descending:before {
  content: "\E1D5"; }

.icon-sound-5-1:before {
  content: "\E1D6"; }

.icon-sound-6-1:before {
  content: "\E1D7"; }

.icon-sound-7-1:before {
  content: "\E1D8"; }

.icon-sound-dolby:before {
  content: "\E1D9"; }

.icon-sound-full:before {
  content: "\E1DA"; }

.icon-sound-off:before {
  content: "\E1DB"; }

.icon-sound-silent:before {
  content: "\E1DC"; }

.icon-sound-stereo:before {
  content: "\E1DD"; }

.icon-space-horizontal:before {
  content: "\E1DE"; }

.icon-space-shared:before {
  content: "\E1DF"; }

.icon-space-vertical:before {
  content: "\E1E0"; }

.icon-spacedeck-logo:before {
  content: "\E1E1"; }

.icon-spacing-horizontal:before {
  content: "\E1E2"; }

.icon-spacing-vertical:before {
  content: "\E1E3"; }

.icon-square-down:before {
  content: "\E1E4"; }

.icon-square-left:before {
  content: "\E1E5"; }

.icon-square-right:before {
  content: "\E1E6"; }

.icon-square-up:before {
  content: "\E1E7"; }

.icon-stack-3d:before {
  content: "\E1E8"; }

.icon-stack-3d-bottom:before {
  content: "\E1E9"; }

.icon-stack-3d-top:before {
  content: "\E1EA"; }

.icon-stack-bottom:before {
  content: "\E1EB"; }

.icon-stack-down:before {
  content: "\E1EC"; }

.icon-stack-top:before {
  content: "\E1ED"; }

.icon-stack-up:before {
  content: "\E1EE"; }

.icon-star:before {
  content: "\E1EF"; }

.icon-star-hollow:before {
  content: "\E1F0"; }

.icon-stash-apply:before {
  content: "\E1F1"; }

.icon-stash-save:before {
  content: "\E1F2"; }

.icon-statistic:before {
  content: "\E1F3"; }

.icon-step-backward:before {
  content: "\E1F4"; }

.icon-step-forward:before {
  content: "\E1F5"; }

.icon-stroke-weight:before {
  content: "\E1F6"; }

.icon-subtitles:before {
  content: "\E1F7"; }

.icon-suitcase:before {
  content: "\E1F8"; }

.icon-table:before {
  content: "\E1F9"; }

.icon-tag:before {
  content: "\E1FA"; }

.icon-tags:before {
  content: "\E1FB"; }

.icon-text-align-center:before {
  content: "\E1FC"; }

.icon-text-align-center-alt:before {
  content: "\E1FD"; }

.icon-text-align-justify:before {
  content: "\E1FE"; }

.icon-text-align-justify-alt:before {
  content: "\E1FF"; }

.icon-text-align-left:before {
  content: "\E200"; }

.icon-text-align-left-alt:before {
  content: "\E201"; }

.icon-text-align-right:before {
  content: "\E202"; }

.icon-text-align-right-alt:before {
  content: "\E203"; }

.icon-text-allcaps:before {
  content: "\E204"; }

.icon-text-bold:before {
  content: "\E205"; }

.icon-text-frame:before {
  content: "\E206"; }

.icon-text-indent:before {
  content: "\E207"; }

.icon-text-italic:before {
  content: "\E208"; }

.icon-text-list:before {
  content: "\E209"; }

.icon-text-list-alphabetical:before {
  content: "\E20A"; }

.icon-text-list-alt:before {
  content: "\E20B"; }

.icon-text-list-bullet:before {
  content: "\E20C"; }

.icon-text-list-numbered:before {
  content: "\E20D"; }

.icon-text-normal:before {
  content: "\E20E"; }

.icon-text-remove-format:before {
  content: "\E20F"; }

.icon-text-roman:before {
  content: "\E210"; }

.icon-text-size:before {
  content: "\E211"; }

.icon-text-strike:before {
  content: "\E212"; }

.icon-text-styles:before {
  content: "\E213"; }

.icon-text-sub:before {
  content: "\E214"; }

.icon-text-super:before {
  content: "\E215"; }

.icon-text-typeface:before {
  content: "\E216"; }

.icon-text-underline:before {
  content: "\E217"; }

.icon-text-unindent:before {
  content: "\E218"; }

.icon-text-uppercase:before {
  content: "\E219"; }

.icon-text-width:before {
  content: "\E21A"; }

.icon-thumbs-down:before {
  content: "\E21B"; }

.icon-thumbs-up:before {
  content: "\E21C"; }

.icon-tint:before {
  content: "\E21D"; }

.icon-tint-hollow:before {
  content: "\E21E"; }

.icon-tint-none:before {
  content: "\E21F"; }

.icon-tool-arrow:before {
  content: "\E220"; }

.icon-tool-circle:before {
  content: "\E221"; }

.icon-tool-crop:before {
  content: "\E222"; }

.icon-tool-draw:before {
  content: "\E223"; }

.icon-tool-erase:before {
  content: "\E224"; }

.icon-tool-eyedrop:before {
  content: "\E225"; }

.icon-tool-fill:before {
  content: "\E226"; }

.icon-tool-hand:before {
  content: "\E227"; }

.icon-tool-library:before {
  content: "\E228"; }

.icon-tool-line:before {
  content: "\E229"; }

.icon-tool-magic-wand:before {
  content: "\E22A"; }

.icon-tool-pointer:before {
  content: "\E22B"; }

.icon-tool-rectangle:before {
  content: "\E22C"; }

.icon-tool-scribble:before {
  content: "\E22D"; }

.icon-tool-stroke:before {
  content: "\E22E"; }

.icon-tool-text:before {
  content: "\E22F"; }

.icon-tool-text-alt:before {
  content: "\E230"; }

.icon-tool-zone:before {
  content: "\E231"; }

.icon-tool-zones:before {
  content: "\E232"; }

.icon-transfer:before {
  content: "\E233"; }

.icon-trash:before {
  content: "\E234"; }

.icon-tree-conifer:before {
  content: "\E235"; }

.icon-tree-deciduous:before {
  content: "\E236"; }

.icon-triangle-0:before {
  content: "\E237"; }

.icon-triangle-0-bottom:before {
  content: "\E238"; }

.icon-triangle-0-left:before {
  content: "\E239"; }

.icon-triangle-0-right:before {
  content: "\E23A"; }

.icon-triangle-0-top:before {
  content: "\E23B"; }

.icon-triangle-1:before {
  content: "\E23C"; }

.icon-triangle-1-bottom:before {
  content: "\E23D"; }

.icon-triangle-1-left:before {
  content: "\E23E"; }

.icon-triangle-1-right:before {
  content: "\E23F"; }

.icon-triangle-1-top:before {
  content: "\E240"; }

.icon-triangle-2:before {
  content: "\E241"; }

.icon-triangle-2-bottom:before {
  content: "\E242"; }

.icon-triangle-2-left:before {
  content: "\E243"; }

.icon-triangle-2-right:before {
  content: "\E244"; }

.icon-triangle-2-top:before {
  content: "\E245"; }

.icon-triangle-3:before {
  content: "\E246"; }

.icon-triangle-3-bottom:before, .btn.btn-dropdown:before {
  content: "\E247"; }

.icon-triangle-3-left:before {
  content: "\E248"; }

.icon-triangle-3-right:before {
  content: "\E249"; }

.icon-triangle-3-top:before {
  content: "\E24A"; }

.icon-triangle-4:before {
  content: "\E24B"; }

.icon-triangle-4-bottom:before {
  content: "\E24C"; }

.icon-triangle-4-left:before {
  content: "\E24D"; }

.icon-triangle-4-right:before {
  content: "\E24E"; }

.icon-triangle-4-top:before {
  content: "\E24F"; }

.icon-triangle-down:before {
  content: "\E250"; }

.icon-triangle-left:before, .btn-prev:before {
  content: "\E251"; }

.icon-triangle-right:before, .btn-next:before {
  content: "\E252"; }

.icon-triangle-up:before {
  content: "\E253"; }

.icon-triangles-horizontal:before {
  content: "\E254"; }

.icon-triangles-vertical:before {
  content: "\E255"; }

.icon-undo:before {
  content: "\E256"; }

.icon-ungroup:before {
  content: "\E257"; }

.icon-uniE000:before {
  content: "\E258"; }

.icon-upload:before {
  content: "\E259"; }

.icon-upload-alt:before {
  content: "\E25A"; }

.icon-user:before {
  content: "\E25B"; }

.icon-user-add:before {
  content: "\E25C"; }

.icon-user-group:before {
  content: "\E25D"; }

.icon-user-group-2:before {
  content: "\E25E"; }

.icon-user-group-3:before {
  content: "\E25F"; }

.icon-user-group-gentlemen:before {
  content: "\E260"; }

.icon-user-minus:before {
  content: "\E261"; }

.icon-user-remove:before {
  content: "\E262"; }

.icon-video-camera:before {
  content: "\E263"; }

.icon-video-camera-off:before {
  content: "\E264"; }

.icon-video-hd:before {
  content: "\E265"; }

.icon-video-sd:before {
  content: "\E266"; }

.icon-video-upload:before {
  content: "\E267"; }

.icon-vinyl:before {
  content: "\E268"; }

.icon-warning:before {
  content: "\E269"; }

.icon-wifi:before {
  content: "\E26A"; }

.icon-window:before {
  content: "\E26B"; }

.icon-window-new:before {
  content: "\E26C"; }

.icon-window-new-alt:before {
  content: "\E26D"; }

.icon-zone:before {
  content: "\E26E"; }

.icon-zone-edit:before {
  content: "\E26F"; }

.icon-zoom:before {
  content: "\E270"; }

.icon-zoom-in:before {
  content: "\E271"; }

.icon-zoom-out:before {
  content: "\E272"; }

.icon-helper-bar:before {
  content: "\E273"; }

.icon-helper-needle:before {
  content: "\E274"; }

.icon-helper-screen:before {
  content: "\E275"; }

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.events {
  pointer-events: auto !important; }

.no-events {
  pointer-events: none !important; }

.no-bg {
  background-color: transparent !important; }

.bg-lighten {
  background-color: rgba(255, 255, 255, 0.4) !important; }

.transition-1 {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.disabled {
  pointer-events: none !important;
  opacity: 0.5 !important; }
  .disabled * {
    pointer-events: none !important; }

.in {
  opacity: 1 !important;
  pointer-events: auto !important; }

.out {
  opacity: 0 !important;
  pointer-events: none !important; }

.invis {
  display: none; }

.vis {
  display: block; }

/*
.contained-dropdown,
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  min-height: 100%;

  > *:not(.unflex) {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    // width: 100%;
  }
  .overflow-y-scroll,
  .adapt {
    -webkit-flex: 1000 1000 auto;
    flex: 1000 1000 auto;
  }
  .dialog-title,
  .noflex {
    -webkit-flex: 0 auto;
    flex: 0 auto;
  }
}
*/
.no-min-w {
  min-width: 0px !important; }

.no-wrap {
  white-space: nowrap !important; }

.text-center {
  text-align: center !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-large {
  font-size: 30px !important;
  font-weight: 500 !important; }

.text-medium {
  font-size: 20px !important;
  font-weight: 500 !important; }

.bg-dark {
  background: #222 !important; }

.bg-blue {
  background: #3d9ee9 !important; }

.bg-light {
  background: #f5f5f5 !important; }

.c-dark {
  color: #222 !important; }

.c-blue {
  color: #3d9ee9 !important; }

.c-light {
  color: #f5f5f5 !important; }

.bg-1 {
  background-color: #4a2f7e !important; }

.bg-2 {
  background-color: #9b59b6 !important; }

.bg-3 {
  background-color: #3498db !important; }

.bg-4 {
  background-color: #2ecc71 !important; }

.bg-5 {
  background-color: #f1c40f !important; }

.bg-6 {
  background-color: #e67e22 !important; }

.bg-7 {
  background-color: #d55c4b !important; }

.bg-8 {
  background-color: #6f4021 !important; }

.bg-9 {
  background-color: #ffffff !important; }

.bg-10 {
  background-color: #95a5a6 !important; }

.bg-11 {
  background-color: #252525 !important; }

.c-1 {
  color: #4a2f7e !important; }

.c-2 {
  color: #9b59b6 !important; }

.c-3 {
  color: #3498db !important; }

.c-4 {
  color: #2ecc71 !important; }

.c-5 {
  color: #f1c40f !important; }

.c-6 {
  color: #e67e22 !important; }

.c-7 {
  color: #d55c4b !important; }

.c-8 {
  color: #6f4021 !important; }

.c-9 {
  color: #ffffff !important; }

.c-10 {
  color: #95a5a6 !important; }

.c-11 {
  color: #252525 !important; }

.inline-list {
  padding: 0;
  margin: 0; }
  .inline-list li {
    display: inline-block; }

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 10px;
  z-index: 1; }

.truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.table-fake {
  width: 100%;
  height: 100%;
  display: table; }
  .table-fake .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

.ghost {
  height: 100%;
  width: 0px;
  display: inline-block;
  vertical-align: middle; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.panel:hover .collapse.collapsed {
  max-height: 60px !important; }

.middle {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.middle,
.static {
  position: static !important; }

.absolute-top,
.absolute-bottom,
.absolute-left,
.absolute-right,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left-right,
.absolute-bottom-left,
.absolute-bottom-right {
  position: absolute !important; }

.absolute-top {
  top: 0; }

.absolute-right {
  right: 0;
  left: auto !important; }

.absolute-bottom {
  bottom: 0; }

.absolute-left {
  left: 0;
  right: auto !important; }

.absolute-top-left {
  top: 0;
  left: 0;
  right: auto !important; }

.absolute-top-right {
  top: 0;
  right: 0;
  left: auto !important; }

.absolute-bottom-left {
  bottom: 0;
  left: 0;
  right: auto !important; }

.absolute-bottom-right {
  bottom: 0;
  right: 0;
  left: auto !important; }

.absolute-bottom-left-right {
  bottom: 0;
  left: 0;
  right: 0; }

.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px !important; }

.p-20 {
  padding: 20px !important; }

.p-r-60 {
  padding-right: 60px !important; }

.p-l-60 {
  padding-left: 60px !important; }

.no-p {
  padding: 0 !important; }

.no-p-v {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.no-p-h {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.no-p-b {
  padding-bottom: 0 !important; }

.no-p-t {
  padding-top: 0 !important; }

.no-p-l {
  padding-left: 0 !important; }

.no-p-r {
  padding-right: 0 !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-20 {
  margin: 20px !important; }

.m-r-60 {
  margin-right: 60px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-h-20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.m-v-neg-10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important; }

.no-m {
  margin: 0 !important; }

.w-auto {
  width: auto !important; }

.w-08 {
  width: 80px !important; }

.w-1 {
  width: 100px !important; }

.w-15 {
  width: 150px !important; }

.w-2 {
  width: 200px !important; }

.w-25 {
  width: 250px !important; }

.w-3 {
  width: 300px !important; }

.w-35 {
  width: 350px !important; }

.w-4 {
  width: 400px !important; }

.w-5 {
  width: 500px !important; }

.w-6 {
  width: 600px !important; }

.w-7 {
  width: 700px !important; }

.w-8 {
  width: 800px !important; }

.w-85 {
  width: 850px !important; }

.w-9 {
  width: 900px !important; }

.w-10 {
  width: 1000px !important; }

.h-5 {
  height: 500px !important; }

.h-55 {
  height: 550px !important; }

.h-6 {
  height: 600px !important; }

.no-r {
  border-radius: 0 !important; }

.no-r-t {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.no-r-r {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.no-r-b {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.no-r-l {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.r-10 {
  border-radius: 10px !important; }

.no-b {
  border: none !important; }

.b-v {
  border-top: 2px solid rgba(0, 0, 0, 0.025) !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.025) !important; }

.b-h {
  border-left: 2px solid rgba(0, 0, 0, 0.025) !important;
  border-right: 2px solid rgba(0, 0, 0, 0.025) !important; }

.b-t {
  border-top: 2px solid rgba(0, 0, 0, 0.025) !important; }

.b-r {
  border-right: 2px solid rgba(0, 0, 0, 0.025) !important; }

.b-b {
  border-bottom: 2px solid rgba(0, 0, 0, 0.025) !important; }

.b-l {
  border-left: 2px solid rgba(0, 0, 0, 0.025) !important; }

.b {
  border: 2px solid rgba(0, 0, 0, 0.025) !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.block {
  display: block !important; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.invisible {
  opacity: 0;
  pointer-events: none; }

.relative {
  position: relative !important; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }
  .fade.in {
    opacity: 1; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid white;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

body {
  background-color: #f5f5f5;
  color: #888;
  font-weight: 300;
  font-weight: 400;
  font-family: Inter, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.6; }

hr {
  margin: auto;
  width: auto;
  border: none;
  border-top: 2px solid rgba(0, 0, 0, 0.025); }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 900;
  line-height: 1.3;
  margin-top: 0px;
  margin-bottom: 1em;
  display: block; }
  h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {
    margin-bottom: 0px; }

h1, .h1 {
  font-size: 54px; }

h2, .h2 {
  font-size: 40px; }

h3, .h3 {
  font-size: 30px; }

h4, .h4 {
  font-size: 20px; }

h5, .h5 {
  font-size: 16px; }

h6, .h6 {
  font-size: 14px; }

strong {
  font-weight: 500; }

small {
  font-size: 75%; }

a {
  color: black; }

dl {
  background-color: rgba(0, 0, 0, 0.05);
  color: #888888;
  border-radius: 3px;
  display: inline-block;
  margin-right: 5px;
  padding: 15px 25px; }
  dl dt {
    font-weight: bold; }
  dl dd {
    padding: 0px;
    margin: 0px; }

ol, ul, p {
  font-size: 20px;
  line-height: 1.6;
  margin: 0px;
  margin-bottom: 1em;
  /*&:last-child {
    margin-bottom: 0px;
  }*/ }
  ol small, ul small, p small {
    font-size: 80%;
    line-height: 170%;
    display: inline-block; }
  ol a, ul a, p a {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }
  ol b, ul b, p b {
    font-weight: 700; }
  ol.lead, ul.lead, p.lead {
    font-weight: 200;
    font-size: 22px !important;
    line-height: 1.4; }
    ol.lead.lead-xl, ul.lead.lead-xl, p.lead.lead-xl {
      font-size: 40px !important; }
    ol.lead.lead-xxl, ul.lead.lead-xxl, p.lead.lead-xxl {
      font-size: 60px !important; }
    ol.lead small, ul.lead small, p.lead small {
      font-size: 60%; }
    ol.lead b, ul.lead b, p.lead b {
      font-weight: 600; }

.input-row {
  display: table !important;
  width: 100%;
  table-layout: fixed; }
  .input-row > div {
    display: table-cell !important;
    border-right: 2px solid rgba(0, 0, 0, 0.025); }
    .input-row > div:last-child {
      border: none; }

input:invalid {
  box-shadow: none; }

.error-note {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  margin: 12px;
  color: red;
  margin-right: 25px;
  opacity: 0.7;
  font-weight: bold;
  text-transform: uppercase; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  width: 0 !important; }

select {
  height: 40px !important; }

.input {
  text-rendering: optimizeLegibility;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  display: inline-block;
  width: 100%;
  outline: none;
  border: none;
  border-radius: 3px;
  padding: 0 1em;
  margin: 0px;
  max-width: 100%;
  vertical-align: middle;
  font-weight: 300;
  font-family: Inter;
  font-size: 20px;
  line-height: normal;
  color: #222;
  background-color: rgba(0, 0, 0, 0.01);
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 60px;
  text-align: left; }
  .input.input-single-line {
    width: 100%;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .input.input-darken {
    background-color: rgba(0, 0, 0, 0.05) !important; }
  .input.input-round {
    border-radius: 70px !important; }
  .input.input-nude {
    padding: 0px !important;
    background-color: transparent !important;
    border: none !important; }
  .input.input-block {
    width: 100%;
    display: block; }
  .input.input-md {
    height: 44px;
    line-height: 44px;
    font-size: 15px !important;
    padding-left: 12px; }
  .input.input-sm {
    height: 44px;
    line-height: 44px;
    font-size: 16px; }
  .input.text-center {
    text-align: center !important;
    padding: 0px !important; }
  .input.text-right {
    text-align: right !important;
    padding-right: 20px !important;
    padding-left: 0 !important; }
  .input.input-white {
    background-color: white;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05), inset 0 0px 4px rgba(0, 0, 0, 0.1); }
  .input.input-light {
    background-color: #f5f5f5; }
  .input.input-dark {
    background-color: #292929; }
  .input.input-lighten {
    background-color: rgba(255, 255, 255, 0.05); }
  .input.input-darken {
    background-color: rgba(0, 0, 0, 0.05); }
  .input.input-transparent {
    background-color: transparent; }
  .input:focus {
    outline: 0; }
  .input:-moz-placeholder {
    color: rgba(136, 136, 136, 0.5); }
  .input::-moz-placeholder {
    color: rgba(136, 136, 136, 0.5);
    opacity: 1; }
  .input:-ms-input-placeholder {
    color: rgba(136, 136, 136, 0.5); }
  .input::-webkit-input-placeholder {
    color: rgba(136, 136, 136, 0.5); }
  .input[disabled], .input[readonly],
  fieldset[disabled] .input {
    cursor: default;
    opacity: 1; }

input[type=text],
span.input {
  cursor: text !important; }

input[type=number],
input[type=number]:hover {
  -webkit-appearance: none !important;
  -moz-appearance: textfield !important;
  box-shadow: none; }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]:hover::-webkit-inner-spin-button {
    -webkit-appearance: none;
    cursor: pointer;
    display: block;
    width: 8px;
    color: #333;
    text-align: center;
    position: relative; }

textarea.input {
  resize: none;
  padding: 15px 20px;
  overflow: auto;
  min-height: 120px;
  line-height: 30px !important; }

.tab-switch {
  display: block;
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.025);
  border-radius: 6px;
  cursor: pointer;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.025);
  border: 2px solid rgba(0, 0, 0, 0.025); }
  .tab-switch:before, .tab-switch:after {
    content: " ";
    display: table; }
  .tab-switch:after {
    clear: both; }
  .tab-switch.round {
    border-radius: 100px; }
    .tab-switch.round .option-highlight {
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px; }
    .tab-switch.round.option-2 .option-highlight {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px; }
    .tab-switch.round.options-3 .option-highlight {
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px; }
    .tab-switch.round.options-3.option-2 .option-highlight {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px; }
    .tab-switch.round.options-3.option-3 .option-highlight {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px; }
  .tab-switch.options-3 .option-highlight,
  .tab-switch.options-3 .option {
    width: 33.333%; }
  .tab-switch.options-3.option-2 .option-highlight {
    left: 33.333%; }
  .tab-switch.options-3.option-3 .option-highlight {
    left: 66.666%; }
  .tab-switch.option-2 .option-highlight {
    left: 50%; }
  .tab-switch .options {
    display: block; }
  .tab-switch .option {
    display: block;
    width: 50%;
    float: left;
    height: 44px;
    line-height: 44px;
    border-radius: 3px;
    text-align: center;
    z-index: 10;
    position: relative;
    font-size: 13px;
    text-transform: capitalize;
    border-right: 1px solid rgba(0, 0, 0, 0.025);
    border-left: 1px solid rgba(0, 0, 0, 0.025);
    color: #222; }
    .tab-switch .option:first-child {
      border-left: none !important; }
    .tab-switch .option:last-child {
      border-right: none !important; }
    .tab-switch .option:hover {
      color: #292929; }
  .tab-switch .option-highlight {
    height: 44px;
    width: 50%;
    left: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    position: absolute;
    background-color: white;
    z-index: 0;
    border-radius: 6px;
    border: 4px solid transparent;
    background-clip: content-box; }

.input-switch {
  border-radius: 60px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  width: 75px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.05);
  position: relative;
  cursor: pointer;
  background-clip: content-box;
  border: 7px solid transparent;
  margin-top: -7px;
  margin-bottom: -7px;
  margin-right: -7px; }
  .input-switch .input-switch-slide {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    font-size: 0;
    width: 132px; }
  .input-switch.on > .input-switch-slide {
    margin-left: -30px;
    background-color: #2ecc71; }
  .input-switch span {
    display: inline-block;
    float: left;
    line-height: 30px;
    margin-left: 0px;
    height: 30px;
    width: 88px;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    .input-switch span.off {
      text-align: right;
      padding-right: 4px; }
    .input-switch span.on {
      text-align: left;
      padding-left: 4px;
      color: white; }
    .input-switch span.off, .input-switch span.on {
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      font-size: 12px;
      font-weight: bold;
      width: 30px; }
    .input-switch span.handle {
      width: 30px;
      background-color: white;
      border-radius: 100%;
      background-clip: content-box;
      border: 5px solid transparent;
      z-index: 10;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }

/*
.editable,
[contentEditable=true] {
  cursor: text;
}
*/
.input-focus-dark:empty:focus {
  color: #292929 !important; }

.input-focus-dark:focus {
  color: #292929 !important; }

.input-prefix {
  line-height: 60px; }
  .input-prefix:before {
    content: attr(data-placeholder);
    color: #888;
    text-transform: capitalize;
    opacity: 0.5; }
  .input-prefix:after {
    content: ".";
    opacity: 0; }

.input.input-transitional {
  line-height: 1.7 !important;
  display: block;
  height: auto !important;
  font-size: 15px !important;
  min-height: 60px;
  padding: 8px 20px;
  padding-top: 12px;
  position: relative;
  text-align: left;
  height: auto;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .input.input-transitional.input-lg {
    font-size: 20px !important; }
  .input.input-transitional:before {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    content: attr(data-placeholder);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    left: 0;
    top: 0;
    position: absolute;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    padding: 0 20px;
    margin-top: 0px;
    color: #888;
    text-transform: capitalize; }
  .input.input-transitional:empty:focus:before {
    opacity: 1;
    color: #292929 !important; }
  .input.input-transitional:empty {
    padding-top: 20px; }
  .input.input-transitional:not(:empty) {
    padding-top: 25px; }
  .input.input-transitional:not(:empty):before {
    opacity: 1;
    height: 35px;
    line-height: 35px;
    font-size: 11px; }

.editable:empty:before,
[data-placeholder][contentEditable=true]:empty:not(:focus):before {
  content: attr(data-placeholder);
  opacity: 0.6; }

[data-placeholder][contentEditable=true]:empty:focus:before {
  content: attr(data-placeholder);
  opacity: 0.6; }

form:before, form:after {
  content: " ";
  display: table; }

form:after {
  clear: both; }

form .alert {
  margin-top: 10px;
  text-align: center !important; }

.form-set .form-group {
  padding: 25px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  margin: 0; }

.labels-inline .form-group {
  display: table !important;
  width: 100%;
  margin-bottom: 15px; }
  .labels-inline .form-group > .input-wrapper,
  .labels-inline .form-group > .input,
  .labels-inline .form-group > .label {
    display: table-cell !important; }
    .labels-inline .form-group > .input-wrapper:first-child,
    .labels-inline .form-group > .input:first-child,
    .labels-inline .form-group > .label:first-child {
      width: 130px;
      vertical-align: top;
      padding-top: 5px; }
    .labels-inline .form-group > .input-wrapper:last-child,
    .labels-inline .form-group > .input:last-child,
    .labels-inline .form-group > .label:last-child {
      width: 100%; }

.inverted a {
  color: #77c8f8;
  cursor: pointer; }
  .inverted a:hover {
    color: #f5f5f5; }

.inverted .label {
  color: #f5f5f5; }

.inverted .input {
  color: #f5f5f5;
  border-color: #4dafeb; }
  .inverted .input:-moz-placeholder {
    color: #77c8f8; }
  .inverted .input::-moz-placeholder {
    color: #77c8f8;
    opacity: 1; }
  .inverted .input:-ms-input-placeholder {
    color: #77c8f8; }
  .inverted .input::-webkit-input-placeholder {
    color: #77c8f8; }
  .inverted .input:focus:-moz-placeholder {
    color: white; }
  .inverted .input:focus::-moz-placeholder {
    color: white;
    opacity: 1; }
  .inverted .input:focus:-ms-input-placeholder {
    color: white; }
  .inverted .input:focus::-webkit-input-placeholder {
    color: white; }

.inverted .btn-link {
  color: #f5f5f5 !important; }

.fieldset {
  padding: 20px 30px;
  padding-bottom: 30px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-bottom: 30px; }

.form-group {
  display: block;
  margin-bottom: 30px;
  position: relative; }
  .form-group:before, .form-group:after {
    content: " ";
    display: table; }
  .form-group:after {
    clear: both; }
  .form-group:last-child {
    margin-bottom: 0px; }
  .form-group small {
    float: left;
    width: 100%;
    display: block;
    margin-top: 5px;
    color: #444;
    margin-bottom: -20px; }
  .form-group.tight {
    margin-bottom: 5px; }
  .form-group .flag {
    background-size: cover;
    background-position: center; }
    .form-group .flag.england {
      background-image: url("../images/flags/england.svg"); }
    .form-group .flag.italy {
      background-image: url("../images/flags/italy.svg"); }
    .form-group .flag.germany {
      background-image: url("../images/flags/germany.svg"); }
    .form-group .flag.france {
      background-image: url("../images/flags/france.svg"); }
    .form-group .flag.spain {
      background-image: url("../images/flags/spain.svg"); }

.tight .form-group {
  margin: 0px;
  padding: 0px; }
  .tight .form-group:first-child > .input {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .tight .form-group:last-child {
    margin-bottom: 30px; }
    .tight .form-group:last-child > .input {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
  .tight .form-group + .form-group > .input {
    border-top: 0px !important; }
  .tight .form-group > .input {
    border-radius: 0px; }

.label {
  margin-bottom: 10px;
  display: block;
  font-size: 13px;
  line-height: 1;
  color: #222;
  font-family: Inter;
  width: 100%;
  white-space: nowrap; }
  .label.label-sm {
    font-size: 12px;
    text-align: center; }
  .label.label-range {
    margin-bottom: -13px !important;
    font-size: 11px;
    text-align: left; }

.message {
  display: block;
  font-size: 13px;
  margin-top: 5px;
  opacity: 0.5; }

.input-unit {
  width: 44px;
  text-align: center;
  display: inline-block;
  line-height: 60px;
  height: 60px;
  font-size: 12px;
  opacity: 0.5;
  text-transform: uppercase;
  color: #888;
  vertical-align: middle;
  position: absolute;
  right: 0;
  bottom: 0; }

.input-drag {
  vertical-align: middle;
  position: absolute !important;
  left: 0;
  bottom: 0;
  width: 44px;
  min-width: 44px !important;
  z-index: 100;
  color: #c7c7c7;
  cursor: ns-resize !important; }
  .input-drag.btn-md {
    width: 44px;
    min-width: 44px !important; }
  .input-drag .icon {
    width: 44px; }
    .input-drag .icon:after, .input-drag .icon:before {
      width: 44px; }
  .input-drag:active {
    opacity: 1; }
  .input-drag * {
    pointer-events: none; }

.input-overlay-wrapper {
  position: relative; }
  .input-overlay-wrapper .input-overlay {
    display: block;
    width: 100%;
    padding-left: 20px;
    max-width: 100%;
    font-weight: 300;
    font-family: Inter;
    font-size: 22px;
    line-height: 60px;
    color: #888;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0.25; }
  .input-overlay-wrapper #user-slug {
    padding-left: 183px; }

.icon-bullet:before {
  content: "\2022"; }

.icon-hyphen:before {
  content: "\002D"; }

.icon-Euro:before {
  content: "\20AC"; }

.icon-minus:before, .btn-less:before {
  content: "\2212"; }

.icon-plus:before, .btn-more:before {
  content: "\002B"; }

.icon-cloud:before {
  content: "\2601"; }

.icon-lightning:before {
  content: "\2607"; }

.icon-heartsuitblack:before {
  content: "\2665"; }

.icon-whiteFlag:before {
  content: "\2690"; }

.icon-blackFlag:before {
  content: "\2691"; }

.icon-crossedSwords:before {
  content: "\2694"; }

.icon-blackScissorsRight:before {
  content: "\2702"; }

.icon-airplane:before {
  content: "\2708"; }

.icon-envelope:before {
  content: "\2709"; }

.icon-pencil:before {
  content: "\270F"; }

.icon-sparkle:before {
  content: "\2747"; }

.icon-at:before {
  content: "\0040"; }

.icon-copyright:before {
  content: "\00A9"; }

.icon-registered:before {
  content: "\00AE"; }

.icon-section:before {
  content: "\00A7"; }

.icon-battery:before {
  content: "\1F50B"; }

.icon-bell:before {
  content: "\1F514"; }

.icon-bookmark:before {
  content: "\1F516"; }

.icon-calendar:before {
  content: "\1F4C5"; }

.icon-camera:before {
  content: "\1F4F7"; }

.icon-clipboard:before {
  content: "\1F4CB"; }

.icon-hourglass:before {
  content: "\231B"; }

.icon-microphone:before {
  content: "\1F3A4"; }

.icon-newspaper:before {
  content: "\1F4F0"; }

.icon-paperclip:before {
  content: "\1F4CE"; }

.icon-radio:before {
  content: "\1F4FB"; }

.icon-wrench:before {
  content: "\1F527"; }

.icon-align-bottom:before {
  content: "\E004"; }

.icon-align-center-horizontal:before {
  content: "\E005"; }

.icon-align-center-vertical:before {
  content: "\E006"; }

.icon-align-left:before {
  content: "\E007"; }

.icon-align-right:before {
  content: "\E008"; }

.icon-align-to-canvas:before {
  content: "\E009"; }

.icon-align-top:before {
  content: "\E00A"; }

.icon-align-vertical-bottom:before {
  content: "\E00B"; }

.icon-align-vertical-middle:before {
  content: "\E00C"; }

.icon-align-vertical-top:before {
  content: "\E00D"; }

.icon-antenna:before {
  content: "\E00E"; }

.icon-application:before {
  content: "\E00F"; }

.icon-arrow-0:before {
  content: "\E010"; }

.icon-arrow-1:before {
  content: "\E011"; }

.icon-arrow-2:before {
  content: "\E012"; }

.icon-arrow-3:before {
  content: "\E013"; }

.icon-arrow-4:before {
  content: "\E014"; }

.icon-arrow-bottom-light:before {
  content: "\E015"; }

.icon-arrow-down:before {
  content: "\E016"; }

.icon-arrow-fork:before {
  content: "\E017"; }

.icon-arrow-horizontal:before {
  content: "\E018"; }

.icon-arrow-left:before {
  content: "\E019"; }

.icon-arrow-left-down:before {
  content: "\E01A"; }

.icon-arrow-left-light:before {
  content: "\E01B"; }

.icon-arrow-left-up:before {
  content: "\E01C"; }

.icon-arrow-merge:before {
  content: "\E01D"; }

.icon-arrow-right:before {
  content: "\E01E"; }

.icon-arrow-right-down:before {
  content: "\E01F"; }

.icon-arrow-right-light:before {
  content: "\E020"; }

.icon-arrow-right-up:before {
  content: "\E021"; }

.icon-arrow-thin-down:before {
  content: "\E022"; }

.icon-arrow-thin-left:before {
  content: "\E023"; }

.icon-arrow-thin-right:before {
  content: "\E024"; }

.icon-arrow-thin-up:before {
  content: "\E025"; }

.icon-arrow-top:before {
  content: "\E026"; }

.icon-arrow-top-light:before {
  content: "\E027"; }

.icon-arrow-vertical:before {
  content: "\E028"; }

.icon-arrows-horizontal:before {
  content: "\E029"; }

.icon-arrows-in:before {
  content: "\E02A"; }

.icon-arrows-out:before {
  content: "\E02B"; }

.icon-arrows-thin-horizontal:before {
  content: "\E02C"; }

.icon-arrows-thin-vertical:before {
  content: "\E02D"; }

.icon-arrows-vertical:before {
  content: "\E02E"; }

.icon-ban-0:before {
  content: "\E02F"; }

.icon-ban-1:before {
  content: "\E030"; }

.icon-ban-2:before {
  content: "\E031"; }

.icon-ban-3:before {
  content: "\E032"; }

.icon-ban-4:before {
  content: "\E033"; }

.icon-bar-code:before {
  content: "\E034"; }

.icon-battery-0:before {
  content: "\E035"; }

.icon-battery-1:before {
  content: "\E036"; }

.icon-battery-2:before {
  content: "\E037"; }

.icon-battery-3:before {
  content: "\E038"; }

.icon-battery-4:before {
  content: "\E039"; }

.icon-battery-5:before {
  content: "\E03A"; }

.icon-battery-6:before {
  content: "\E03B"; }

.icon-battery-7:before {
  content: "\E03C"; }

.icon-battery-8:before {
  content: "\E03D"; }

.icon-battery-loading:before {
  content: "\E03E"; }

.icon-beverage-beer:before {
  content: "\E03F"; }

.icon-beverage-cocktail:before {
  content: "\E040"; }

.icon-beverage-wine:before {
  content: "\E041"; }

.icon-book:before {
  content: "\E042"; }

.icon-book-contacts:before {
  content: "\E043"; }

.icon-book-open:before {
  content: "\E044"; }

.icon-border-dashed:before {
  content: "\E045"; }

.icon-border-dotted:before {
  content: "\E046"; }

.icon-border-radius:before {
  content: "\E047"; }

.icon-border-solid:before {
  content: "\E048"; }

.icon-brightness:before {
  content: "\E049"; }

.icon-calculator:before {
  content: "\E04A"; }

.icon-calculator-black:before {
  content: "\E04B"; }

.icon-camera-black:before {
  content: "\E04C"; }

.icon-canvas:before {
  content: "\E04D"; }

.icon-canvas-square:before {
  content: "\E04E"; }

.icon-cd:before {
  content: "\E04F"; }

.icon-certificate:before {
  content: "\E050"; }

.icon-chart-0:before {
  content: "\E051"; }

.icon-chart-1:before {
  content: "\E052"; }

.icon-chart-2:before {
  content: "\E053"; }

.icon-chart-3:before {
  content: "\E054"; }

.icon-chart-4:before {
  content: "\E055"; }

.icon-chart-5:before {
  content: "\E056"; }

.icon-chart-6:before {
  content: "\E057"; }

.icon-chart-7:before {
  content: "\E058"; }

.icon-chart-8:before {
  content: "\E059"; }

.icon-chart-bars:before {
  content: "\E05A"; }

.icon-check:before {
  content: "\E05B"; }

.icon-chevron-down-0:before {
  content: "\E05C"; }

.icon-chevron-down-1:before {
  content: "\E05D"; }

.icon-chevron-down-2:before {
  content: "\E05E"; }

.icon-chevron-down-3:before {
  content: "\E05F"; }

.icon-chevron-down-4:before {
  content: "\E060"; }

.icon-chevron-left-0:before {
  content: "\E061"; }

.icon-chevron-left-1:before {
  content: "\E062"; }

.icon-chevron-left-2:before {
  content: "\E063"; }

.icon-chevron-left-3:before {
  content: "\E064"; }

.icon-chevron-left-4:before {
  content: "\E065"; }

.icon-chevron-right-0:before {
  content: "\E066"; }

.icon-chevron-right-1:before {
  content: "\E067"; }

.icon-chevron-right-2:before {
  content: "\E068"; }

.icon-chevron-right-3:before {
  content: "\E069"; }

.icon-chevron-right-4:before {
  content: "\E06A"; }

.icon-chevron-up-0:before {
  content: "\E06B"; }

.icon-chevron-up-1:before {
  content: "\E06C"; }

.icon-chevron-up-2:before {
  content: "\E06D"; }

.icon-chevron-up-3:before {
  content: "\E06E"; }

.icon-chevron-up-4:before {
  content: "\E06F"; }

.icon-circle-0:before {
  content: "\E070"; }

.icon-circle-1:before {
  content: "\E071"; }

.icon-circle-2:before {
  content: "\E072"; }

.icon-circle-3:before {
  content: "\E073"; }

.icon-circle-4:before {
  content: "\E074"; }

.icon-circle-check:before {
  content: "\E075"; }

.icon-circle-down:before {
  content: "\E076"; }

.icon-circle-exclude:before {
  content: "\E077"; }

.icon-circle-info:before {
  content: "\E078"; }

.icon-circle-intersect:before {
  content: "\E079"; }

.icon-circle-left:before {
  content: "\E07A"; }

.icon-circle-minus:before {
  content: "\E07B"; }

.icon-circle-plus:before {
  content: "\E07C"; }

.icon-circle-question:before {
  content: "\E07D"; }

.icon-circle-remove:before {
  content: "\E07E"; }

.icon-circle-right:before {
  content: "\E07F"; }

.icon-circle-subtract:before {
  content: "\E080"; }

.icon-circle-unite:before {
  content: "\E081"; }

.icon-circle-up:before {
  content: "\E082"; }

.icon-circle-warning:before {
  content: "\E083"; }

.icon-clock:before {
  content: "\E084"; }

.icon-cloud-down:before {
  content: "\E085"; }

.icon-cloud-upload:before {
  content: "\E086"; }

.icon-cluster:before {
  content: "\E087"; }

.icon-cogwheel:before {
  content: "\E088"; }

.icon-columns:before {
  content: "\E089"; }

.icon-columns-3:before {
  content: "\E08A"; }

.icon-compass:before {
  content: "\E08B"; }

.icon-compass-east:before {
  content: "\E08C"; }

.icon-compass-north:before {
  content: "\E08D"; }

.icon-compass-north-east:before {
  content: "\E08E"; }

.icon-compass-north-west:before {
  content: "\E08F"; }

.icon-compass-south:before {
  content: "\E090"; }

.icon-compass-south-east:before {
  content: "\E091"; }

.icon-compass-south-west:before {
  content: "\E092"; }

.icon-compass-west:before {
  content: "\E093"; }

.icon-contrast:before {
  content: "\E094"; }

.icon-controls-backward:before {
  content: "\E095"; }

.icon-controls-eject:before {
  content: "\E096"; }

.icon-controls-fast-backward:before {
  content: "\E097"; }

.icon-controls-fast-forward:before {
  content: "\E098"; }

.icon-controls-forward:before {
  content: "\E099"; }

.icon-controls-pause:before {
  content: "\E09A"; }

.icon-controls-play:before {
  content: "\E09B"; }

.icon-controls-stop:before {
  content: "\E09C"; }

.icon-couple:before {
  content: "\E09D"; }

.icon-creditcard:before {
  content: "\E09E"; }

.icon-cross-0:before {
  content: "\E09F"; }

.icon-cross-1:before {
  content: "\E0A0"; }

.icon-cross-2:before {
  content: "\E0A1"; }

.icon-cross-3:before {
  content: "\E0A2"; }

.icon-cross-4:before {
  content: "\E0A3"; }

.icon-cross-hair:before {
  content: "\E0A4"; }

.icon-cullumn-spacing:before {
  content: "\E0A5"; }

.icon-currency-dollar:before {
  content: "\E0A6"; }

.icon-currency-pound:before {
  content: "\E0A7"; }

.icon-cursor-text:before {
  content: "\E0A8"; }

.icon-cursor-text-frame:before {
  content: "\E0A9"; }

.icon-curved-arrow:before {
  content: "\E0AA"; }

.icon-cuttlery:before {
  content: "\E0AB"; }

.icon-dashboard:before {
  content: "\E0AC"; }

.icon-device-desktop:before {
  content: "\E0AD"; }

.icon-device-mobile:before {
  content: "\E0AE"; }

.icon-device-mobile-down:before {
  content: "\E0AF"; }

.icon-device-mobile-transfer:before {
  content: "\E0B0"; }

.icon-device-mobile-up:before {
  content: "\E0B1"; }

.icon-device-mp3:before {
  content: "\E0B2"; }

.icon-device-notebook:before {
  content: "\E0B3"; }

.icon-device-tablet:before {
  content: "\E0B4"; }

.icon-directions-axis:before {
  content: "\E0B5"; }

.icon-directions-omni:before {
  content: "\E0B6"; }

.icon-directions-seperate:before {
  content: "\E0B7"; }

.icon-distribute-horizontal:before {
  content: "\E0B8"; }

.icon-distribute-vertical:before {
  content: "\E0B9"; }

.icon-download:before {
  content: "\E0BA"; }

.icon-duplicate:before {
  content: "\E0BB"; }

.icon-duplicate-alt:before {
  content: "\E0BC"; }

.icon-edge-bottom:before {
  content: "\E0BD"; }

.icon-edge-left:before {
  content: "\E0BE"; }

.icon-edge-right:before {
  content: "\E0BF"; }

.icon-edge-top:before {
  content: "\E0C0"; }

.icon-ellipse-horizontal:before {
  content: "\E0C1"; }

.icon-ellipse-vertical:before {
  content: "\E0C2"; }

.icon-embed:before {
  content: "\E0C3"; }

.icon-embed-alt:before {
  content: "\E0C4"; }

.icon-emote-1:before {
  content: "\E0C5"; }

.icon-emote-2:before {
  content: "\E0C6"; }

.icon-emote-3:before {
  content: "\E0C7"; }

.icon-emote-4:before {
  content: "\E0C8"; }

.icon-emote-big-smile:before {
  content: "\E0C9"; }

.icon-emote-only-happy:before {
  content: "\E0CA"; }

.icon-emote-sad:before {
  content: "\E0CB"; }

.icon-emote-smile:before {
  content: "\E0CC"; }

.icon-emote-tongue:before {
  content: "\E0CD"; }

.icon-escape:before {
  content: "\E0CE"; }

.icon-eye-closed:before {
  content: "\E0CF"; }

.icon-eye-open:before {
  content: "\E0D0"; }

.icon-feather:before {
  content: "\E0D1"; }

.icon-female:before {
  content: "\E0D2"; }

.icon-female-afro:before {
  content: "\E0D3"; }

.icon-female-bun:before {
  content: "\E0D4"; }

.icon-female-emo:before {
  content: "\E0D5"; }

.icon-female-long-hair:before {
  content: "\E0D6"; }

.icon-female-moslem:before {
  content: "\E0D7"; }

.icon-female-pigtails:before {
  content: "\E0D8"; }

.icon-female-pigtails-alt:before {
  content: "\E0D9"; }

.icon-female-user:before {
  content: "\E0DA"; }

.icon-fetch:before {
  content: "\E0DB"; }

.icon-file-check:before {
  content: "\E0DC"; }

.icon-file-edit:before {
  content: "\E0DD"; }

.icon-file-share:before {
  content: "\E0DE"; }

.icon-fit-to:before {
  content: "\E0DF"; }

.icon-flag:before {
  content: "\E0E0"; }

.icon-flip-down:before {
  content: "\E0E1"; }

.icon-flip-left:before {
  content: "\E0E2"; }

.icon-flip-right:before {
  content: "\E0E3"; }

.icon-flip-up:before {
  content: "\E0E4"; }

.icon-floppydisk:before {
  content: "\E0E5"; }

.icon-flow:before {
  content: "\E0E6"; }

.icon-folder:before, #folder-grid .item.folder-up:before,
#folder-grid .item.folder .item-type:before {
  content: "\E0E7"; }

.icon-folder-down:before {
  content: "\E0E8"; }

.icon-folder-favorites:before {
  content: "\E0E9"; }

.icon-folder-flagged:before {
  content: "\E0EA"; }

.icon-folder-leave:before {
  content: "\E0EB"; }

.icon-folder-locked:before {
  content: "\E0EC"; }

.icon-folder-minus:before {
  content: "\E0ED"; }

.icon-folder-open:before {
  content: "\E0EE"; }

.icon-folder-open-2:before {
  content: "\E0EF"; }

.icon-folder-plus:before {
  content: "\E0F0"; }

.icon-folder-remove:before {
  content: "\E0F1"; }

.icon-folder-shared:before {
  content: "\E0F2"; }

.icon-folder-up:before {
  content: "\E0F3"; }

.icon-form-exclude:before {
  content: "\E0F4"; }

.icon-form-intersect:before {
  content: "\E0F5"; }

.icon-form-subtract:before {
  content: "\E0F6"; }

.icon-form-unite:before {
  content: "\E0F7"; }

.icon-full-screen:before {
  content: "\E0F8"; }

.icon-fullscreen-off:before {
  content: "\E0F9"; }

.icon-fullscreen-on:before {
  content: "\E0FA"; }

.icon-globe:before {
  content: "\E0FB"; }

.icon-grid:before {
  content: "\E0FC"; }

.icon-grid-free:before {
  content: "\E0FD"; }

.icon-grid-small:before {
  content: "\E0FE"; }

.icon-group:before {
  content: "\E0FF"; }

.icon-handle:before {
  content: "\E100"; }

.icon-harddrive:before {
  content: "\E101"; }

.icon-heading:before {
  content: "\E102"; }

.icon-headphones:before {
  content: "\E103"; }

.icon-heart:before {
  content: "\E104"; }

.icon-heart-hollow:before {
  content: "\E105"; }

.icon-history:before {
  content: "\E106"; }

.icon-home:before {
  content: "\E107"; }

.icon-human:before {
  content: "\E108"; }

.icon-inbox:before {
  content: "\E109"; }

.icon-info:before {
  content: "\E10A"; }

.icon-input-checkbox:before {
  content: "\E10B"; }

.icon-input-checkbox-checked:before, .checkbox.checked:before, .checkbox:hover:before, .checkbox:active:before {
  content: "\E10C"; }

.icon-input-radio:before, .radio:before,
.checkbox:before {
  content: "\E10D"; }

.icon-input-radio-checked:before, .radio.checked:before, .radio:hover:before, .radio:active:before {
  content: "\E10E"; }

.icon-leave:before {
  content: "\E10F"; }

.icon-lightbulb:before {
  content: "\E110"; }

.icon-line-0:before {
  content: "\E111"; }

.icon-line-1:before {
  content: "\E112"; }

.icon-line-2:before {
  content: "\E113"; }

.icon-line-3:before {
  content: "\E114"; }

.icon-line-4:before {
  content: "\E115"; }

.icon-line-half-0:before {
  content: "\E116"; }

.icon-line-half-1:before {
  content: "\E117"; }

.icon-line-half-2:before {
  content: "\E118"; }

.icon-line-half-3:before {
  content: "\E119"; }

.icon-line-half-4:before {
  content: "\E11A"; }

.icon-lines:before {
  content: "\E11B"; }

.icon-link:before {
  content: "\E11C"; }

.icon-link-closed:before {
  content: "\E11D"; }

.icon-link-closed-alt:before {
  content: "\E11E"; }

.icon-link-open:before {
  content: "\E11F"; }

.icon-link-open-alt:before {
  content: "\E120"; }

.icon-list:before {
  content: "\E121"; }

.icon-location:before {
  content: "\E122"; }

.icon-lock-closed:before {
  content: "\E123"; }

.icon-lock-open:before {
  content: "\E124"; }

.icon-login:before {
  content: "\E125"; }

.icon-logout:before {
  content: "\E126"; }

.icon-loop:before {
  content: "\E127"; }

.icon-magnet:before {
  content: "\E128"; }

.icon-mail:before {
  content: "\E129"; }

.icon-male:before {
  content: "\E12A"; }

.icon-male-add:before {
  content: "\E12B"; }

.icon-male-afro:before {
  content: "\E12C"; }

.icon-male-business:before {
  content: "\E12D"; }

.icon-male-cool:before {
  content: "\E12E"; }

.icon-male-emo:before {
  content: "\E12F"; }

.icon-male-flathat:before {
  content: "\E130"; }

.icon-male-gentleman:before {
  content: "\E131"; }

.icon-male-hoodie:before {
  content: "\E132"; }

.icon-male-jew:before {
  content: "\E133"; }

.icon-male-monk:before {
  content: "\E134"; }

.icon-male-moslem:before {
  content: "\E135"; }

.icon-male-mustache:before {
  content: "\E136"; }

.icon-male-punk:before {
  content: "\E137"; }

.icon-male-remove:before {
  content: "\E138"; }

.icon-male-scuba:before {
  content: "\E139"; }

.icon-male-soldier:before {
  content: "\E13A"; }

.icon-male-techno:before {
  content: "\E13B"; }

.icon-male-user:before {
  content: "\E13C"; }

.icon-megaphone:before {
  content: "\E13D"; }

.icon-menu:before {
  content: "\E13E"; }

.icon-menu-2:before {
  content: "\E13F"; }

.icon-message:before {
  content: "\E140"; }

.icon-message-add:before {
  content: "\E141"; }

.icon-message-blank:before {
  content: "\E142"; }

.icon-messages:before {
  content: "\E143"; }

.icon-microphone-off:before {
  content: "\E144"; }

.icon-mirror-horizontal:before {
  content: "\E145"; }

.icon-mirror-horizontal-alt:before {
  content: "\E146"; }

.icon-mirror-vertical:before {
  content: "\E147"; }

.icon-mirror-vertical-alt:before {
  content: "\E148"; }

.icon-moon-first-quarter:before {
  content: "\E149"; }

.icon-moon-full:before {
  content: "\E14A"; }

.icon-moon-new:before {
  content: "\E14B"; }

.icon-moon-third-quarter:before {
  content: "\E14C"; }

.icon-moon-waning-crescent:before {
  content: "\E14D"; }

.icon-moon-waning-gibbous:before {
  content: "\E14E"; }

.icon-moon-waxing-crescent:before {
  content: "\E14F"; }

.icon-moon-waxing-gibbous:before {
  content: "\E150"; }

.icon-move:before {
  content: "\E151"; }

.icon-move-down:before {
  content: "\E152"; }

.icon-move-left:before {
  content: "\E153"; }

.icon-move-right:before {
  content: "\E154"; }

.icon-move-up:before {
  content: "\E155"; }

.icon-movie:before {
  content: "\E156"; }

.icon-music-note:before {
  content: "\E157"; }

.icon-music-upload:before {
  content: "\E158"; }

.icon-newspaper-alt:before {
  content: "\E159"; }

.icon-padding:before {
  content: "\E15A"; }

.icon-padding-bottom:before {
  content: "\E15B"; }

.icon-padding-left:before {
  content: "\E15C"; }

.icon-padding-right:before {
  content: "\E15D"; }

.icon-padding-top:before {
  content: "\E15E"; }

.icon-page-horizontal:before, #folder-grid .item.space .item-type:before {
  content: "\E15F"; }

.icon-page-horizontal-down:before {
  content: "\E160"; }

.icon-page-horizontal-flag:before {
  content: "\E161"; }

.icon-page-horizontal-locked:before {
  content: "\E162"; }

.icon-page-horizontal-minus:before {
  content: "\E163"; }

.icon-page-horizontal-plus:before {
  content: "\E164"; }

.icon-page-horizontal-remove:before {
  content: "\E165"; }

.icon-page-horizontal-up:before {
  content: "\E166"; }

.icon-page-vert:before {
  content: "\E167"; }

.icon-page-vertical-double:before {
  content: "\E168"; }

.icon-page-vertical-down:before {
  content: "\E169"; }

.icon-page-vertical-flag:before {
  content: "\E16A"; }

.icon-page-vertical-image:before {
  content: "\E16B"; }

.icon-page-vertical-locked:before {
  content: "\E16C"; }

.icon-page-vertical-minus:before {
  content: "\E16D"; }

.icon-page-vertical-plus:before {
  content: "\E16E"; }

.icon-page-vertical-remove:before {
  content: "\E16F"; }

.icon-page-vertical-table:before {
  content: "\E170"; }

.icon-page-vertical-text:before {
  content: "\E171"; }

.icon-page-vertical-up:before {
  content: "\E172"; }

.icon-palette:before {
  content: "\E173"; }

.icon-palette-alt:before {
  content: "\E174"; }

.icon-paperplane:before {
  content: "\E175"; }

.icon-photofilm:before {
  content: "\E176"; }

.icon-picture:before {
  content: "\E177"; }

.icon-picture-landscape:before {
  content: "\E178"; }

.icon-picture-portrait:before {
  content: "\E179"; }

.icon-picture-upload:before {
  content: "\E17A"; }

.icon-pictures:before {
  content: "\E17B"; }

.icon-pin:before {
  content: "\E17C"; }

.icon-planet:before {
  content: "\E001"; }

.icon-point:before {
  content: "\E17D"; }

.icon-pointing-down:before {
  content: "\E17E"; }

.icon-pointing-left:before {
  content: "\E17F"; }

.icon-pointing-right:before {
  content: "\E180"; }

.icon-pointing-up:before {
  content: "\E181"; }

.icon-postcard:before {
  content: "\E182"; }

.icon-power-off:before {
  content: "\E183"; }

.icon-present:before {
  content: "\E184"; }

.icon-presentation:before {
  content: "\E185"; }

.icon-printer:before {
  content: "\E186"; }

.icon-pull:before {
  content: "\E187"; }

.icon-push:before {
  content: "\E188"; }

.icon-qr-code:before {
  content: "\E189"; }

.icon-quote:before {
  content: "\E18A"; }

.icon-radio-black:before {
  content: "\E18B"; }

.icon-random:before {
  content: "\E18C"; }

.icon-record:before {
  content: "\E18D"; }

.icon-redo:before {
  content: "\E18E"; }

.icon-resize-full:before {
  content: "\E18F"; }

.icon-resize-small:before {
  content: "\E190"; }

.icon-retweet:before {
  content: "\E191"; }

.icon-rings:before {
  content: "\E192"; }

.icon-road:before {
  content: "\E193"; }

.icon-rotate:before {
  content: "\E194"; }

.icon-rotate-2:before {
  content: "\E195"; }

.icon-rotate-3:before {
  content: "\E196"; }

.icon-rotate-left:before {
  content: "\E197"; }

.icon-rotate-right:before {
  content: "\E198"; }

.icon-rss:before {
  content: "\E199"; }

.icon-search:before {
  content: "\E000"; }

.icon-section-alt:before {
  content: "\E19A"; }

.icon-section-alt-2:before {
  content: "\E19B"; }

.icon-section-edit:before {
  content: "\E19C"; }

.icon-selection:before {
  content: "\E19D"; }

.icon-selection-circle:before {
  content: "\E19E"; }

.icon-selection-circle-strong:before {
  content: "\E19F"; }

.icon-selection-square:before {
  content: "\E1A0"; }

.icon-selection-square-strong:before {
  content: "\E1A1"; }

.icon-server:before {
  content: "\E1A2"; }

.icon-shape-bubble:before {
  content: "\E1A3"; }

.icon-shape-burst:before {
  content: "\E1A4"; }

.icon-shape-circle:before {
  content: "\E1A5"; }

.icon-shape-cloud:before {
  content: "\E1A6"; }

.icon-shape-cross:before {
  content: "\E1A7"; }

.icon-shape-heart:before {
  content: "\E1A8"; }

.icon-shape-hexagon:before {
  content: "\E1A9"; }

.icon-shape-octagon:before {
  content: "\E1AA"; }

.icon-shape-pentagon:before {
  content: "\E1AB"; }

.icon-shape-plus:before {
  content: "\E1AC"; }

.icon-shape-square:before {
  content: "\E1AD"; }

.icon-shape-star:before {
  content: "\E1AE"; }

.icon-shape-triangle:before {
  content: "\E1AF"; }

.icon-shapes:before {
  content: "\E1B0"; }

.icon-share:before {
  content: "\E1B1"; }

.icon-shopping-cart:before {
  content: "\E1B2"; }

.icon-signal:before {
  content: "\E1B3"; }

.icon-signal-alt:before {
  content: "\E1B4"; }

.icon-size:before {
  content: "\E1B5"; }

.icon-size-both:before {
  content: "\E1B6"; }

.icon-size-horizontal:before {
  content: "\E1B7"; }

.icon-size-vertical:before {
  content: "\E1B8"; }

.icon-social-dribbble:before {
  content: "\E1B9"; }

.icon-social-dropbox:before {
  content: "\E1BA"; }

.icon-social-facebook:before {
  content: "\E1BB"; }

.icon-social-flickr:before {
  content: "\E1BC"; }

.icon-social-google:before {
  content: "\E1BD"; }

.icon-social-soundcloud:before {
  content: "\E002"; }

.icon-social-square-dribbble:before {
  content: "\E1BE"; }

.icon-social-square-dropbox:before {
  content: "\E1BF"; }

.icon-social-square-facebook:before {
  content: "\E1C0"; }

.icon-social-square-flickr:before {
  content: "\E1C1"; }

.icon-social-square-google:before {
  content: "\E1C2"; }

.icon-social-square-soundcloud:before {
  content: "\E003"; }

.icon-social-square-tumblr:before {
  content: "\E1C3"; }

.icon-social-square-twitter:before {
  content: "\E1C4"; }

.icon-social-square-vimeo:before {
  content: "\E1C5"; }

.icon-social-square-vine:before {
  content: "\E1C6"; }

.icon-social-square-youtube:before {
  content: "\E1C7"; }

.icon-social-tumblr:before {
  content: "\E1C8"; }

.icon-social-twitter:before {
  content: "\E1C9"; }

.icon-social-vimeo:before {
  content: "\E1CA"; }

.icon-social-vine:before {
  content: "\E1CB"; }

.icon-social-youtube:before {
  content: "\E1CC"; }

.icon-sort-alphabetical-ascending:before {
  content: "\E1CD"; }

.icon-sort-alphabetical-descending:before {
  content: "\E1CE"; }

.icon-sort-ascending:before {
  content: "\E1CF"; }

.icon-sort-descending:before {
  content: "\E1D0"; }

.icon-sort-numerical-ascending:before {
  content: "\E1D1"; }

.icon-sort-numerical-descending:before {
  content: "\E1D2"; }

.icon-sorting:before {
  content: "\E1D3"; }

.icon-sorting-ascending:before {
  content: "\E1D4"; }

.icon-sorting-descending:before {
  content: "\E1D5"; }

.icon-sound-5-1:before {
  content: "\E1D6"; }

.icon-sound-6-1:before {
  content: "\E1D7"; }

.icon-sound-7-1:before {
  content: "\E1D8"; }

.icon-sound-dolby:before {
  content: "\E1D9"; }

.icon-sound-full:before {
  content: "\E1DA"; }

.icon-sound-off:before {
  content: "\E1DB"; }

.icon-sound-silent:before {
  content: "\E1DC"; }

.icon-sound-stereo:before {
  content: "\E1DD"; }

.icon-space-horizontal:before {
  content: "\E1DE"; }

.icon-space-shared:before {
  content: "\E1DF"; }

.icon-space-vertical:before {
  content: "\E1E0"; }

.icon-spacedeck-logo:before {
  content: "\E1E1"; }

.icon-spacing-horizontal:before {
  content: "\E1E2"; }

.icon-spacing-vertical:before {
  content: "\E1E3"; }

.icon-square-down:before {
  content: "\E1E4"; }

.icon-square-left:before {
  content: "\E1E5"; }

.icon-square-right:before {
  content: "\E1E6"; }

.icon-square-up:before {
  content: "\E1E7"; }

.icon-stack-3d:before {
  content: "\E1E8"; }

.icon-stack-3d-bottom:before {
  content: "\E1E9"; }

.icon-stack-3d-top:before {
  content: "\E1EA"; }

.icon-stack-bottom:before {
  content: "\E1EB"; }

.icon-stack-down:before {
  content: "\E1EC"; }

.icon-stack-top:before {
  content: "\E1ED"; }

.icon-stack-up:before {
  content: "\E1EE"; }

.icon-star:before {
  content: "\E1EF"; }

.icon-star-hollow:before {
  content: "\E1F0"; }

.icon-stash-apply:before {
  content: "\E1F1"; }

.icon-stash-save:before {
  content: "\E1F2"; }

.icon-statistic:before {
  content: "\E1F3"; }

.icon-step-backward:before {
  content: "\E1F4"; }

.icon-step-forward:before {
  content: "\E1F5"; }

.icon-stroke-weight:before {
  content: "\E1F6"; }

.icon-subtitles:before {
  content: "\E1F7"; }

.icon-suitcase:before {
  content: "\E1F8"; }

.icon-table:before {
  content: "\E1F9"; }

.icon-tag:before {
  content: "\E1FA"; }

.icon-tags:before {
  content: "\E1FB"; }

.icon-text-align-center:before {
  content: "\E1FC"; }

.icon-text-align-center-alt:before {
  content: "\E1FD"; }

.icon-text-align-justify:before {
  content: "\E1FE"; }

.icon-text-align-justify-alt:before {
  content: "\E1FF"; }

.icon-text-align-left:before {
  content: "\E200"; }

.icon-text-align-left-alt:before {
  content: "\E201"; }

.icon-text-align-right:before {
  content: "\E202"; }

.icon-text-align-right-alt:before {
  content: "\E203"; }

.icon-text-allcaps:before {
  content: "\E204"; }

.icon-text-bold:before {
  content: "\E205"; }

.icon-text-frame:before {
  content: "\E206"; }

.icon-text-indent:before {
  content: "\E207"; }

.icon-text-italic:before {
  content: "\E208"; }

.icon-text-list:before {
  content: "\E209"; }

.icon-text-list-alphabetical:before {
  content: "\E20A"; }

.icon-text-list-alt:before {
  content: "\E20B"; }

.icon-text-list-bullet:before {
  content: "\E20C"; }

.icon-text-list-numbered:before {
  content: "\E20D"; }

.icon-text-normal:before {
  content: "\E20E"; }

.icon-text-remove-format:before {
  content: "\E20F"; }

.icon-text-roman:before {
  content: "\E210"; }

.icon-text-size:before {
  content: "\E211"; }

.icon-text-strike:before {
  content: "\E212"; }

.icon-text-styles:before {
  content: "\E213"; }

.icon-text-sub:before {
  content: "\E214"; }

.icon-text-super:before {
  content: "\E215"; }

.icon-text-typeface:before {
  content: "\E216"; }

.icon-text-underline:before {
  content: "\E217"; }

.icon-text-unindent:before {
  content: "\E218"; }

.icon-text-uppercase:before {
  content: "\E219"; }

.icon-text-width:before {
  content: "\E21A"; }

.icon-thumbs-down:before {
  content: "\E21B"; }

.icon-thumbs-up:before {
  content: "\E21C"; }

.icon-tint:before {
  content: "\E21D"; }

.icon-tint-hollow:before {
  content: "\E21E"; }

.icon-tint-none:before {
  content: "\E21F"; }

.icon-tool-arrow:before {
  content: "\E220"; }

.icon-tool-circle:before {
  content: "\E221"; }

.icon-tool-crop:before {
  content: "\E222"; }

.icon-tool-draw:before {
  content: "\E223"; }

.icon-tool-erase:before {
  content: "\E224"; }

.icon-tool-eyedrop:before {
  content: "\E225"; }

.icon-tool-fill:before {
  content: "\E226"; }

.icon-tool-hand:before {
  content: "\E227"; }

.icon-tool-library:before {
  content: "\E228"; }

.icon-tool-line:before {
  content: "\E229"; }

.icon-tool-magic-wand:before {
  content: "\E22A"; }

.icon-tool-pointer:before {
  content: "\E22B"; }

.icon-tool-rectangle:before {
  content: "\E22C"; }

.icon-tool-scribble:before {
  content: "\E22D"; }

.icon-tool-stroke:before {
  content: "\E22E"; }

.icon-tool-text:before {
  content: "\E22F"; }

.icon-tool-text-alt:before {
  content: "\E230"; }

.icon-tool-zone:before {
  content: "\E231"; }

.icon-tool-zones:before {
  content: "\E232"; }

.icon-transfer:before {
  content: "\E233"; }

.icon-trash:before {
  content: "\E234"; }

.icon-tree-conifer:before {
  content: "\E235"; }

.icon-tree-deciduous:before {
  content: "\E236"; }

.icon-triangle-0:before {
  content: "\E237"; }

.icon-triangle-0-bottom:before {
  content: "\E238"; }

.icon-triangle-0-left:before {
  content: "\E239"; }

.icon-triangle-0-right:before {
  content: "\E23A"; }

.icon-triangle-0-top:before {
  content: "\E23B"; }

.icon-triangle-1:before {
  content: "\E23C"; }

.icon-triangle-1-bottom:before {
  content: "\E23D"; }

.icon-triangle-1-left:before {
  content: "\E23E"; }

.icon-triangle-1-right:before {
  content: "\E23F"; }

.icon-triangle-1-top:before {
  content: "\E240"; }

.icon-triangle-2:before {
  content: "\E241"; }

.icon-triangle-2-bottom:before {
  content: "\E242"; }

.icon-triangle-2-left:before {
  content: "\E243"; }

.icon-triangle-2-right:before {
  content: "\E244"; }

.icon-triangle-2-top:before {
  content: "\E245"; }

.icon-triangle-3:before {
  content: "\E246"; }

.icon-triangle-3-bottom:before, .btn.btn-dropdown:before {
  content: "\E247"; }

.icon-triangle-3-left:before {
  content: "\E248"; }

.icon-triangle-3-right:before {
  content: "\E249"; }

.icon-triangle-3-top:before {
  content: "\E24A"; }

.icon-triangle-4:before {
  content: "\E24B"; }

.icon-triangle-4-bottom:before {
  content: "\E24C"; }

.icon-triangle-4-left:before {
  content: "\E24D"; }

.icon-triangle-4-right:before {
  content: "\E24E"; }

.icon-triangle-4-top:before {
  content: "\E24F"; }

.icon-triangle-down:before {
  content: "\E250"; }

.icon-triangle-left:before, .btn-prev:before {
  content: "\E251"; }

.icon-triangle-right:before, .btn-next:before {
  content: "\E252"; }

.icon-triangle-up:before {
  content: "\E253"; }

.icon-triangles-horizontal:before {
  content: "\E254"; }

.icon-triangles-vertical:before {
  content: "\E255"; }

.icon-undo:before {
  content: "\E256"; }

.icon-ungroup:before {
  content: "\E257"; }

.icon-uniE000:before {
  content: "\E258"; }

.icon-upload:before {
  content: "\E259"; }

.icon-upload-alt:before {
  content: "\E25A"; }

.icon-user:before {
  content: "\E25B"; }

.icon-user-add:before {
  content: "\E25C"; }

.icon-user-group:before {
  content: "\E25D"; }

.icon-user-group-2:before {
  content: "\E25E"; }

.icon-user-group-3:before {
  content: "\E25F"; }

.icon-user-group-gentlemen:before {
  content: "\E260"; }

.icon-user-minus:before {
  content: "\E261"; }

.icon-user-remove:before {
  content: "\E262"; }

.icon-video-camera:before {
  content: "\E263"; }

.icon-video-camera-off:before {
  content: "\E264"; }

.icon-video-hd:before {
  content: "\E265"; }

.icon-video-sd:before {
  content: "\E266"; }

.icon-video-upload:before {
  content: "\E267"; }

.icon-vinyl:before {
  content: "\E268"; }

.icon-warning:before {
  content: "\E269"; }

.icon-wifi:before {
  content: "\E26A"; }

.icon-window:before {
  content: "\E26B"; }

.icon-window-new:before {
  content: "\E26C"; }

.icon-window-new-alt:before {
  content: "\E26D"; }

.icon-zone:before {
  content: "\E26E"; }

.icon-zone-edit:before {
  content: "\E26F"; }

.icon-zoom:before {
  content: "\E270"; }

.icon-zoom-in:before {
  content: "\E271"; }

.icon-zoom-out:before {
  content: "\E272"; }

.icon-helper-bar:before {
  content: "\E273"; }

.icon-helper-needle:before {
  content: "\E274"; }

.icon-helper-screen:before {
  content: "\E275"; }

.checkbox.checked:before {
  opacity: 1; }

.radio.checked:before {
  opacity: 1; }

.checkbox:active:before {
  opacity: 1; }

.radio:active:before {
  opacity: 1; }

.checkbox:active {
  color: white; }

.radio:active {
  color: white; }

.radio,
.checkbox {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block !important;
  padding: 20px 10px;
  padding-left: 35px;
  line-height: 1.5;
  width: 100%;
  text-align: left;
  font-weight: normal;
  cursor: pointer;
  border-radius: 3px;
  vertical-align: middle;
  position: relative; }
  .radio input,
  .checkbox input {
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    *overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -5px;
    width: 14px;
    height: 14px;
    display: none; }
  .radio:before,
  .checkbox:before {
    opacity: 0.25;
    font-size: 20px;
    height: 60px;
    width: 60px;
    display: inline-block;
    font-family: 'icon';
    text-align: center;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0s 0s ease-in-out;
    transition: all 0s 0s ease-in-out;
    margin-left: -18px;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 0; }
    .radio:before:after, .radio:before:before,
    .checkbox:before:after,
    .checkbox:before:before {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      position: absolute;
      height: 60px;
      width: 60px;
      line-height: 60px;
      text-align: center;
      left: 0px;
      top: 0px; }
    .radio:before:hover,
    .checkbox:before:hover {
      text-decoration: none; }
  .radio.plain,
  .checkbox.plain {
    background-color: transparent;
    margin: 0;
    margin-top: -6px;
    padding: 0px;
    line-height: 44px;
    padding-left: 33px;
    width: 100%; }
    .radio.plain input,
    .checkbox.plain input {
      margin-top: -7px;
      left: 6px; }
    .radio.plain:after,
    .checkbox.plain:after {
      background-color: #121212;
      -webkit-box-shadow: 0 0 0 4px #121212;
      box-shadow: 0 0 0 4px #121212; }
  .radio.only,
  .checkbox.only {
    margin: 0;
    width: 100%;
    text-align: left;
    line-height: 60px !important;
    vertical-align: middle;
    position: relative;
    background-color: transparent;
    padding: 0px !important;
    font-size: 0px;
    width: 60px;
    height: 60px; }
    .radio.only input,
    .checkbox.only input {
      float: none;
      margin: 0px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -7px; }
    .radio.only:before,
    .checkbox.only:before {
      margin-top: 0px;
      margin-left: 0px; }
  .radio.input-lg,
  .checkbox.input-lg {
    padding: 22px;
    padding-left: 50px;
    font-size: 16px;
    height: 65px;
    line-height: 20px;
    height: 65px;
    font-weight: 300; }
    .radio.input-lg input,
    .checkbox.input-lg input {
      margin-top: -8px;
      left: 20px; }
    .radio.input-lg:after,
    .checkbox.input-lg:after {
      margin-top: -12px;
      margin-left: 16px; }

.checkbox-group > * {
  display: inline-block !important;
  width: auto !important;
  padding-right: 15px !important; }

.file {
  display: inline-block !important;
  overflow: hidden;
  cursor: pointer; }
  .file input {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute; }

.number .slash {
  margin-left: -2px;
  margin-right: -2px;
  top: -2px;
  position: relative; }

.slash {
  font-size: 20px;
  opacity: 0.4;
  color: inherit;
  margin-top: -4px;
  margin-left: 5px;
  margin-right: 6px; }

.input-couple {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.input-couple {
  position: relative;
  display: table;
  border-collapse: separate;
  table-layout: fixed; }
  .input-couple.divided > div {
    padding-top: 15px;
    display: table-cell;
    border-right: 2px solid rgba(0, 0, 0, 0.025); }
    .input-couple.divided > div:last-child {
      border: none; }
  .input-couple > div {
    display: table-cell; }
    .input-couple > div:first-child .form-group {
      padding-right: 10px; }
      .input-couple > div:first-child .form-group .label, .input-couple > div:first-child .form-group .input {
        text-align: right !important; }
    .input-couple > div:last-child .form-group {
      padding-left: 10px; }
      .input-couple > div:last-child .form-group .label, .input-couple > div:last-child .form-group .input {
        text-align: left !important; }
    .input-couple > div .unit {
      display: none; }
  .input-couple .slash {
    position: absolute;
    font-size: 20px;
    opacity: 0.4;
    right: 3px;
    bottom: 0px;
    width: 0;
    height: 60px;
    line-height: 60px;
    color: inherit; }
  .input-couple .times {
    position: absolute;
    font-size: 20px;
    opacity: 0.4;
    right: 7px;
    bottom: 0px;
    width: 0;
    height: 60px;
    line-height: 60px; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group > * {
    display: table-cell;
    width: 100%; }
  .input-group .input {
    float: left;
    width: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .input-group .form-group {
    padding: 0px; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }
  .input-group-addon .btn,
  .input-group-btn .btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .input-group-addon .input,
  .input-group-btn .input {
    border-left: none; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }

.range-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 26px;
  padding-top: 24px; }

input[type='range'] {
  display: inline-block;
  -webkit-appearance: none !important;
  background-color: rgba(0, 0, 0, 0.05);
  height: 2px;
  border-radius: 30px !important;
  outline: 0;
  vertical-align: middle;
  width: 100%; }

input[type='range']::-webkit-slider-thumb {
  background-color: #888;
  border-radius: 3px;
  -webkit-appearance: none !important;
  height: 44px;
  width: 44px;
  border-radius: 100%;
  background-clip: content-box;
  border: 13px solid transparent; }
  input[type='range']::-webkit-slider-thumb:active {
    background-color: #292929 !important; }

.output-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 60px;
  width: auto; }

output {
  font-size: 11px;
  line-height: 1;
  background-clip: padding-box;
  color: #999;
  font-family: Avenir;
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  pointer-events: none;
  vertical-align: middle;
  letter-spacing: 0.1em; }

.input-select {
  background-color: rgba(255, 255, 255, 0.04);
  background-image: url("images/select_arrow.gif");
  border-radius: 3px;
  display: inline-block;
  width: 100%; }

select {
  appearance: none;
  padding-left: 0px;
  width: 100%; }

.table-wrap {
  margin-bottom: 30px; }

.table {
  width: 100%;
  font-family: Inter;
  border-radius: 3px;
  border: 2px solid rgba(0, 0, 0, 0.0125); }

.table thead > tr > th:first-child,
.table tbody > tr > th:first-child,
.table tfoot > tr > th:first-child,
.table thead > tr > td:first-child,
.table tbody > tr > td:first-child,
.table tfoot > tr > td:first-child {
  width: 1%;
  padding-left: 25px;
  text-align: left !important; }

.table thead > tr > th:last-child,
.table tbody > tr > th:last-child,
.table tfoot > tr > th:last-child,
.table thead > tr > td:last-child,
.table tbody > tr > td:last-child,
.table tfoot > tr > td:last-child {
  padding-right: 25px;
  text-align: right;
  width: 1%; }

.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 10px;
  border: none;
  font-size: 16px;
  line-height: inherit;
  vertical-align: middle;
  height: 60px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.0125) !important; }
  .table thead > tr > td.no-p,
  .table tbody > tr > td.no-p,
  .table tfoot > tr > td.no-p {
    padding: 0px; }
  .table thead > tr > td.max,
  .table tbody > tr > td.max,
  .table tfoot > tr > td.max {
    width: 100%; }
  .table thead > tr > td.min,
  .table tbody > tr > td.min,
  .table tfoot > tr > td.min {
    width: 1%; }

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th {
  border: none;
  line-height: inherit;
  vertical-align: middle;
  padding: 10px 20px;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left; }

.table tbody > tr:nth-child(odd) > td {
  background-color: rgba(0, 0, 0, 0.025); }

.table thead > tr:first-child > td:first-child,
.table tbody > tr:first-child > td:first-child,
.table tfoot > tr:first-child > td:first-child {
  border-top-left-radius: 3px; }

.table thead > tr:first-child > td:last-child,
.table tbody > tr:first-child > td:last-child,
.table tfoot > tr:first-child > td:last-child {
  border-top-right-radius: 3px; }

.table thead > tr:last-child > td:first-child,
.table tbody > tr:last-child > td:first-child,
.table tfoot > tr:last-child > td:first-child {
  border-bottom-left-radius: 3px; }

.table thead > tr:last-child > td:last-child,
.table tbody > tr:last-child > td:last-child,
.table tfoot > tr:last-child > td:last-child {
  border-bottom-right-radius: 3px; }

.number,
.letter {
  height: 60px;
  width: 60px;
  display: inline-block;
  font-family: Inter;
  font-size: 30px;
  font-size: 25px;
  line-height: 60px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  letter-spacing: -0.04em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0s 0s ease-in-out;
  transition: all 0s 0s ease-in-out;
  white-space: nowrap; }
  .number span,
  .letter span {
    font-weight: normal;
    opacity: 0.5; }
  .number.number-md,
  .letter.number-md {
    font-size: 16px;
    height: 44px;
    width: 44px;
    line-height: 43px; }

.btn-md .letter {
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 43px; }

.icon {
  position: relative;
  font-size: 20px;
  height: 60px;
  width: 60px;
  display: inline-block;
  font-family: 'icon';
  text-align: center;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0s 0s ease-in-out;
  transition: all 0s 0s ease-in-out; }
  .icon:after, .icon:before {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    left: 0px;
    top: 0px; }
  .icon:hover {
    text-decoration: none; }

.icon-soft {
  opacity: 0.5; }

.icon-xxs {
  font-size: 9px;
  height: 16px;
  width: 16px;
  line-height: 16px; }
  .icon-xxs:after, .icon-xxs:before {
    height: 16px;
    width: 16px;
    line-height: 12px; }

.icon-xs {
  font-size: 9px;
  height: 24px;
  width: 24px;
  line-height: 24px; }
  .icon-xs:after, .icon-xs:before {
    height: 24px;
    width: 24px;
    line-height: 24px; }

.icon-sm {
  font-size: 14px;
  height: 32px;
  width: 32px;
  line-height: 32px; }
  .icon-sm:after, .icon-sm:before {
    height: 32px;
    width: 32px;
    line-height: 32px; }

.icon-md {
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 43px; }
  .icon-md:after, .icon-md:before {
    height: 44px;
    width: 44px;
    line-height: 43px; }

.icon-xl {
  font-size: 28px;
  height: 80px;
  width: 80px;
  line-height: 80px; }
  .icon-xl:after, .icon-xl:before {
    height: 80px;
    width: 80px;
    line-height: 75px; }

.icon-xxl {
  font-size: 50px;
  height: 140px;
  width: 140px;
  line-height: 130px; }
  .icon-xxl:after, .icon-xxl:before {
    height: 140px;
    width: 140px;
    line-height: 130px; }

.rot45 > .icon {
  transform: rotateZ(45deg);
  transition: all 0.1s 0s ease-in-out !important; }

.rot45 > .icon::before  {
  transition: all 0.1s 0s ease-in-out !important; }

.rot45:hover > .icon {
  transform: rotateZ(45deg) translateX(-8px); }

.icon-svg {
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat; }

.icon-sd6 {
  background-image: url(/images/sd6-icon-white.svg); }

.icon-bullet:before {
  content: "\2022"; }

.icon-hyphen:before {
  content: "\002D"; }

.icon-Euro:before {
  content: "\20AC"; }

.icon-minus:before, .btn-less:before {
  content: "\2212"; }

.icon-plus:before, .btn-more:before {
  content: "\002B"; }

.icon-cloud:before {
  content: "\2601"; }

.icon-lightning:before {
  content: "\2607"; }

.icon-heartsuitblack:before {
  content: "\2665"; }

.icon-whiteFlag:before {
  content: "\2690"; }

.icon-blackFlag:before {
  content: "\2691"; }

.icon-crossedSwords:before {
  content: "\2694"; }

.icon-blackScissorsRight:before {
  content: "\2702"; }

.icon-airplane:before {
  content: "\2708"; }

.icon-envelope:before {
  content: "\2709"; }

.icon-pencil:before {
  content: "\270F"; }

.icon-sparkle:before {
  content: "\2747"; }

.icon-at:before {
  content: "\0040"; }

.icon-copyright:before {
  content: "\00A9"; }

.icon-registered:before {
  content: "\00AE"; }

.icon-section:before {
  content: "\00A7"; }

.icon-battery:before {
  content: "\1F50B"; }

.icon-bell:before {
  content: "\1F514"; }

.icon-bookmark:before {
  content: "\1F516"; }

.icon-calendar:before {
  content: "\1F4C5"; }

.icon-camera:before {
  content: "\1F4F7"; }

.icon-clipboard:before {
  content: "\1F4CB"; }

.icon-hourglass:before {
  content: "\231B"; }

.icon-microphone:before {
  content: "\1F3A4"; }

.icon-newspaper:before {
  content: "\1F4F0"; }

.icon-paperclip:before {
  content: "\1F4CE"; }

.icon-radio:before {
  content: "\1F4FB"; }

.icon-wrench:before {
  content: "\1F527"; }

.icon-align-bottom:before {
  content: "\E004"; }

.icon-align-center-horizontal:before {
  content: "\E005"; }

.icon-align-center-vertical:before {
  content: "\E006"; }

.icon-align-left:before {
  content: "\E007"; }

.icon-align-right:before {
  content: "\E008"; }

.icon-align-to-canvas:before {
  content: "\E009"; }

.icon-align-top:before {
  content: "\E00A"; }

.icon-align-vertical-bottom:before {
  content: "\E00B"; }

.icon-align-vertical-middle:before {
  content: "\E00C"; }

.icon-align-vertical-top:before {
  content: "\E00D"; }

.icon-antenna:before {
  content: "\E00E"; }

.icon-application:before {
  content: "\E00F"; }

.icon-arrow-0:before {
  content: "\E010"; }

.icon-arrow-1:before {
  content: "\E011"; }

.icon-arrow-2:before {
  content: "\E012"; }

.icon-arrow-3:before {
  content: "\E013"; }

.icon-arrow-4:before {
  content: "\E014"; }

.icon-arrow-bottom-light:before {
  content: "\E015"; }

.icon-arrow-down:before {
  content: "\E016"; }

.icon-arrow-fork:before {
  content: "\E017"; }

.icon-arrow-horizontal:before {
  content: "\E018"; }

.icon-arrow-left:before {
  content: "\E019"; }

.icon-arrow-left-down:before {
  content: "\E01A"; }

.icon-arrow-left-light:before {
  content: "\E01B"; }

.icon-arrow-left-up:before {
  content: "\E01C"; }

.icon-arrow-merge:before {
  content: "\E01D"; }

.icon-arrow-right:before {
  content: "\E01E"; }

.icon-arrow-right-down:before {
  content: "\E01F"; }

.icon-arrow-right-light:before {
  content: "\E020"; }

.icon-arrow-right-up:before {
  content: "\E021"; }

.icon-arrow-thin-down:before {
  content: "\E022"; }

.icon-arrow-thin-left:before {
  content: "\E023"; }

.icon-arrow-thin-right:before {
  content: "\E024"; }

.icon-arrow-thin-up:before {
  content: "\E025"; }

.icon-arrow-top:before {
  content: "\E026"; }

.icon-arrow-top-light:before {
  content: "\E027"; }

.icon-arrow-vertical:before {
  content: "\E028"; }

.icon-arrows-horizontal:before {
  content: "\E029"; }

.icon-arrows-in:before {
  content: "\E02A"; }

.icon-arrows-out:before {
  content: "\E02B"; }

.icon-arrows-thin-horizontal:before {
  content: "\E02C"; }

.icon-arrows-thin-vertical:before {
  content: "\E02D"; }

.icon-arrows-vertical:before {
  content: "\E02E"; }

.icon-ban-0:before {
  content: "\E02F"; }

.icon-ban-1:before {
  content: "\E030"; }

.icon-ban-2:before {
  content: "\E031"; }

.icon-ban-3:before {
  content: "\E032"; }

.icon-ban-4:before {
  content: "\E033"; }

.icon-bar-code:before {
  content: "\E034"; }

.icon-battery-0:before {
  content: "\E035"; }

.icon-battery-1:before {
  content: "\E036"; }

.icon-battery-2:before {
  content: "\E037"; }

.icon-battery-3:before {
  content: "\E038"; }

.icon-battery-4:before {
  content: "\E039"; }

.icon-battery-5:before {
  content: "\E03A"; }

.icon-battery-6:before {
  content: "\E03B"; }

.icon-battery-7:before {
  content: "\E03C"; }

.icon-battery-8:before {
  content: "\E03D"; }

.icon-battery-loading:before {
  content: "\E03E"; }

.icon-beverage-beer:before {
  content: "\E03F"; }

.icon-beverage-cocktail:before {
  content: "\E040"; }

.icon-beverage-wine:before {
  content: "\E041"; }

.icon-book:before {
  content: "\E042"; }

.icon-book-contacts:before {
  content: "\E043"; }

.icon-book-open:before {
  content: "\E044"; }

.icon-border-dashed:before {
  content: "\E045"; }

.icon-border-dotted:before {
  content: "\E046"; }

.icon-border-radius:before {
  content: "\E047"; }

.icon-border-solid:before {
  content: "\E048"; }

.icon-brightness:before {
  content: "\E049"; }

.icon-calculator:before {
  content: "\E04A"; }

.icon-calculator-black:before {
  content: "\E04B"; }

.icon-camera-black:before {
  content: "\E04C"; }

.icon-canvas:before {
  content: "\E04D"; }

.icon-canvas-square:before {
  content: "\E04E"; }

.icon-cd:before {
  content: "\E04F"; }

.icon-certificate:before {
  content: "\E050"; }

.icon-chart-0:before {
  content: "\E051"; }

.icon-chart-1:before {
  content: "\E052"; }

.icon-chart-2:before {
  content: "\E053"; }

.icon-chart-3:before {
  content: "\E054"; }

.icon-chart-4:before {
  content: "\E055"; }

.icon-chart-5:before {
  content: "\E056"; }

.icon-chart-6:before {
  content: "\E057"; }

.icon-chart-7:before {
  content: "\E058"; }

.icon-chart-8:before {
  content: "\E059"; }

.icon-chart-bars:before {
  content: "\E05A"; }

.icon-check:before {
  content: "\E05B"; }

.icon-chevron-down-0:before {
  content: "\E05C"; }

.icon-chevron-down-1:before {
  content: "\E05D"; }

.icon-chevron-down-2:before {
  content: "\E05E"; }

.icon-chevron-down-3:before {
  content: "\E05F"; }

.icon-chevron-down-4:before {
  content: "\E060"; }

.icon-chevron-left-0:before {
  content: "\E061"; }

.icon-chevron-left-1:before {
  content: "\E062"; }

.icon-chevron-left-2:before {
  content: "\E063"; }

.icon-chevron-left-3:before {
  content: "\E064"; }

.icon-chevron-left-4:before {
  content: "\E065"; }

.icon-chevron-right-0:before {
  content: "\E066"; }

.icon-chevron-right-1:before {
  content: "\E067"; }

.icon-chevron-right-2:before {
  content: "\E068"; }

.icon-chevron-right-3:before {
  content: "\E069"; }

.icon-chevron-right-4:before {
  content: "\E06A"; }

.icon-chevron-up-0:before {
  content: "\E06B"; }

.icon-chevron-up-1:before {
  content: "\E06C"; }

.icon-chevron-up-2:before {
  content: "\E06D"; }

.icon-chevron-up-3:before {
  content: "\E06E"; }

.icon-chevron-up-4:before {
  content: "\E06F"; }

.icon-circle-0:before {
  content: "\E070"; }

.icon-circle-1:before {
  content: "\E071"; }

.icon-circle-2:before {
  content: "\E072"; }

.icon-circle-3:before {
  content: "\E073"; }

.icon-circle-4:before {
  content: "\E074"; }

.icon-circle-check:before {
  content: "\E075"; }

.icon-circle-down:before {
  content: "\E076"; }

.icon-circle-exclude:before {
  content: "\E077"; }

.icon-circle-info:before {
  content: "\E078"; }

.icon-circle-intersect:before {
  content: "\E079"; }

.icon-circle-left:before {
  content: "\E07A"; }

.icon-circle-minus:before {
  content: "\E07B"; }

.icon-circle-plus:before {
  content: "\E07C"; }

.icon-circle-question:before {
  content: "\E07D"; }

.icon-circle-remove:before {
  content: "\E07E"; }

.icon-circle-right:before {
  content: "\E07F"; }

.icon-circle-subtract:before {
  content: "\E080"; }

.icon-circle-unite:before {
  content: "\E081"; }

.icon-circle-up:before {
  content: "\E082"; }

.icon-circle-warning:before {
  content: "\E083"; }

.icon-clock:before {
  content: "\E084"; }

.icon-cloud-down:before {
  content: "\E085"; }

.icon-cloud-upload:before {
  content: "\E086"; }

.icon-cluster:before {
  content: "\E087"; }

.icon-cogwheel:before {
  content: "\E088"; }

.icon-columns:before {
  content: "\E089"; }

.icon-columns-3:before {
  content: "\E08A"; }

.icon-compass:before {
  content: "\E08B"; }

.icon-compass-east:before {
  content: "\E08C"; }

.icon-compass-north:before {
  content: "\E08D"; }

.icon-compass-north-east:before {
  content: "\E08E"; }

.icon-compass-north-west:before {
  content: "\E08F"; }

.icon-compass-south:before {
  content: "\E090"; }

.icon-compass-south-east:before {
  content: "\E091"; }

.icon-compass-south-west:before {
  content: "\E092"; }

.icon-compass-west:before {
  content: "\E093"; }

.icon-contrast:before {
  content: "\E094"; }

.icon-controls-backward:before {
  content: "\E095"; }

.icon-controls-eject:before {
  content: "\E096"; }

.icon-controls-fast-backward:before {
  content: "\E097"; }

.icon-controls-fast-forward:before {
  content: "\E098"; }

.icon-controls-forward:before {
  content: "\E099"; }

.icon-controls-pause:before {
  content: "\E09A"; }

.icon-controls-play:before {
  content: "\E09B"; }

.icon-controls-stop:before {
  content: "\E09C"; }

.icon-couple:before {
  content: "\E09D"; }

.icon-creditcard:before {
  content: "\E09E"; }

.icon-cross-0:before {
  content: "\E09F"; }

.icon-cross-1:before {
  content: "\E0A0"; }

.icon-cross-2:before {
  content: "\E0A1"; }

.icon-cross-3:before {
  content: "\E0A2"; }

.icon-cross-4:before {
  content: "\E0A3"; }

.icon-cross-hair:before {
  content: "\E0A4"; }

.icon-cullumn-spacing:before {
  content: "\E0A5"; }

.icon-currency-dollar:before {
  content: "\E0A6"; }

.icon-currency-pound:before {
  content: "\E0A7"; }

.icon-cursor-text:before {
  content: "\E0A8"; }

.icon-cursor-text-frame:before {
  content: "\E0A9"; }

.icon-curved-arrow:before {
  content: "\E0AA"; }

.icon-cuttlery:before {
  content: "\E0AB"; }

.icon-dashboard:before {
  content: "\E0AC"; }

.icon-device-desktop:before {
  content: "\E0AD"; }

.icon-device-mobile:before {
  content: "\E0AE"; }

.icon-device-mobile-down:before {
  content: "\E0AF"; }

.icon-device-mobile-transfer:before {
  content: "\E0B0"; }

.icon-device-mobile-up:before {
  content: "\E0B1"; }

.icon-device-mp3:before {
  content: "\E0B2"; }

.icon-device-notebook:before {
  content: "\E0B3"; }

.icon-device-tablet:before {
  content: "\E0B4"; }

.icon-directions-axis:before {
  content: "\E0B5"; }

.icon-directions-omni:before {
  content: "\E0B6"; }

.icon-directions-seperate:before {
  content: "\E0B7"; }

.icon-distribute-horizontal:before {
  content: "\E0B8"; }

.icon-distribute-vertical:before {
  content: "\E0B9"; }

.icon-download:before {
  content: "\E0BA"; }

.icon-duplicate:before {
  content: "\E0BB"; }

.icon-duplicate-alt:before {
  content: "\E0BC"; }

.icon-edge-bottom:before {
  content: "\E0BD"; }

.icon-edge-left:before {
  content: "\E0BE"; }

.icon-edge-right:before {
  content: "\E0BF"; }

.icon-edge-top:before {
  content: "\E0C0"; }

.icon-ellipse-horizontal:before {
  content: "\E0C1"; }

.icon-ellipse-vertical:before {
  content: "\E0C2"; }

.icon-embed:before {
  content: "\E0C3"; }

.icon-embed-alt:before {
  content: "\E0C4"; }

.icon-emote-1:before {
  content: "\E0C5"; }

.icon-emote-2:before {
  content: "\E0C6"; }

.icon-emote-3:before {
  content: "\E0C7"; }

.icon-emote-4:before {
  content: "\E0C8"; }

.icon-emote-big-smile:before {
  content: "\E0C9"; }

.icon-emote-only-happy:before {
  content: "\E0CA"; }

.icon-emote-sad:before {
  content: "\E0CB"; }

.icon-emote-smile:before {
  content: "\E0CC"; }

.icon-emote-tongue:before {
  content: "\E0CD"; }

.icon-escape:before {
  content: "\E0CE"; }

.icon-eye-closed:before {
  content: "\E0CF"; }

.icon-eye-open:before {
  content: "\E0D0"; }

.icon-feather:before {
  content: "\E0D1"; }

.icon-female:before {
  content: "\E0D2"; }

.icon-female-afro:before {
  content: "\E0D3"; }

.icon-female-bun:before {
  content: "\E0D4"; }

.icon-female-emo:before {
  content: "\E0D5"; }

.icon-female-long-hair:before {
  content: "\E0D6"; }

.icon-female-moslem:before {
  content: "\E0D7"; }

.icon-female-pigtails:before {
  content: "\E0D8"; }

.icon-female-pigtails-alt:before {
  content: "\E0D9"; }

.icon-female-user:before {
  content: "\E0DA"; }

.icon-fetch:before {
  content: "\E0DB"; }

.icon-file-check:before {
  content: "\E0DC"; }

.icon-file-edit:before {
  content: "\E0DD"; }

.icon-file-share:before {
  content: "\E0DE"; }

.icon-fit-to:before {
  content: "\E0DF"; }

.icon-flag:before {
  content: "\E0E0"; }

.icon-flip-down:before {
  content: "\E0E1"; }

.icon-flip-left:before {
  content: "\E0E2"; }

.icon-flip-right:before {
  content: "\E0E3"; }

.icon-flip-up:before {
  content: "\E0E4"; }

.icon-floppydisk:before {
  content: "\E0E5"; }

.icon-flow:before {
  content: "\E0E6"; }

.icon-folder:before, #folder-grid .item.folder-up:before,
#folder-grid .item.folder .item-type:before {
  content: "\E0E7"; }

.icon-folder-down:before {
  content: "\E0E8"; }

.icon-folder-favorites:before {
  content: "\E0E9"; }

.icon-folder-flagged:before {
  content: "\E0EA"; }

.icon-folder-leave:before {
  content: "\E0EB"; }

.icon-folder-locked:before {
  content: "\E0EC"; }

.icon-folder-minus:before {
  content: "\E0ED"; }

.icon-folder-open:before {
  content: "\E0EE"; }

.icon-folder-open-2:before {
  content: "\E0EF"; }

.icon-folder-plus:before {
  content: "\E0F0"; }

.icon-folder-remove:before {
  content: "\E0F1"; }

.icon-folder-shared:before {
  content: "\E0F2"; }

.icon-folder-up:before {
  content: "\E0F3"; }

.icon-form-exclude:before {
  content: "\E0F4"; }

.icon-form-intersect:before {
  content: "\E0F5"; }

.icon-form-subtract:before {
  content: "\E0F6"; }

.icon-form-unite:before {
  content: "\E0F7"; }

.icon-full-screen:before {
  content: "\E0F8"; }

.icon-fullscreen-off:before {
  content: "\E0F9"; }

.icon-fullscreen-on:before {
  content: "\E0FA"; }

.icon-globe:before {
  content: "\E0FB"; }

.icon-grid:before {
  content: "\E0FC"; }

.icon-grid-free:before {
  content: "\E0FD"; }

.icon-grid-small:before {
  content: "\E0FE"; }

.icon-group:before {
  content: "\E0FF"; }

.icon-handle:before {
  content: "\E100"; }

.icon-harddrive:before {
  content: "\E101"; }

.icon-heading:before {
  content: "\E102"; }

.icon-headphones:before {
  content: "\E103"; }

.icon-heart:before {
  content: "\E104"; }

.icon-heart-hollow:before {
  content: "\E105"; }

.icon-history:before {
  content: "\E106"; }

.icon-home:before {
  content: "\E107"; }

.icon-human:before {
  content: "\E108"; }

.icon-inbox:before {
  content: "\E109"; }

.icon-info:before {
  content: "\E10A"; }

.icon-input-checkbox:before {
  content: "\E10B"; }

.icon-input-checkbox-checked:before, .checkbox.checked:before, .checkbox:hover:before, .checkbox:active:before {
  content: "\E10C"; }

.icon-input-radio:before, .radio:before,
.checkbox:before {
  content: "\E10D"; }

.icon-input-radio-checked:before, .radio.checked:before, .radio:hover:before, .radio:active:before {
  content: "\E10E"; }

.icon-leave:before {
  content: "\E10F"; }

.icon-lightbulb:before {
  content: "\E110"; }

.icon-line-0:before {
  content: "\E111"; }

.icon-line-1:before {
  content: "\E112"; }

.icon-line-2:before {
  content: "\E113"; }

.icon-line-3:before {
  content: "\E114"; }

.icon-line-4:before {
  content: "\E115"; }

.icon-line-half-0:before {
  content: "\E116"; }

.icon-line-half-1:before {
  content: "\E117"; }

.icon-line-half-2:before {
  content: "\E118"; }

.icon-line-half-3:before {
  content: "\E119"; }

.icon-line-half-4:before {
  content: "\E11A"; }

.icon-lines:before {
  content: "\E11B"; }

.icon-link:before {
  content: "\E11C"; }

.icon-link-closed:before {
  content: "\E11D"; }

.icon-link-closed-alt:before {
  content: "\E11E"; }

.icon-link-open:before {
  content: "\E11F"; }

.icon-link-open-alt:before {
  content: "\E120"; }

.icon-list:before {
  content: "\E121"; }

.icon-location:before {
  content: "\E122"; }

.icon-lock-closed:before {
  content: "\E123"; }

.icon-lock-open:before {
  content: "\E124"; }

.icon-login:before {
  content: "\E125"; }

.icon-logout:before {
  content: "\E126"; }

.icon-loop:before {
  content: "\E127"; }

.icon-magnet:before {
  content: "\E128"; }

.icon-mail:before {
  content: "\E129"; }

.icon-male:before {
  content: "\E12A"; }

.icon-male-add:before {
  content: "\E12B"; }

.icon-male-afro:before {
  content: "\E12C"; }

.icon-male-business:before {
  content: "\E12D"; }

.icon-male-cool:before {
  content: "\E12E"; }

.icon-male-emo:before {
  content: "\E12F"; }

.icon-male-flathat:before {
  content: "\E130"; }

.icon-male-gentleman:before {
  content: "\E131"; }

.icon-male-hoodie:before {
  content: "\E132"; }

.icon-male-jew:before {
  content: "\E133"; }

.icon-male-monk:before {
  content: "\E134"; }

.icon-male-moslem:before {
  content: "\E135"; }

.icon-male-mustache:before {
  content: "\E136"; }

.icon-male-punk:before {
  content: "\E137"; }

.icon-male-remove:before {
  content: "\E138"; }

.icon-male-scuba:before {
  content: "\E139"; }

.icon-male-soldier:before {
  content: "\E13A"; }

.icon-male-techno:before {
  content: "\E13B"; }

.icon-male-user:before {
  content: "\E13C"; }

.icon-megaphone:before {
  content: "\E13D"; }

.icon-menu:before {
  content: "\E13E"; }

.icon-menu-2:before {
  content: "\E13F"; }

.icon-message:before {
  content: "\E140"; }

.icon-message-add:before {
  content: "\E141"; }

.icon-message-blank:before {
  content: "\E142"; }

.icon-messages:before {
  content: "\E143"; }

.icon-microphone-off:before {
  content: "\E144"; }

.icon-mirror-horizontal:before {
  content: "\E145"; }

.icon-mirror-horizontal-alt:before {
  content: "\E146"; }

.icon-mirror-vertical:before {
  content: "\E147"; }

.icon-mirror-vertical-alt:before {
  content: "\E148"; }

.icon-moon-first-quarter:before {
  content: "\E149"; }

.icon-moon-full:before {
  content: "\E14A"; }

.icon-moon-new:before {
  content: "\E14B"; }

.icon-moon-third-quarter:before {
  content: "\E14C"; }

.icon-moon-waning-crescent:before {
  content: "\E14D"; }

.icon-moon-waning-gibbous:before {
  content: "\E14E"; }

.icon-moon-waxing-crescent:before {
  content: "\E14F"; }

.icon-moon-waxing-gibbous:before {
  content: "\E150"; }

.icon-move:before {
  content: "\E151"; }

.icon-move-down:before {
  content: "\E152"; }

.icon-move-left:before {
  content: "\E153"; }

.icon-move-right:before {
  content: "\E154"; }

.icon-move-up:before {
  content: "\E155"; }

.icon-movie:before {
  content: "\E156"; }

.icon-music-note:before {
  content: "\E157"; }

.icon-music-upload:before {
  content: "\E158"; }

.icon-newspaper-alt:before {
  content: "\E159"; }

.icon-padding:before {
  content: "\E15A"; }

.icon-padding-bottom:before {
  content: "\E15B"; }

.icon-padding-left:before {
  content: "\E15C"; }

.icon-padding-right:before {
  content: "\E15D"; }

.icon-padding-top:before {
  content: "\E15E"; }

.icon-page-horizontal:before, #folder-grid .item.space .item-type:before {
  content: "\E15F"; }

.icon-page-horizontal-down:before {
  content: "\E160"; }

.icon-page-horizontal-flag:before {
  content: "\E161"; }

.icon-page-horizontal-locked:before {
  content: "\E162"; }

.icon-page-horizontal-minus:before {
  content: "\E163"; }

.icon-page-horizontal-plus:before {
  content: "\E164"; }

.icon-page-horizontal-remove:before {
  content: "\E165"; }

.icon-page-horizontal-up:before {
  content: "\E166"; }

.icon-page-vert:before {
  content: "\E167"; }

.icon-page-vertical-double:before {
  content: "\E168"; }

.icon-page-vertical-down:before {
  content: "\E169"; }

.icon-page-vertical-flag:before {
  content: "\E16A"; }

.icon-page-vertical-image:before {
  content: "\E16B"; }

.icon-page-vertical-locked:before {
  content: "\E16C"; }

.icon-page-vertical-minus:before {
  content: "\E16D"; }

.icon-page-vertical-plus:before {
  content: "\E16E"; }

.icon-page-vertical-remove:before {
  content: "\E16F"; }

.icon-page-vertical-table:before {
  content: "\E170"; }

.icon-page-vertical-text:before {
  content: "\E171"; }

.icon-page-vertical-up:before {
  content: "\E172"; }

.icon-palette:before {
  content: "\E173"; }

.icon-palette-alt:before {
  content: "\E174"; }

.icon-paperplane:before {
  content: "\E175"; }

.icon-photofilm:before {
  content: "\E176"; }

.icon-picture:before {
  content: "\E177"; }

.icon-picture-landscape:before {
  content: "\E178"; }

.icon-picture-portrait:before {
  content: "\E179"; }

.icon-picture-upload:before {
  content: "\E17A"; }

.icon-pictures:before {
  content: "\E17B"; }

.icon-pin:before {
  content: "\E17C"; }

.icon-planet:before {
  content: "\E001"; }

.icon-point:before {
  content: "\E17D"; }

.icon-pointing-down:before {
  content: "\E17E"; }

.icon-pointing-left:before {
  content: "\E17F"; }

.icon-pointing-right:before {
  content: "\E180"; }

.icon-pointing-up:before {
  content: "\E181"; }

.icon-postcard:before {
  content: "\E182"; }

.icon-power-off:before {
  content: "\E183"; }

.icon-present:before {
  content: "\E184"; }

.icon-presentation:before {
  content: "\E185"; }

.icon-printer:before {
  content: "\E186"; }

.icon-pull:before {
  content: "\E187"; }

.icon-push:before {
  content: "\E188"; }

.icon-qr-code:before {
  content: "\E189"; }

.icon-quote:before {
  content: "\E18A"; }

.icon-radio-black:before {
  content: "\E18B"; }

.icon-random:before {
  content: "\E18C"; }

.icon-record:before {
  content: "\E18D"; }

.icon-redo:before {
  content: "\E18E"; }

.icon-resize-full:before {
  content: "\E18F"; }

.icon-resize-small:before {
  content: "\E190"; }

.icon-retweet:before {
  content: "\E191"; }

.icon-rings:before {
  content: "\E192"; }

.icon-road:before {
  content: "\E193"; }

.icon-rotate:before {
  content: "\E194"; }

.icon-rotate-2:before {
  content: "\E195"; }

.icon-rotate-3:before {
  content: "\E196"; }

.icon-rotate-left:before {
  content: "\E197"; }

.icon-rotate-right:before {
  content: "\E198"; }

.icon-rss:before {
  content: "\E199"; }

.icon-search:before {
  content: "\E000"; }

.icon-section-alt:before {
  content: "\E19A"; }

.icon-section-alt-2:before {
  content: "\E19B"; }

.icon-section-edit:before {
  content: "\E19C"; }

.icon-selection:before {
  content: "\E19D"; }

.icon-selection-circle:before {
  content: "\E19E"; }

.icon-selection-circle-strong:before {
  content: "\E19F"; }

.icon-selection-square:before {
  content: "\E1A0"; }

.icon-selection-square-strong:before {
  content: "\E1A1"; }

.icon-server:before {
  content: "\E1A2"; }

.icon-shape-bubble:before {
  content: "\E1A3"; }

.icon-shape-burst:before {
  content: "\E1A4"; }

.icon-shape-circle:before {
  content: "\E1A5"; }

.icon-shape-cloud:before {
  content: "\E1A6"; }

.icon-shape-cross:before {
  content: "\E1A7"; }

.icon-shape-heart:before {
  content: "\E1A8"; }

.icon-shape-hexagon:before {
  content: "\E1A9"; }

.icon-shape-octagon:before {
  content: "\E1AA"; }

.icon-shape-pentagon:before {
  content: "\E1AB"; }

.icon-shape-plus:before {
  content: "\E1AC"; }

.icon-shape-square:before {
  content: "\E1AD"; }

.icon-shape-star:before {
  content: "\E1AE"; }

.icon-shape-triangle:before {
  content: "\E1AF"; }

.icon-shapes:before {
  content: "\E1B0"; }

.icon-share:before {
  content: "\E1B1"; }

.icon-shopping-cart:before {
  content: "\E1B2"; }

.icon-signal:before {
  content: "\E1B3"; }

.icon-signal-alt:before {
  content: "\E1B4"; }

.icon-size:before {
  content: "\E1B5"; }

.icon-size-both:before {
  content: "\E1B6"; }

.icon-size-horizontal:before {
  content: "\E1B7"; }

.icon-size-vertical:before {
  content: "\E1B8"; }

.icon-social-dribbble:before {
  content: "\E1B9"; }

.icon-social-dropbox:before {
  content: "\E1BA"; }

.icon-social-facebook:before {
  content: "\E1BB"; }

.icon-social-flickr:before {
  content: "\E1BC"; }

.icon-social-google:before {
  content: "\E1BD"; }

.icon-social-soundcloud:before {
  content: "\E002"; }

.icon-social-square-dribbble:before {
  content: "\E1BE"; }

.icon-social-square-dropbox:before {
  content: "\E1BF"; }

.icon-social-square-facebook:before {
  content: "\E1C0"; }

.icon-social-square-flickr:before {
  content: "\E1C1"; }

.icon-social-square-google:before {
  content: "\E1C2"; }

.icon-social-square-soundcloud:before {
  content: "\E003"; }

.icon-social-square-tumblr:before {
  content: "\E1C3"; }

.icon-social-square-twitter:before {
  content: "\E1C4"; }

.icon-social-square-vimeo:before {
  content: "\E1C5"; }

.icon-social-square-vine:before {
  content: "\E1C6"; }

.icon-social-square-youtube:before {
  content: "\E1C7"; }

.icon-social-tumblr:before {
  content: "\E1C8"; }

.icon-social-twitter:before {
  content: "\E1C9"; }

.icon-social-vimeo:before {
  content: "\E1CA"; }

.icon-social-vine:before {
  content: "\E1CB"; }

.icon-social-youtube:before {
  content: "\E1CC"; }

.icon-sort-alphabetical-ascending:before {
  content: "\E1CD"; }

.icon-sort-alphabetical-descending:before {
  content: "\E1CE"; }

.icon-sort-ascending:before {
  content: "\E1CF"; }

.icon-sort-descending:before {
  content: "\E1D0"; }

.icon-sort-numerical-ascending:before {
  content: "\E1D1"; }

.icon-sort-numerical-descending:before {
  content: "\E1D2"; }

.icon-sorting:before {
  content: "\E1D3"; }

.icon-sorting-ascending:before {
  content: "\E1D4"; }

.icon-sorting-descending:before {
  content: "\E1D5"; }

.icon-sound-5-1:before {
  content: "\E1D6"; }

.icon-sound-6-1:before {
  content: "\E1D7"; }

.icon-sound-7-1:before {
  content: "\E1D8"; }

.icon-sound-dolby:before {
  content: "\E1D9"; }

.icon-sound-full:before {
  content: "\E1DA"; }

.icon-sound-off:before {
  content: "\E1DB"; }

.icon-sound-silent:before {
  content: "\E1DC"; }

.icon-sound-stereo:before {
  content: "\E1DD"; }

.icon-space-horizontal:before {
  content: "\E1DE"; }

.icon-space-shared:before {
  content: "\E1DF"; }

.icon-space-vertical:before {
  content: "\E1E0"; }

.icon-spacedeck-logo:before {
  content: "\E1E1"; }

.icon-spacing-horizontal:before {
  content: "\E1E2"; }

.icon-spacing-vertical:before {
  content: "\E1E3"; }

.icon-square-down:before {
  content: "\E1E4"; }

.icon-square-left:before {
  content: "\E1E5"; }

.icon-square-right:before {
  content: "\E1E6"; }

.icon-square-up:before {
  content: "\E1E7"; }

.icon-stack-3d:before {
  content: "\E1E8"; }

.icon-stack-3d-bottom:before {
  content: "\E1E9"; }

.icon-stack-3d-top:before {
  content: "\E1EA"; }

.icon-stack-bottom:before {
  content: "\E1EB"; }

.icon-stack-down:before {
  content: "\E1EC"; }

.icon-stack-top:before {
  content: "\E1ED"; }

.icon-stack-up:before {
  content: "\E1EE"; }

.icon-star:before {
  content: "\E1EF"; }

.icon-star-hollow:before {
  content: "\E1F0"; }

.icon-stash-apply:before {
  content: "\E1F1"; }

.icon-stash-save:before {
  content: "\E1F2"; }

.icon-statistic:before {
  content: "\E1F3"; }

.icon-step-backward:before {
  content: "\E1F4"; }

.icon-step-forward:before {
  content: "\E1F5"; }

.icon-stroke-weight:before {
  content: "\E1F6"; }

.icon-subtitles:before {
  content: "\E1F7"; }

.icon-suitcase:before {
  content: "\E1F8"; }

.icon-table:before {
  content: "\E1F9"; }

.icon-tag:before {
  content: "\E1FA"; }

.icon-tags:before {
  content: "\E1FB"; }

.icon-text-align-center:before {
  content: "\E1FC"; }

.icon-text-align-center-alt:before {
  content: "\E1FD"; }

.icon-text-align-justify:before {
  content: "\E1FE"; }

.icon-text-align-justify-alt:before {
  content: "\E1FF"; }

.icon-text-align-left:before {
  content: "\E200"; }

.icon-text-align-left-alt:before {
  content: "\E201"; }

.icon-text-align-right:before {
  content: "\E202"; }

.icon-text-align-right-alt:before {
  content: "\E203"; }

.icon-text-allcaps:before {
  content: "\E204"; }

.icon-text-bold:before {
  content: "\E205"; }

.icon-text-frame:before {
  content: "\E206"; }

.icon-text-indent:before {
  content: "\E207"; }

.icon-text-italic:before {
  content: "\E208"; }

.icon-text-list:before {
  content: "\E209"; }

.icon-text-list-alphabetical:before {
  content: "\E20A"; }

.icon-text-list-alt:before {
  content: "\E20B"; }

.icon-text-list-bullet:before {
  content: "\E20C"; }

.icon-text-list-numbered:before {
  content: "\E20D"; }

.icon-text-normal:before {
  content: "\E20E"; }

.icon-text-remove-format:before {
  content: "\E20F"; }

.icon-text-roman:before {
  content: "\E210"; }

.icon-text-size:before {
  content: "\E211"; }

.icon-text-strike:before {
  content: "\E212"; }

.icon-text-styles:before {
  content: "\E213"; }

.icon-text-sub:before {
  content: "\E214"; }

.icon-text-super:before {
  content: "\E215"; }

.icon-text-typeface:before {
  content: "\E216"; }

.icon-text-underline:before {
  content: "\E217"; }

.icon-text-unindent:before {
  content: "\E218"; }

.icon-text-uppercase:before {
  content: "\E219"; }

.icon-text-width:before {
  content: "\E21A"; }

.icon-thumbs-down:before {
  content: "\E21B"; }

.icon-thumbs-up:before {
  content: "\E21C"; }

.icon-tint:before {
  content: "\E21D"; }

.icon-tint-hollow:before {
  content: "\E21E"; }

.icon-tint-none:before {
  content: "\E21F"; }

.icon-tool-arrow:before {
  content: "\E220"; }

.icon-tool-circle:before {
  content: "\E221"; }

.icon-tool-crop:before {
  content: "\E222"; }

.icon-tool-draw:before {
  content: "\E223"; }

.icon-tool-erase:before {
  content: "\E224"; }

.icon-tool-eyedrop:before {
  content: "\E225"; }

.icon-tool-fill:before {
  content: "\E226"; }

.icon-tool-hand:before {
  content: "\E227"; }

.icon-tool-library:before {
  content: "\E228"; }

.icon-tool-line:before {
  content: "\E229"; }

.icon-tool-magic-wand:before {
  content: "\E22A"; }

.icon-tool-pointer:before {
  content: "\E22B"; }

.icon-tool-rectangle:before {
  content: "\E22C"; }

.icon-tool-scribble:before {
  content: "\E22D"; }

.icon-tool-stroke:before {
  content: "\E22E"; }

.icon-tool-text:before {
  content: "\E22F"; }

.icon-tool-text-alt:before {
  content: "\E230"; }

.icon-tool-zone:before {
  content: "\E231"; }

.icon-tool-zones:before {
  content: "\E232"; }

.icon-transfer:before {
  content: "\E233"; }

.icon-trash:before {
  content: "\E234"; }

.icon-tree-conifer:before {
  content: "\E235"; }

.icon-tree-deciduous:before {
  content: "\E236"; }

.icon-triangle-0:before {
  content: "\E237"; }

.icon-triangle-0-bottom:before {
  content: "\E238"; }

.icon-triangle-0-left:before {
  content: "\E239"; }

.icon-triangle-0-right:before {
  content: "\E23A"; }

.icon-triangle-0-top:before {
  content: "\E23B"; }

.icon-triangle-1:before {
  content: "\E23C"; }

.icon-triangle-1-bottom:before {
  content: "\E23D"; }

.icon-triangle-1-left:before {
  content: "\E23E"; }

.icon-triangle-1-right:before {
  content: "\E23F"; }

.icon-triangle-1-top:before {
  content: "\E240"; }

.icon-triangle-2:before {
  content: "\E241"; }

.icon-triangle-2-bottom:before {
  content: "\E242"; }

.icon-triangle-2-left:before {
  content: "\E243"; }

.icon-triangle-2-right:before {
  content: "\E244"; }

.icon-triangle-2-top:before {
  content: "\E245"; }

.icon-triangle-3:before {
  content: "\E246"; }

.icon-triangle-3-bottom:before, .btn.btn-dropdown:before {
  content: "\E247"; }

.icon-triangle-3-left:before {
  content: "\E248"; }

.icon-triangle-3-right:before {
  content: "\E249"; }

.icon-triangle-3-top:before {
  content: "\E24A"; }

.icon-triangle-4:before {
  content: "\E24B"; }

.icon-triangle-4-bottom:before {
  content: "\E24C"; }

.icon-triangle-4-left:before {
  content: "\E24D"; }

.icon-triangle-4-right:before {
  content: "\E24E"; }

.icon-triangle-4-top:before {
  content: "\E24F"; }

.icon-triangle-down:before {
  content: "\E250"; }

.icon-triangle-left:before, .btn-prev:before {
  content: "\E251"; }

.icon-triangle-right:before, .btn-next:before {
  content: "\E252"; }

.icon-triangle-up:before {
  content: "\E253"; }

.icon-triangles-horizontal:before {
  content: "\E254"; }

.icon-triangles-vertical:before {
  content: "\E255"; }

.icon-undo:before {
  content: "\E256"; }

.icon-ungroup:before {
  content: "\E257"; }

.icon-uniE000:before {
  content: "\E258"; }

.icon-upload:before {
  content: "\E259"; }

.icon-upload-alt:before {
  content: "\E25A"; }

.icon-user:before {
  content: "\E25B"; }

.icon-user-add:before {
  content: "\E25C"; }

.icon-user-group:before {
  content: "\E25D"; }

.icon-user-group-2:before {
  content: "\E25E"; }

.icon-user-group-3:before {
  content: "\E25F"; }

.icon-user-group-gentlemen:before {
  content: "\E260"; }

.icon-user-minus:before {
  content: "\E261"; }

.icon-user-remove:before {
  content: "\E262"; }

.icon-video-camera:before {
  content: "\E263"; }

.icon-video-camera-off:before {
  content: "\E264"; }

.icon-video-hd:before {
  content: "\E265"; }

.icon-video-sd:before {
  content: "\E266"; }

.icon-video-upload:before {
  content: "\E267"; }

.icon-vinyl:before {
  content: "\E268"; }

.icon-warning:before {
  content: "\E269"; }

.icon-wifi:before {
  content: "\E26A"; }

.icon-window:before {
  content: "\E26B"; }

.icon-window-new:before {
  content: "\E26C"; }

.icon-window-new-alt:before {
  content: "\E26D"; }

.icon-zone:before {
  content: "\E26E"; }

.icon-zone-edit:before {
  content: "\E26F"; }

.icon-zoom:before {
  content: "\E270"; }

.icon-zoom-in:before {
  content: "\E271"; }

.icon-zoom-out:before {
  content: "\E272"; }

.icon-helper-bar:before {
  content: "\E273"; }

.icon-helper-needle:before {
  content: "\E274"; }

.icon-helper-screen:before {
  content: "\E275"; }

.contrast-black {
  color: black !important; }

.contrast-white {
  color: white !important; }

.btn-group.colors .btn {
  box-shadow: inset 0 0 30px 0px rgba(40, 40, 40, 0.1); }

.vertical .btn-divider {
  min-width: 60px !important;
  width: 60px !important;
  min-height: 2px !important;
  height: 2px !important;
  margin: -1px 0; }

.btn-divider {
  min-width: 2px !important;
  width: 2px !important;
  padding: 0px !important;
  background-color: rgba(140, 140, 140, 0.5) !important;
  opacity: 0.25;
  margin: 0 -1px;
  z-index: 1000;
  position: relative; }

.btn {
  white-space: nowrap;
  position: relative;
  height: 60px;
  min-width: 60px;
  line-height: 60px;
  padding: 0 20px;
  font-size: 20px;
  display: inline-block;
  border: none;
  outline: none;
  border: none;
  vertical-align: middle;
  text-align: center;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  font-family: Inter;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  background-color: #f5f5f5;
  color: #111;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .btn:last-child {
    border: none; }
  .btn.active {
    outline: none; }
    .btn.active .jewel {
      background-color: #fff !important;
      border-color: #303030 !important; }
  .btn input {
    display: none; }
  .btn.btn-link {
    background-color: transparent;
    color: #888; }
  .btn.btn-round {
    border-radius: 100px !important; }
  .btn.btn-rounded {
    border-radius: 6px !important; }
  .btn.btn-nude {
    min-width: 0 !important;
    padding: 0 !important;
    background-color: transparent; }
  .btn.btn-nude + .btn-nude:before {
    content: "·";
    margin: 0 3px;
    color: rgba(0, 0, 0, 0.3); }
  .btn.btn-stroke {
    box-shadow: inset 0 0 0 1px #222;
    color: #111;
    background-color: transparent; }
    .btn.btn-stroke:active {
      box-shadow: inset 0 0 0 1px white;
      color: white !important; }
  .btn.btn-stroke-darken {
    border: 1px solid #111;
    color: #111;
    background-color: transparent; }
    .btn.btn-stroke-darken:active {
      border: 1px solid #222;
      color: #222 !important; }
    .btn.btn-stroke-darken .icon {
      margin-left: -0.5px;
      margin-top: -1px; }
  .btn.btn-stroke-medium {
    box-shadow: inset 0 0 0 1px #888;
    color: #888 !important;
    background-color: transparent; }
    .btn.btn-stroke-medium:active {
      box-shadow: inset 0 0 0 1px white;
      color: white !important; }
  .btn.btn-stroke-light {
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #f5f5f5 !important;
    background-color: transparent; }
    .btn.btn-stroke-light:active {
      box-shadow: inset 0 0 0 1px white;
      color: white !important; }
  .btn.btn-stroke-light {
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #f5f5f5 !important;
    background-color: transparent; }
  .btn.btn-primary {
    background-color: #3d9ee9;
    color: white !important; }
  .btn.btn-white {
    background-color: white;
    color: #222 !important; }
    .btn.btn-white:active {
      background-color: #292929 !important;
      color: #f5f5f5 !important; }
  .btn.btn-blue-light {
    background-color: #4dafeb;
    color: white !important; }
    .btn.btn-blue-light:active {
      background-color: #292929; }
  .btn.btn-blue {
    background-color: #3d9ee9;
    color: white !important; }
    .btn.btn-blue:active {
      background-color: #292929; }
  .btn.btn-text-light {
    background-color: transparent !important;
    color: #f5f5f5 !important; }
    .btn.btn-text-light:active {
      color: #292929; }
  .btn.btn-text-blue {
    background-color: transparent !important;
    color: #3d9ee9 !important;
    font-weight: bold;
    text-transform: uppercase; }
    .btn.btn-text-blue:active {
      color: #292929; }
  .btn.btn-black {
    background-color: #111;
    color: #888 !important; }
    .btn.btn-black:active {
      background-color: #292929; }
  .btn.btn-yellow {
    background-color: #f1c40f;
    color: #222 !important; }
    .btn.btn-yellow:active {
      background-color: #292929; }
  .btn.btn-red {
    background-color: #ff5955;
    color: white !important; }
    .btn.btn-red:active {
      background-color: #292929; }
  .btn.btn-green {
    background-color: #2ecc71;
    color: white !important; }
    .btn.btn-green:active {
      background-color: #292929; }
  .btn.btn-disabled {
    opacity: 0.125;
    filter: alpha(opacity=12.5);
    pointer-events: none; }
  .btn.btn-transparent {
    background-color: transparent;
    color: #222; }
    .btn.btn-transparent.active {
      color: #ffffff;
      background-color: #111; }
    .btn.btn-transparent.open {
      color: #ffffff;
      background-color: #111;
      border-radius: 0; }
  .btn.btn-transparent-medium {
    background-color: transparent;
    color: #888; }
  .btn.btn-transparent-dark {
    background-color: transparent;
    color: #222; }
  .btn.btn-transparent-black {
    background-color: transparent;
    color: black; }
  .btn.btn-light {
    background-color: #f5f5f5;
    color: #888; }
    .btn.btn-light.active, .btn.btn-light:active {
      color: #292929 !important; }
  .btn.btn-lighten {
    background-color: rgba(255, 255, 255, 0.05);
    color: #888; }
  .btn.btn-soft {
    background-color: rgba(245, 245, 245, 0.95);
    color: #888; }
  .btn.btn-darken {
    background-color: rgba(0, 0, 0, 0.05);
    color: #888; }
    .btn.btn-darken.invert {
      background-color: rgba(255, 255, 255, 0.05); }
  .btn.btn-dark {
    background-color: #222;
    color: #ffffff; }
  .btn.btn-medium {
    background-color: rgba(0, 0, 0, 0.05);
    color: #888; }
  .btn.btn-darker {
    background-color: #292929;
    color: #888; }
  .btn.btn-dropdown {
    text-align: left;
    padding-right: 44px !important;
    min-width: 0px !important; }
    .btn.btn-dropdown.btn-md {
      padding-right: 44px !important; }
    .btn.btn-dropdown.btn-sm {
      padding-right: 32px !important; }
    .btn.btn-dropdown.btn-md:before, .btn.btn-dropdown.btn-md:after {
      font-size: 16px;
      height: 44px;
      width: 44px;
      line-height: 43px; }
      .btn.btn-dropdown.btn-md:before:after, .btn.btn-dropdown.btn-md:before:before, .btn.btn-dropdown.btn-md:after:after, .btn.btn-dropdown.btn-md:after:before {
        height: 44px;
        width: 44px;
        line-height: 43px; }
    .btn.btn-dropdown.btn-sm:before, .btn.btn-dropdown.btn-sm:after {
      font-size: 14px;
      height: 32px;
      width: 32px;
      line-height: 32px; }
      .btn.btn-dropdown.btn-sm:before:after, .btn.btn-dropdown.btn-sm:before:before, .btn.btn-dropdown.btn-sm:after:after, .btn.btn-dropdown.btn-sm:after:before {
        height: 32px;
        width: 32px;
        line-height: 32px; }
    .btn.btn-dropdown:before, .btn.btn-dropdown:after {
      font-size: 20px;
      height: 60px;
      width: 60px;
      display: inline-block;
      font-family: 'icon';
      text-align: center;
      font-style: normal;
      font-weight: normal;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-transition: all 0s 0s ease-in-out;
      transition: all 0s 0s ease-in-out;
      position: absolute;
      right: 4px;
      top: -2px;
      left: auto;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      width: 44px;
      opacity: 0.5; }
      .btn.btn-dropdown:before:after, .btn.btn-dropdown:before:before, .btn.btn-dropdown:after:after, .btn.btn-dropdown:after:before {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        height: 60px;
        width: 60px;
        line-height: 60px;
        text-align: center;
        left: 0px;
        top: 0px; }
      .btn.btn-dropdown:before:hover, .btn.btn-dropdown:after:hover {
        text-decoration: none; }
    .btn.btn-dropdown:before {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }
    .btn.btn-dropdown:after {
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0); }
    .btn.btn-dropdown.open:before {
      opacity: 0;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0); }
    .btn.btn-dropdown.open:after {
      opacity: 1;
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }
  .btn.btn-toggle-couple {
    padding: 0;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    -moz-transition: -moz-transform 0.1s ease-in-out;
    -o-transition: -o-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out; }
    .btn.btn-toggle-couple:before, .btn.btn-toggle-couple:after {
      content: " ";
      display: table; }
    .btn.btn-toggle-couple:after {
      clear: both; }
    .btn.btn-toggle-couple:active {
      color: inherit !important; }
    .btn.btn-toggle-couple .btn-option:before {
      content: "";
      display: block;
      float: left;
      padding-top: 100%;
      /* initial ratio of 1:1*/ }
    .btn.btn-toggle-couple .btn-option:first-child {
      margin-right: -7px; }
    .btn.btn-toggle-couple .btn-option:last-child {
      margin-left: -7px; }
    .btn.btn-toggle-couple.invisible {
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0); }
    .btn.btn-toggle-couple.alt .btn-option:first-child {
      -webkit-transition: all 0.1s 0s ease-in-out;
      transition: all 0.1s 0s ease-in-out;
      opacity: 1; }
    .btn.btn-toggle-couple.alt .btn-option:last-child {
      -webkit-transition: all 0.1s 0.1s ease-in-out;
      transition: all 0.1s 0.1s ease-in-out;
      opacity: 0.25; }
    .btn.btn-toggle-couple .btn-option:first-child {
      -webkit-transition: all 0.1s 0.1s ease-in-out;
      transition: all 0.1s 0.1s ease-in-out;
      opacity: 0.25; }
    .btn.btn-toggle-couple .btn-option:last-child {
      -webkit-transition: all 0.1s 0s ease-in-out;
      transition: all 0.1s 0s ease-in-out;
      opacity: 1; }
    .btn.btn-toggle-couple .btn-option:first-child.disabled, .btn.btn-toggle-couple .btn-option:last-child.disabled {
      -webkit-transition: all 0.1s 0s ease-in-out;
      transition: all 0.1s 0s ease-in-out; }
  .btn.btn-toggle {
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    -moz-transition: -moz-transform 0.1s ease-in-out;
    -o-transition: -o-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out; }
    .btn.btn-toggle.invisible {
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0); }
    .btn.btn-toggle.alt .btn-option:first-child {
      -webkit-transition: all 0.1s 0s ease-in-out;
      transition: all 0.1s 0s ease-in-out;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0); }
    .btn.btn-toggle.alt .btn-option:last-child {
      -webkit-transition: all 0.1s 0.1s ease-in-out;
      transition: all 0.1s 0.1s ease-in-out;
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }
    .btn.btn-toggle .btn-option {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px; }
      .btn.btn-toggle .btn-option:first-child {
        -webkit-transition: all 0.1s 0.1s ease-in-out;
        transition: all 0.1s 0.1s ease-in-out;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
      .btn.btn-toggle .btn-option:last-child {
        -webkit-transition: all 0.1s 0s ease-in-out;
        transition: all 0.1s 0s ease-in-out;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0); }
      .btn.btn-toggle .btn-option:first-child.disabled, .btn.btn-toggle .btn-option:last-child.disabled {
        -webkit-transition: all 0.1s 0s ease-in-out;
        transition: all 0.1s 0s ease-in-out;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0); }
  .btn.btn-icon-text {
    white-space: nowrap;
    padding-left: 16px !important;
    padding-right: 10px !important; }
    .btn.btn-icon-text .icon {
      margin-left: -15px;
      margin-top: -6px;
      margin-right: -5px; }
  .btn.btn-icon {
    padding: 0px !important;
    max-width: 60px; }
    .btn.btn-icon.btn-xl {
      max-width: 80px; }
    .btn.btn-icon.btn-md {
      max-width: 44px;
      font-size: 20px !important; }
    .btn.btn-icon.btn-sm {
      max-width: 38px; }
    .btn.btn-icon.btn-xs {
      max-width: 24px; }
    .btn.btn-icon .icon {
      line-height: 2.6;
      position: absolute;
      top: 0;
      left: 0; }
  .btn.btn-labeled-out .icon-label {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 20px;
    color: #888;
    margin-top: 10px; }
  .btn.btn-md.btn-icon-labeled .icon:before {
    line-height: 29px; }
  .btn.btn-md.btn-icon-labeled .icon-label {
    margin: 6px 0px; }
  .btn.btn-icon-labeled {
    font-size: 0px;
    min-width: 60px; }
    .btn.btn-icon-labeled .letter,
    .btn.btn-icon-labeled .number,
    .btn.btn-icon-labeled .icon {
      position: absolute;
      left: 0;
      top: 0; }
    .btn.btn-icon-labeled .jewel,
    .btn.btn-icon-labeled .letter,
    .btn.btn-icon-labeled .number,
    .btn.btn-icon-labeled .icon,
    .btn.btn-icon-labeled .icon-label {
      transition: opacity 0.1s 0s ease-in-out, margin 0.1s 0s ease-in-out;
      -webkit-transition: opacity 0.1s 0s ease-in-out, margin 0.1s 0s ease-in-out; }
    .btn.btn-icon-labeled .letter {
      line-height: 42px; }
    .btn.btn-icon-labeled .icon:before {
      line-height: 42px; }
    .btn.btn-icon-labeled .icon-label {
      font-size: 11px;
      text-align: center;
      margin: 8px 0;
      display: block;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      line-height: 1.4;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0 0px;
      font-weight: 300; }
    .btn.btn-icon-labeled.hover .letter, .btn.btn-icon-labeled.hover .number, .btn.btn-icon-labeled.hover .icon:before {
      line-height: 60px; }
    .btn.btn-icon-labeled.hover .letter, .btn.btn-icon-labeled.hover .number, .btn.btn-icon-labeled.hover .icon:before {
      -webkit-transition: line-height 0.1s 0s ease-in-out;
      transition: line-height 0.1s 0s ease-in-out; }
    .btn.btn-icon-labeled.hover .icon-label {
      opacity: 0;
      margin: 0; }
    .btn.btn-icon-labeled.hover:hover .icon-label {
      opacity: 1;
      margin: 8px 0; }
    .btn.btn-icon-labeled.hover:hover .letter, .btn.btn-icon-labeled.hover:hover .number, .btn.btn-icon-labeled.hover:hover .icon:before {
      line-height: 42px; }
    .btn.btn-icon-labeled.hover.btn-xl .letter, .btn.btn-icon-labeled.hover.btn-xl .number, .btn.btn-icon-labeled.hover.btn-xl .icon:before {
      line-height: 60px; }
    .btn.btn-icon-labeled.hover.btn-xl .icon-label {
      margin: 6px 0; }
    .btn.btn-icon-labeled.hover.btn-xl:hover .icon-label {
      opacity: 1;
      margin: 12px 0; }
    .btn.btn-icon-labeled.hover.btn-xl:hover .letter, .btn.btn-icon-labeled.hover.btn-xl:hover .number, .btn.btn-icon-labeled.hover.btn-xl:hover .icon:before {
      line-height: 60px; }
  .btn.btn-xxs {
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    padding: 0 5px; }
  .btn.btn-xs {
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    padding: 0 7px; }
  .btn.btn-sm {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    padding: 0 13px; }
  .btn.btn-md {
    min-width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 15px; }
  .btn.btn-xl {
    min-width: 80px;
    height: 80px;
    line-height: 80px;
    padding: 0px 40px;
    font-size: 25px;
    text-transform: none;
    font-weight: 400; }
  .btn.btn-xxl {
    min-width: 140px;
    height: 140px;
    padding: 0px 60px;
    font-size: 60px;
    text-transform: none;
    font-weight: 400; }
  .btn.btn-half,
  .btn.btn-half .icon,
  .btn.btn-half .icon:before {
    min-width: 30px;
    width: 30px; }
  .btn.btn-half.btn-sm,
  .btn.btn-half.btn-sm .icon,
  .btn.btn-half.btn-sm .icon:before {
    min-width: 16px;
    width: 16px; }
  .btn.btn-half.btn-md,
  .btn.btn-half.btn-md .icon,
  .btn.btn-half.btn-md .icon:before {
    min-width: 22px;
    width: 22px; }
  .btn.btn-half.btn-xl,
  .btn.btn-half.btn-xl .icon,
  .btn.btn-half.btn-xl .icon:before {
    min-width: 40px;
    width: 40px; }
  .btn.btn-xxl .icon {
    font-size: 50px;
    height: 140px;
    width: 140px;
    line-height: 130px; }
    .btn.btn-xxl .icon:after, .btn.btn-xxl .icon:before {
      height: 140px;
      width: 140px;
      line-height: 130px; }
  .btn.btn-xl .icon {
    font-size: 28px;
    height: 80px;
    width: 80px;
    line-height: 80px; }
    .btn.btn-xl .icon:after, .btn.btn-xl .icon:before {
      height: 80px;
      width: 80px;
      line-height: 75px; }
  .btn.btn-md .icon {
    font-size: 16px;
    height: 44px;
    width: 44px;
    line-height: 43px; }
    .btn.btn-md .icon:after, .btn.btn-md .icon:before {
      height: 44px;
      width: 44px;
      line-height: 43px; }
  .btn.btn-sm .icon {
    font-size: 14px;
    height: 32px;
    width: 32px;
    line-height: 32px; }
    .btn.btn-sm .icon:after, .btn.btn-sm .icon:before {
      height: 32px;
      width: 32px;
      line-height: 32px; }
  .btn.btn-xs .icon {
    font-size: 9px;
    height: 24px;
    width: 24px;
    line-height: 24px; }
    .btn.btn-xs .icon:after, .btn.btn-xs .icon:before {
      height: 24px;
      width: 24px;
      line-height: 24px; }
  .btn.btn-xxs .icon {
    font-size: 9px;
    height: 16px;
    width: 16px;
    line-height: 16px; }
    .btn.btn-xxs .icon:after, .btn.btn-xxs .icon:before {
      height: 16px;
      width: 16px;
      line-height: 12px; }
  .btn.btn-block {
    width: 100%;
    display: block !important; }
    .btn.btn-block .icon-label {
      display: block; }

.btn-block + .btn-block {
  margin-top: 2px; }

.btn-cluster {
  font-size: 0; }
  .btn-cluster:before, .btn-cluster:after {
    content: " ";
    display: table; }
  .btn-cluster:after {
    clear: both; }
  .btn-cluster .icon {
    width: 100%; }
    .btn-cluster .icon:after, .btn-cluster .icon:before {
      width: 100%; }
  .btn-cluster > * {
    background-clip: padding-box;
    width: 100%;
    float: left; }
    .btn-cluster > *:nth-last-child(2), .btn-cluster > *:nth-child(2) {
      width: 50%; }
    .btn-cluster > *:nth-last-child(2) {
      border-right: 1px solid rgba(0, 0, 0, 0.025); }
    .btn-cluster > *:nth-child(2) {
      border-left: 1px solid rgba(0, 0, 0, 0.025); }
    .btn-cluster > *:nth-last-child(3), .btn-cluster > *:nth-child(2):nth-last-child(2), .btn-cluster > *:nth-child(3) {
      width: 33.33333%; }
    .btn-cluster > *:nth-last-child(3) {
      border-right: 1px solid rgba(0, 0, 0, 0.025); }
    .btn-cluster > *:nth-child(2):nth-last-child(2) {
      border-left: 1px solid rgba(0, 0, 0, 0.025);
      border-right: 1px solid rgba(0, 0, 0, 0.025); }
    .btn-cluster > *:nth-child(3) {
      border-left: 1px solid rgba(0, 0, 0, 0.025); }
    .btn-cluster > *:nth-last-child(4), .btn-cluster > *:nth-child(2):nth-last-child(3), .btn-cluster > *:nth-child(3):nth-last-child(2), .btn-cluster > *:nth-child(4) {
      width: 25%; }
    .btn-cluster > *:nth-last-child(4) {
      border-right: 1px solid rgba(0, 0, 0, 0.025); }
    .btn-cluster > *:nth-child(3):nth-last-child(2), .btn-cluster > *:nth-child(2):nth-last-child(3) {
      border-left: 1px solid rgba(0, 0, 0, 0.025);
      border-right: 1px solid rgba(0, 0, 0, 0.025); }
    .btn-cluster > *:nth-child(4) {
      border-left: 1px solid rgba(0, 0, 0, 0.025); }

.btn-follow.alt .icon {
  color: #2ecc71 !important; }

.btn-like.alt .icon {
  color: #ff5955 !important; }

.btn-checkbox:active .icon, .btn-checkbox.active .icon {
  opacity: 1;
  filter: alpha(opacity=100); }

.btn-checkbox .icon {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.btn-circle.open .btn-group {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }
  .btn-circle.open .btn-group .btn {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); }

.btn-circle .btn-group {
  position: absolute;
  top: -100%;
  left: -100%;
  width: 350%;
  height: 300%;
  font-size: 0px;
  margin-left: -12px; }
  .btn-circle .btn-group .btn {
    margin: 0 4px; }
    .btn-circle .btn-group .btn:first-child {
      margin-left: 17.35%; }
    .btn-circle .btn-group .btn:nth-last-child(2) {
      margin-left: 17.35%; }

.btn-group .btn-prev,
.btn-group .btn-less,
.form-group .btn-prev,
.form-group .btn-less {
  bottom: 0;
  left: 0px; }

.btn-group .btn-next,
.btn-group .btn-more,
.form-group .btn-next,
.form-group .btn-more {
  bottom: 0;
  right: 0px; }

.btn-prev,
.btn-next,
.btn-more,
.btn-less {
  position: absolute !important;
  opacity: 0.5;
  min-width: 44px !important;
  width: 44px; }
  .btn-prev:before,
  .btn-next:before,
  .btn-more:before,
  .btn-less:before {
    width: 44px !important; }

.btn-more:before,
.btn-less:before {
  margin-top: -8px; }

.btn-more:before {
  font-size: 20px;
  height: 60px;
  width: 60px;
  display: inline-block;
  font-family: 'icon';
  text-align: center;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0s 0s ease-in-out;
  transition: all 0s 0s ease-in-out;
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 43px; }
  .btn-more:before:after, .btn-more:before:before {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    left: 0px;
    top: 0px; }
  .btn-more:before:hover {
    text-decoration: none; }
  .btn-more:before:after, .btn-more:before:before {
    height: 44px;
    width: 44px;
    line-height: 43px; }

.btn-less:before {
  font-size: 20px;
  height: 60px;
  width: 60px;
  display: inline-block;
  font-family: 'icon';
  text-align: center;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0s 0s ease-in-out;
  transition: all 0s 0s ease-in-out;
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 43px; }
  .btn-less:before:after, .btn-less:before:before {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    left: 0px;
    top: 0px; }
  .btn-less:before:hover {
    text-decoration: none; }
  .btn-less:before:after, .btn-less:before:before {
    height: 44px;
    width: 44px;
    line-height: 43px; }

.btn-prev:before {
  font-size: 20px;
  height: 60px;
  width: 60px;
  display: inline-block;
  font-family: 'icon';
  text-align: center;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0s 0s ease-in-out;
  transition: all 0s 0s ease-in-out; }
  .btn-prev:before:after, .btn-prev:before:before {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    left: 0px;
    top: 0px; }
  .btn-prev:before:hover {
    text-decoration: none; }

.btn-next:before {
  font-size: 20px;
  height: 60px;
  width: 60px;
  display: inline-block;
  font-family: 'icon';
  text-align: center;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0s 0s ease-in-out;
  transition: all 0s 0s ease-in-out; }
  .btn-next:before:after, .btn-next:before:before {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    left: 0px;
    top: 0px; }
  .btn-next:before:hover {
    text-decoration: none; }

.dropdown-menu .btn-group > .btn {
  border-radius: 0px; }
  .dropdown-menu .btn-group > .btn:first-child {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important; }
  .dropdown-menu .btn-group > .btn:last-child {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }

.dropdown-menu.vertical > .btn:first-child {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; }

.dropdown-menu.vertical > .btn:last-child {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important; }

.btn-group > .btn-collapse > .btn,
.btn-group > .dropdown > .btn {
  border-radius: 0px; }

.btn-group > .btn-collapse > .btn-group > .btn,
.btn-group > .dropdown > .btn-group > .btn {
  border-radius: 0px; }

.btn-group > .btn-collapse:first-child > .btn-group > .btn:first-child,
.btn-group > .btn-collapse:first-child > .btn,
.btn-group > .dropdown:first-child > .btn-group > .btn:first-child,
.btn-group > .dropdown:first-child > .btn {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.btn-group > .btn-collapse:last-child > .btn-group > .btn:last-child,
.btn-group > .btn-collapse:last-child > .btn,
.btn-group > .dropdown:last-child > .btn-group > .btn:last-child,
.btn-group > .dropdown:last-child > .btn {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.btn-group.vertical .btn-collapse {
  width: 60px;
  height: 0px; }
  .btn-group.vertical .btn-collapse.in {
    height: 60px; }

.btn-collapse {
  vertical-align: middle;
  display: inline-block;
  width: 0px;
  height: 60px;
  overflow: hidden; }
  .btn-collapse.btn-collapse-md {
    height: 44px; }
  .btn-collapse .member,
  .btn-collapse .btn .icon {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0); }
  .btn-collapse.in {
    pointer-events: auto;
    cursor: pointer;
    width: 60px; }
    .btn-collapse.in .member,
    .btn-collapse.in .btn .icon {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }
    .btn-collapse.in.btn-collapse-md {
      width: 44px; }

.btn-group > .btn-collapse {
  border-radius: 0px; }
  .btn-group > .btn-collapse.first > .btn,
  .btn-group > .btn-collapse:first-child > .btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .btn-group > .btn-collapse.last > .btn,
  .btn-group > .btn-collapse:last-child > .btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

.btn-group > .btn {
  border-radius: 0px; }
  .btn-group > .btn:first-child {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important; }
  .btn-group > .btn:last-child {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important; }

.btn.first {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important; }

.btn.last {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important; }

.btn-group {
  position: relative;
  display: inline-block;
  line-height: 0px;
  padding: 0px;
  font-size: 0px;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 5px; }
  .btn-group.dark {
    border-radius: 3px;
    background-color: #222;
    color: #ffffff; }
    .btn-group.dark .btn {
      color: #ffffff; }
  .btn-group.lighten {
    background-color: rgba(255, 255, 255, 0.3);
    color: #888; }
  .btn-group.round {
    border-radius: 60px; }
    .btn-group.round > .btn:first-child {
      border-top-left-radius: 50%;
      border-bottom-left-radius: 50%; }
    .btn-group.round > .btn:last-child {
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%; }
  .btn-group.vertical > .dropdown,
  .btn-group.vertical > .btn {
    display: block;
    border-radius: 0 !important; }
    .btn-group.vertical > .dropdown:first-child,
    .btn-group.vertical > .btn:first-child {
      border-top-left-radius: 3px !important;
      border-top-right-radius: 3px !important; }
    .btn-group.vertical > .dropdown:last-child,
    .btn-group.vertical > .btn:last-child {
      border-bottom-left-radius: 3px !important;
      border-bottom-right-radius: 3px !important; }
  .btn-group .btn-group-title {
    position: absolute;
    bottom: 100%;
    left: 0px;
    padding-bottom: 8px;
    color: #888;
    font-size: 10px;
    width: 100%;
    text-align: center;
    line-height: 1.5; }
  .btn-group.btn-group-block {
    width: 100%;
    display: block !important; }
    .btn-group.btn-group-block .btn {
      text-align: left; }

.btn-group-vertical > div > .btn {
  display: block;
  border-radius: 0px; }

.btn-group-vertical > div:first-child > .btn {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.btn-group-vertical > div:last-child > .btn {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.btn-hidden {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  pointer-events: none; }
  .btn-hidden.btn-visible {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    pointer-events: auto; }

.btn:hover .btn-flyout .btn {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1; }

.btn-flyout {
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 80%;
  border-radius: 100px;
  padding-top: 5px; }
  .btn-flyout .btn {
    opacity: 0;
    vertical-align: top;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%); }

.jewel {
  background-color: #888;
  color: #f5f5f5;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.25);
  color: #222;
  font-size: 11px;
  font-weight: 700;
  line-height: 7px;
  padding: 4px;
  min-width: 16px;
  min-height: 16px;
  position: absolute;
  top: 4px;
  right: 4px;
  margin: 4px;
  z-index: 100;
  border-radius: 50px; }

.open .contained-dropdown.open {
  pointer-events: auto; }

.contained-dropdown {
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
  z-index: 200;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }
  .contained-dropdown > * {
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
  .contained-dropdown .overflow-y-scroll {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    -webkit-transform: translateY(1%);
    -ms-transform: translateY(1%);
    transform: translateY(1%); }
    .contained-dropdown .overflow-y-scroll ul li span {
      text-align: center;
      font-size: 20px;
      line-height: 1.5em; }
  .contained-dropdown.hover:hover, .contained-dropdown.open {
    background-color: #f5f5f5; }
    .contained-dropdown.hover:hover > *, .contained-dropdown.open > * {
      opacity: 1; }

.form-list {
  padding: 0px;
  margin: 0px; }
  .form-list > li {
    list-style: none;
    color: #888;
    position: relative; }
    .form-list > li .dropdown {
      position: static;
      z-index: initial; }
    .form-list > li > div {
      border-bottom: 2px solid rgba(255, 255, 255, 0.025); }
    .form-list > li:hover {
      color: #f5f5f5; }
  .form-list label {
    float: left;
    font-size: 12px;
    min-width: 0px;
    position: absolute;
    line-height: 60px;
    height: 60px;
    padding-left: 20px; }

.dropdown-menu .section {
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  text-align: center; }
  .dropdown-menu .section:last-child {
    padding-bottom: 15px; }

.btn + .dropdown-group > .dropdown > .btn,
.dropdown + .dropdown-group > .dropdown > .btn,
.btn-divider + .dropdown-group > .dropdown > .btn {
  border-radius: 0px !important; }

.dropdown-group {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .dropdown-group > .dropdown {
    position: static;
    z-index: initial; }
    .dropdown-group > .dropdown > .btn {
      border-radius: 0px; }
    .dropdown-group > .dropdown:first-child > .btn {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .dropdown-group > .dropdown:last-child > .btn {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }

.dropdown {
  display: inline-block;
  position: relative;
  vertical-align: middle; }
  .dropdown a {
    text-decoration: none; }
  .dropdown.dropdown-block {
    display: block; }
    .dropdown.dropdown-block .dropdown-toggle {
      width: 100%;
      display: block;
      text-align: left; }
    .dropdown.dropdown-block .dropdown-menu {
      min-width: 100%;
      min-width: 150px; }
  .dropdown.dark > .dropdown-menu,
  .dropdown.dark > .dialog {
    background: #222;
    color: #888; }
  .dropdown.light > .dropdown-menu,
  .dropdown.light > .dialog {
    background: white; }
  .dropdown > .dropdown-menu {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1000;
    white-space: nowrap;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 8px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.125s ease-in-out;
    transition: all 0.125s ease-in-out;
    pointer-events: none;
    border-radius: 3px; }
    .dropdown > .dropdown-menu > ul,
    .dropdown > .dropdown-menu > div {
      position: relative !important; }
      .dropdown > .dropdown-menu > ul.center,
      .dropdown > .dropdown-menu > div.center {
        text-align: center; }
      .dropdown > .dropdown-menu > ul.overflow-y-scroll,
      .dropdown > .dropdown-menu > div.overflow-y-scroll {
        max-height: 250px; }
      .dropdown > .dropdown-menu > ul > li:hover > a,
      .dropdown > .dropdown-menu > ul > li:hover > span,
      .dropdown > .dropdown-menu > div > li:hover > a,
      .dropdown > .dropdown-menu > div > li:hover > span {
        background-color: rgba(255, 255, 255, 0.05); }
      .dropdown > .dropdown-menu > ul > li > a:before,
      .dropdown > .dropdown-menu > ul > li > span:before,
      .dropdown > .dropdown-menu > div > li > a:before,
      .dropdown > .dropdown-menu > div > li > span:before {
        background-color: white; }
  .dropdown.hover:hover > .dialog,
  .dropdown.hover:hover > .dropdown-menu,
  .dropdown.open > .dialog,
  .dropdown.open > .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto !important;
    display: block; }
  .dropdown.center > .dialog,
  .dropdown.center > .dropdown-menu {
    left: 50%;
    top: 50%;
    margin-top: 0px; }
  .dropdown.bottomleft > .dialog,
  .dropdown.bottomleft > .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 16px; }
  .dropdown.bottom > .dialog,
  .dropdown.bottom > .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 16px; }
  .dropdown.top > .dialog,
  .dropdown.top > .dropdown-menu {
    top: 100%;
    bottom: auto;
    margin-top: -16px; }
  .dropdown.top.left > .dialog,
  .dropdown.top.left > .dropdown-menu {
    left: 70px;
    margin-top: -60px; }
  .dropdown.top.right > .dialog,
  .dropdown.top.right > .dropdown-menu {
    top: 100%;
    bottom: auto;
    left: auto;
    right: 70px;
    margin-top: -60px; }
  .dropdown.top, .dropdown.bottom, .dropdown.bottomleft {
    /*&.open > .btn-group > .btn-icon-labeled:hover,
    &.open > .btn-icon-labeled:hover {
      .icon-label {opacity: 0; margin: 0; }
      .icon:before {line-height: 60px; }
    }*/ }
    .dropdown.top.hover:hover > .btn-dark .jewel,
    .dropdown.top.hover:hover > .btn-group > .btn-dark .jewel, .dropdown.top.open > .btn-dark .jewel,
    .dropdown.top.open > .btn-group > .btn-dark .jewel, .dropdown.bottom.hover:hover > .btn-dark .jewel,
    .dropdown.bottom.hover:hover > .btn-group > .btn-dark .jewel, .dropdown.bottom.open > .btn-dark .jewel,
    .dropdown.bottom.open > .btn-group > .btn-dark .jewel, .dropdown.bottomleft.hover:hover > .btn-dark .jewel,
    .dropdown.bottomleft.hover:hover > .btn-group > .btn-dark .jewel, .dropdown.bottomleft.open > .btn-dark .jewel,
    .dropdown.bottomleft.open > .btn-group > .btn-dark .jewel {
      background-color: #fff !important;
      border-color: #303030 !important; }

.dropdown {
  /*&.options-3 {
    &.option-1:after { margin-left: -68px;}
    &.option-2:after { margin-left: -8px;}
    &.option-3:after { margin-left: 52px;} 
  }

  &.option-1:after { margin-left: -38px;}
  &.option-2:after { margin-left: 22px;}
  
  &.open:after {
    @include transition( all 0.1s ease-in-out 0s);
    -webkit-transform:  scale(1);
        -ms-transform:  scale(1);
            transform:  scale(1);
  }*/
  /*
  &:after {
    @include transition( all 0.1s ease-in-out 0s);
    content: "";
    position: absolute;
    bottom: 100%;
    width: 0; 
    height: 0; 
    // margin-bottom: 8px;

    margin-left: -8px;
    pointer-events: none !important;
    left: 50%;
    //transform: scale(0,0);
  }

  &.bottom:after, &.bottomleft:after {
    //@include transform-origin(bottom center);
    bottom: 100%;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #303030;
    border-left: 8px solid transparent;
  }
*/
  /*&.top:after {
    @include transform-origin(top center);
    top: 100%;
    border-bottom: 8px solid #303030;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
  }*/ }

.separate .icon {
  display: block; }

.separate .icon:after,
.separate .icon:before {
  font-size: 20px; }

.separate h4 {
  padding: 0px !important;
  padding-top: 21px !important; }

.separate .label {
  display: none !important; }

.separate .form-group {
  width: 33.3333%;
  height: 60px; }

.separate .axis-center {
  border: 2px solid rgba(0, 0, 0, 0.025); }

.separate .axis-left,
.separate .axis-right {
  border-top: 2px solid rgba(0, 0, 0, 0.025);
  border-bottom: 2px solid rgba(0, 0, 0, 0.025); }

.separate .axis-left,
.separate .axis-center,
.separate .axis-right {
  float: left;
  height: 63px; }

.separate .axis-top,
.separate .axis-bottom {
  border-left: 2px solid rgba(0, 0, 0, 0.025);
  border-right: 2px solid rgba(0, 0, 0, 0.025);
  margin-left: 33.33333% !important; }

.separate .axis-top .input-drag {
  top: 100%;
  left: 50%;
  margin-left: -22px;
  margin-top: -22px; }

.separate .axis-left .input-drag {
  left: 100%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px; }

.separate .axis-right .input-drag {
  right: 100%;
  top: 50%;
  margin-right: -22px;
  margin-top: -22px;
  left: auto; }

.separate .axis-bottom .input-drag {
  bottom: 100%;
  left: 50%;
  margin-left: -22px;
  margin-bottom: -22px; }

.dialog-side-tabs {
  position: absolute;
  right: 0;
  top: 0;
  list-style: none;
  padding: 0;
  height: 100%;
  padding: 15px;
  border-left: 2px solid rgba(0, 0, 0, 0.025);
  z-index: 100;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px; }

.dialog-account {
  width: 600px;
  margin: auto;
  margin-top: 100px; }

.dialog {
  position: absolute;
  font-size: 15px;
  border: 1px solid black;
  box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  white-space: normal;
  opacity: 0;
  -webkit-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  pointer-events: none;
  background-color: #f5f5f5;
  color: #222; }
  .dialog > .btn-block:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px; }
  .dialog.dark {
    background-color: #222; }
  .dialog .dialog-tabs-wrapper {
    overflow: hidden;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px; }
  .dialog .dialog-tabs {
    display: table;
    width: 100%;
    max-width: 800px;
    table-layout: auto;
    background-color: #eee; }
    .dialog .dialog-tabs .dialog-tab {
      display: table-cell;
      text-align: center; }
      .dialog .dialog-tabs .dialog-tab:hover span {
        color: #222; }
      .dialog .dialog-tabs .dialog-tab.open span {
        background-color: white;
        color: #222;
        opacity: 1;
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px; }
      .dialog .dialog-tabs .dialog-tab:first-child span {
        box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.1); }
      .dialog .dialog-tabs .dialog-tab span {
        box-shadow: inset 0 -4px 1px -4px rgba(0, 0, 0, 0.05), inset 0 -4px 7px -4px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        text-indent: 4px;
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px; }
  .dialog .dialog-title {
    margin: 0;
    padding: 15px;
    padding-bottom: 0px;
    color: #222;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-indent: 4px;
    text-align: center; }
  .dialog .dialog-section {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-top: 2px solid rgba(0, 0, 0, 0.025);
    padding: 15px 20px;
    position: relative;
    text-align: center;
    max-width: 800px;
    margin: auto; }
    .dialog .dialog-section:first-child {
      border: none !important; }
    .dialog .dialog-section .label-sm {
      margin-bottom: 0px;
      pointer-events: none; }
    .dialog .dialog-section .label-sm + input {
      margin-top: -8px !important; }
    .dialog .dialog-section .label-sm + .btn-group {
      margin-top: -8px !important; }
    .dialog .dialog-section.btn-transparent:hover {
      color: #222 !important; }
    .dialog .dialog-section.section-tall {
      height: 200px; }
  .dialog h4 .icon {
    height: 38px; }
  .dialog.dialog-freestanding {
    margin: auto;
    position: relative;
    top: 150px;
    border: none;
    width: 800px; }

.overflow-hidden {
  overflow: hidden; }

.overflow-scroll {
  overflow-y: scroll;
  overflow-x: scroll; }

.overflow-y-scroll {
  overflow-y: scroll;
  overflow-x: hidden; }

.overflow-x-scroll {
  overflow-y: hidden;
  overflow-x: scroll; }

.fit {
  position: absolute !important;
  width: auto;
  height: auto;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px; }

.overflow-scroll,
.overflow-hidden,
.overflow-x-scroll,
.overflow-y-scroll {
  -webkit-overflow-scrolling: touch; }
  .overflow-scroll::-webkit-scrollbar,
  .overflow-hidden::-webkit-scrollbar,
  .overflow-x-scroll::-webkit-scrollbar,
  .overflow-y-scroll::-webkit-scrollbar {
    width: 0px;
    height: 0px; }
  .overflow-scroll::-webkit-scrollbar-corner, .overflow-scroll ::-webkit-scrollbar,
  .overflow-hidden::-webkit-scrollbar-corner,
  .overflow-hidden ::-webkit-scrollbar,
  .overflow-x-scroll::-webkit-scrollbar-corner,
  .overflow-x-scroll ::-webkit-scrollbar,
  .overflow-y-scroll::-webkit-scrollbar-corner,
  .overflow-y-scroll ::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0); }
  .overflow-scroll::-webkit-scrollbar-thumb,
  .overflow-hidden::-webkit-scrollbar-thumb,
  .overflow-x-scroll::-webkit-scrollbar-thumb,
  .overflow-y-scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-background-clip: padding-box;
    border: 0px solid transparent; }

#alerts {
  position: absolute;
  height: auto;
  width: auto;
  display: inline-block;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: 10px;
  text-align: center;
  z-index: 1200;
  border-radius: 2px; }
  #alerts .alert-success:first-child:after {
    border-bottom-color: #dff0d8; }
  #alerts .alert-info:first-child:after {
    border-bottom-color: #d9edf7; }
  #alerts .alert-warning:first-child:after {
    border-bottom-color: #fcf8e3; }
  #alerts .alert-danger:first-child:after {
    border-bottom-color: #eed3d7; }

.alert {
  padding: 10px 30px 10px 20px;
  border: none;
  display: inline-block;
  position: relative;
  white-space: normal;
  text-align: left;
  border-radius: 3px;
  font-weight: 600; }
  .alert .close {
    float: none;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center; }
  .alert p {
    margin-top: 0px;
    margin-bottom: 15px; }
    .alert p:last-child {
      margin-bottom: 0px; }
  .alert > p + p {
    margin-top: 15px; }

.alert-success {
  color: white;
  background-color: #6bc36f;
  border-color: #d6e9c6; }
  .alert-success .alert-link {
    color: white; }

.alert-info {
  color: white;
  background-color: #4c9bd8;
  border-color: #bce8f1; }
  .alert-info .alert-link {
    color: white; }

.alert-warning {
  color: #222;
  background-color: #ecc133;
  border-color: #fbeed5; }
  .alert-warning .alert-link {
    color: #222; }

.alert-danger {
  color: white;
  background-color: #c66554;
  border-color: #eed3d7; }
  .alert-danger .alert-link {
    color: white; }

.close {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 40px;
  color: #222 !important;
  opacity: 0.5;
  outline: 0 !important; }
  .close:focus {
    outline: thin dotted;
    outline: 5px auto #298041;
    outline-offset: -2px; }
  .close:hover, .close:focus {
    text-decoration: none;
    cursor: pointer; }
  .close:active {
    opacity: 1;
    filter: alpha(opacity=100); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal-prev,
.modal-next {
  color: #222 !important;
  position: fixed;
  top: 50%;
  margin: 0 34px;
  margin-top: -30px;
  opacity: 0.5;
  z-index: 2000; }

.modal-prev {
  left: 0; }

.modal-next {
  right: 0; }

.modal {
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 35000;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.1s ease-out;
    -moz-transition: -moz-transform 0.1s ease-out;
    -o-transition: -o-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    -webkit-transform: scale(0.98, 0.98);
    -ms-transform: scale(0.98, 0.98);
    transform: scale(0.98, 0.98); }
  .modal.in {
    pointer-events: auto; }
    .modal.in .modal-dialog {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }
  .modal .close {
    margin-left: 44px;
    margin-bottom: 44px; }
    .modal .close .icon {
      display: block; }
  .modal figure {
    margin: 0; }
    .modal figure img {
      display: block;
      margin: auto; }

.modal-wrapper {
  position: relative;
  margin: 0px;
  display: table;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7); }

.modal-appendix {
  position: relative;
  margin: 0px;
  display: table;
  width: 100%;
  text-align: center;
  background-color: #f5f5f5;
  color: #888;
  vertical-align: top;
  height: auto; }
  .modal-appendix .modal-section {
    max-width: 600px;
    margin: auto;
    text-align: left; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0px;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 40px; }
  .modal-dialog.top {
    vertical-align: top; }

.modal-medium {
  max-height: 100%; }
  .modal-medium > * {
    max-width: 100%;
    max-height: 100%; }

.modal-content {
  width: 600px;
  position: relative;
  background-clip: padding-box;
  outline: none;
  display: inline-block;
  text-align: left;
  border-radius: 9px;
  background-color: #f5f5f5 !important;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1); }

.modal-header {
  padding: 30px 40px;
  position: relative; }

.close-search {
  position: fixed;
  top: 0;
  right: 0;
  margin: 40px 35px; }

.modal-title {
  color: #222;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-indent: 4px;
  text-align: center;
  padding-top: 30px; }

.modal-side-tabs {
  position: absolute;
  right: 0;
  top: 0;
  list-style: none;
  padding: 0;
  height: 100%;
  padding: 15px;
  border-left: 2px solid rgba(0, 0, 0, 0.025);
  z-index: 100;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px; }

.modal-tabs-wrapper {
  overflow: hidden;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px; }

.modal-tabs {
  display: table;
  width: 100%;
  table-layout: auto;
  background-color: #eee; }
  .modal-tabs .dialog-tab {
    display: table-cell;
    text-align: center; }
    .modal-tabs .dialog-tab:hover span {
      color: #222; }
    .modal-tabs .dialog-tab.open span {
      background-color: #f5f5f5;
      color: #222;
      opacity: 1;
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1) !important;
      border-bottom-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
      border-top-left-radius: 9px;
      border-top-right-radius: 9px; }
    .modal-tabs .dialog-tab:first-child span {
      box-shadow: inset 0px -4px 1px -4px rgba(0, 0, 0, 0.05), inset 0px -4px 7px -4px rgba(0, 0, 0, 0.1); }
    .modal-tabs .dialog-tab span {
      box-shadow: inset 0 -4px 1px -4px rgba(0, 0, 0, 0.05), inset 0 -4px 7px -4px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      text-indent: 4px;
      display: block;
      width: 100%;
      height: 44px;
      line-height: 44px; }

.modal-body {
  position: relative; }
  .modal-body:before, .modal-body:after {
    content: " ";
    display: table; }
  .modal-body:after {
    clear: both; }

.modal .modal-section {
  border-bottom: 2px solid rgba(0, 0, 0, 0.04);
  padding: 40px;
  display: block; }
  .modal .modal-section:before, .modal .modal-section:after {
    content: " ";
    display: table; }
  .modal .modal-section:after {
    clear: both; }
  .modal .modal-section:first-child {
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important; }
  .modal .modal-section.dark {
    background-color: #222; }
  .modal .modal-section.light {
    background-color: #f5f5f5; }
  .modal .modal-section .modal-section-title {
    margin: 0;
    padding-top: 15px;
    color: #222;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-indent: 4px;
    text-align: center; }

.modal-footer {
  margin-top: 20px; }

#search-dialog:after {
  margin-left: -160px; }

.dialog-search {
  margin-left: 0;
  transform: translate3d(-22.5%, 0%, 100px) scale(1) !important; }

.dialog-search-input {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  right: 112px;
  color: #888;
  padding: 25px;
  background-color: rgba(245, 245, 245, 0.95);
  border-top-left-radius: 9px;
  z-index: 100; }

.dialog-search-results {
  padding: 40px !important;
  padding-top: 110px !important;
  margin-right: 92px;
  position: relative;
  font-size: 11px;
  line-height: 1.5;
  text-align: left !important; }
  .dialog-search-results:before, .dialog-search-results:after {
    content: " ";
    display: table; }
  .dialog-search-results:after {
    clear: both; }
  .dialog-search-results .search-result  {
    max-width: 100px; }
  .dialog-search-results > * {
    cursor: pointer; }
    .dialog-search-results > * > * {
      pointer-events: none; }
  .dialog-search-results .search-result-video {
    width: 33%;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px; }
    .dialog-search-results .search-result-video:nth-child(3n+1) {
      clear: both; }
    .dialog-search-results .search-result-video .thumbnail-wrapper:hover .thumbnail {
      opacity: 0.8; }
    .dialog-search-results .search-result-video .thumbnail-wrapper span {
      display: block;
      top: 0;
      left: 0;
      position: absolute;
      background-color: #3d9ee9;
      color: #f5f5f5;
      text-align: center; }
      .dialog-search-results .search-result-video .thumbnail-wrapper span:before {
        content: "";
        display: block;
        padding-top: 100%;
        /* initial ratio of 1:1*/
        padding-top: 55%; }
    .dialog-search-results .search-result-video .thumbnail {
      width: 100%;
      margin-bottom: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 3px; }
      .dialog-search-results .search-result-video .thumbnail:before {
        content: "";
        display: block;
        padding-top: 100%;
        /* initial ratio of 1:1*/
        padding-top: 55%; }
  .dialog-search-results .search-result-image {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px; }
    .dialog-search-results .search-result-image img {
      height: 100%;
      max-width: 120px;
      max-height: 120px;
      border-radius: 3px; }

.white .select-list li:hover > a,
.white .select-list li:hover > span {
  background-color: rgba(0, 0, 0, 0.025) !important; }

.white .select-list li > a,
.white .select-list li > span {
  color: #888; }

.select-list {
  background-clip: padding-box;
  list-style: none;
  margin: 0px;
  padding: 15px 0;
  text-align: left;
  border-radius: 3px; }
  .select-list:empty:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50%;
    width: 100%;
    display: block;
    font-size: 13px;
    line-height: 1px;
    margin-top: -6px;
    content: attr(data-placeholder);
    color: #888;
    opacity: 0.5; }
  .select-list .divider + li span {
    border: none !important; }
  .select-list .divider {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 0; }
  .select-list li {
    width: 100%;
    display: block;
    position: relative;
    margin: -2px 0; }
    .select-list li.checked {
      opacity: 1; }
      .select-list li.checked:before {
        background-color: #222 !important;
        display: block; }
      .select-list li.checked > a,
      .select-list li.checked > span {
        color: #222; }
    .select-list li:hover {
      background-color: black; }
      .select-list li:hover > a,
      .select-list li:hover > span {
        color: white; }
    .select-list li.select-list-title:before {
      display: none !important; }
    .select-list li:before {
      top: 50%;
      left: 10px;
      margin-top: -3px;
      content: "";
      display: block;
      position: absolute;
      height: 6px;
      width: 6px;
      background-color: #f5f5f5;
      border-radius: 100%;
      display: none; }
    .select-list li > b,
    .select-list li > a,
    .select-list li > span {
      display: block;
      cursor: pointer;
      white-space: nowrap;
      margin: 0 25px;
      padding: 10px 0px;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      border-top: 2px solid rgba(0, 0, 0, 0.025) !important; }
      .select-list li > b .icon.icon-sm,
      .select-list li > a .icon.icon-sm,
      .select-list li > span .icon.icon-sm {
        margin: -7px;
        margin-right: 14px; }
      .select-list li > b .icon.icon-md,
      .select-list li > a .icon.icon-md,
      .select-list li > span .icon.icon-md {
        margin: -13px;
        margin-right: 7px; }
    .select-list li:first-child > b,
    .select-list li:first-child > a,
    .select-list li:first-child > span {
      border: none !important; }

.row:before,
.row:after {
  display: table;
  content: " "; }

.row:after {
  clear: both; }

.row:before,
.row:after {
  display: table;
  content: " "; }

.row:after {
  clear: both; }

.row {
  margin: 0 -5px; }
  .row > div {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left; }
    .row > div img {
      max-width: 100%; }
  .row.no-gutter {
    margin: 0 !important; }
    .row.no-gutter > div {
      padding: 0px !important; }
  .row.cols-12 > div {
    width: 8.33333%; }
  .row.cols-11 > div {
    width: 9.09091%; }
  .row.cols-10 > div {
    width: 10%; }
  .row.cols-9 > div {
    width: 11.11111%; }
  .row.cols-8 > div {
    width: 12.5%; }
  .row.cols-7 > div {
    width: 14.28571%; }
  .row.cols-6 > div {
    width: 16.66667%; }
  .row.cols-5 > div {
    width: 20%; }
  .row.cols-4 > div {
    width: 25%; }
  .row.cols-3 > div {
    width: 33.33333%; }
  .row.cols-2 > div {
    width: 50%; }
  .row.cols-1 > div {
    width: 100%; }

.header-center,
.header-left,
.header-right {
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 3000;
  top: 10px; }
  .header-center > *,
  .header-left > *,
  .header-right > * {
    display: inline-block;
    vertical-align: middle; }
  .header-center.out,
  .header-left.out,
  .header-right.out {
    opacity: 0;
    pointer-events: none; }
    .header-center.out *,
    .header-left.out *,
    .header-right.out * {
      pointer-events: none !important; }

.home {
  margin-top: -20px;
  margin-left: -20px; }

.header-left {
  left: 0;
  padding-left: 10px;
  padding-left: 20px;
  padding-top: 20px; }

.header-right {
  right: 0;
  padding-right: 20px;
  padding-top: 20px; }

.header-center {
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  color: #888; }
  .header-center > * {
    font-size: 20px;
    line-height: 44px;
    color: #888;
    padding: 0 10px; }

.header-left > * {
  margin-right: 10px; }

.header-right > * {
  margin-left: 10px; }

.header-right {
  font-size: 0; }

.title {
  width: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  pointer-events: none; }
  .title h1 {
    margin: 0;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    font-weight: bold;
    color: #888;
    display: inline-block;
    margin-top: -14px;
    pointer-events: all;
    font-weight: normal; }

.author {
  float: left; }
  .author .btn {
    margin-right: 10px; }
  .author .author-date {
    opacity: 0.5; }

#account-forms {
  z-index: 2000;
  width: 100%;
  height: 100%; }
  #account-forms.got-user {
    display: none; }
  #account-forms > div {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute !important;
    pointer-events: none; }
    #account-forms > div.active#login form {
      -webkit-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg); }
    #account-forms > div.active#signup form {
      -webkit-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg); }
    #account-forms > div.active#password-reset form {
      -webkit-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg); }
    #account-forms > div.active#password-confirm form {
      -webkit-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg); }
    #account-forms > div.active form {
      opacity: 1;
      pointer-events: auto; }
    #account-forms > div .content {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      -webkit-perspective: 1000;
      -moz-perspective: 1000;
      -ms-perspective: 1000;
      perspective: 1000;
      -webkit-perspective-origin: center center;
      -moz-perspective-origin: center center;
      perspective-origin: center center; }
    #account-forms > div#login form {
      -webkit-transform: rotateY(-180deg);
      -ms-transform: rotateY(-180deg);
      transform: rotateY(-180deg); }
    #account-forms > div#signup form {
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    #account-forms > div#password form {
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    #account-forms > div form {
      text-align: left;
      display: inline-block;
      width: 330px;
      opacity: 0;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      -webkit-transform-origin: center center;
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
      #account-forms > div form h4 {
        display: inline-block; }

#updates {
  list-style: none;
  padding: 0;
  margin: 0; }
  #updates > li {
    padding: 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    #updates > li .avatar {
      border-radius: 100%;
      vertical-align: middle;
      margin-right: 10px; }
    #updates > li > span,
    #updates > li > a {
      vertical-align: middle;
      line-height: 60px; }
    #updates > li a {
      color: #3d9ee9; }
    #updates > li .date {
      float: right;
      display: inline-block; }

#short-profile {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 200px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
  z-index: 5000; }
  #short-profile #short-profile-header {
    height: 100px;
    width: 300px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.1); }
  #short-profile #short-profile-image {
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -40px; }
  #short-profile #short-profile-actions {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px; }
  #short-profile #short-profile-details {
    padding-top: 40px; }
    #short-profile #short-profile-details .nickname,
    #short-profile #short-profile-details .bio {
      text-align: center;
      display: block; }
    #short-profile #short-profile-details .bio {
      color: #888; }
    #short-profile #short-profile-details .nickname {
      color: #292929;
      font-size: 18px; }

#profile-details {
  padding: 30px 40px;
  background-color: white;
  text-align: center;
  position: relative; }
  #profile-details:before, #profile-details:after {
    content: " ";
    display: table; }
  #profile-details:after {
    clear: both; }
  #profile-details .profile-head {
    margin-bottom: 20px; }
  #profile-details .profile-image {
    position: relative;
    margin: auto;
    display: inline-block;
    margin-bottom: 20px;
    line-height: 200px;
    width: 200px;
    height: 200px;
    border: 4px solid white;
    border-radius: 8px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05); }
  #profile-details .profile-cover {
    position: absolute;
    height: 200px;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    z-index: 0; }
  #profile-details .profile-username {
    margin: 0;
    font-size: 20px;
    color: #292929; }
  #profile-details .profile-description {
    margin: 0;
    font-size: 20px; }
  #profile-details ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: -3px; }
    #profile-details ul li {
      vertical-align: middle;
      display: inline-block;
      margin-right: 3px;
      color: #888;
      text-transform: uppercase;
      font-family: Inter;
      font-size: 11px;
      opacity: 0.5; }
      #profile-details ul li:hover {
        opacity: 1; }
      #profile-details ul li > .icon {
        margin-right: 3px; }
      #profile-details ul li a {
        color: #888; }
        #profile-details ul li a:hover {
          color: #3d9ee9; }

#account {
  padding-top: 64px; }
  #account #cover-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.2;
    background-size: cover;
    background-position: center; }
  #account #profile-image {
    position: relative; }
    #account #profile-image img {
      border-radius: 3px;
      overflow: hidden; }
    #account #profile-image #remove-profile-image {
      position: absolute;
      top: 0;
      left: 0;
      margin: -16px; }

.icon-bullet:before {
  content: "\2022"; }

.icon-hyphen:before {
  content: "\002D"; }

.icon-Euro:before {
  content: "\20AC"; }

.icon-minus:before, .btn-less:before {
  content: "\2212"; }

.icon-plus:before, .btn-more:before {
  content: "\002B"; }

.icon-cloud:before {
  content: "\2601"; }

.icon-lightning:before {
  content: "\2607"; }

.icon-heartsuitblack:before {
  content: "\2665"; }

.icon-whiteFlag:before {
  content: "\2690"; }

.icon-blackFlag:before {
  content: "\2691"; }

.icon-crossedSwords:before {
  content: "\2694"; }

.icon-blackScissorsRight:before {
  content: "\2702"; }

.icon-airplane:before {
  content: "\2708"; }

.icon-envelope:before {
  content: "\2709"; }

.icon-pencil:before {
  content: "\270F"; }

.icon-sparkle:before {
  content: "\2747"; }

.icon-at:before {
  content: "\0040"; }

.icon-copyright:before {
  content: "\00A9"; }

.icon-registered:before {
  content: "\00AE"; }

.icon-section:before {
  content: "\00A7"; }

.icon-battery:before {
  content: "\1F50B"; }

.icon-bell:before {
  content: "\1F514"; }

.icon-bookmark:before {
  content: "\1F516"; }

.icon-calendar:before {
  content: "\1F4C5"; }

.icon-camera:before {
  content: "\1F4F7"; }

.icon-clipboard:before {
  content: "\1F4CB"; }

.icon-hourglass:before {
  content: "\231B"; }

.icon-microphone:before {
  content: "\1F3A4"; }

.icon-newspaper:before {
  content: "\1F4F0"; }

.icon-paperclip:before {
  content: "\1F4CE"; }

.icon-radio:before {
  content: "\1F4FB"; }

.icon-wrench:before {
  content: "\1F527"; }

.icon-align-bottom:before {
  content: "\E004"; }

.icon-align-center-horizontal:before {
  content: "\E005"; }

.icon-align-center-vertical:before {
  content: "\E006"; }

.icon-align-left:before {
  content: "\E007"; }

.icon-align-right:before {
  content: "\E008"; }

.icon-align-to-canvas:before {
  content: "\E009"; }

.icon-align-top:before {
  content: "\E00A"; }

.icon-align-vertical-bottom:before {
  content: "\E00B"; }

.icon-align-vertical-middle:before {
  content: "\E00C"; }

.icon-align-vertical-top:before {
  content: "\E00D"; }

.icon-antenna:before {
  content: "\E00E"; }

.icon-application:before {
  content: "\E00F"; }

.icon-arrow-0:before {
  content: "\E010"; }

.icon-arrow-1:before {
  content: "\E011"; }

.icon-arrow-2:before {
  content: "\E012"; }

.icon-arrow-3:before {
  content: "\E013"; }

.icon-arrow-4:before {
  content: "\E014"; }

.icon-arrow-bottom-light:before {
  content: "\E015"; }

.icon-arrow-down:before {
  content: "\E016"; }

.icon-arrow-fork:before {
  content: "\E017"; }

.icon-arrow-horizontal:before {
  content: "\E018"; }

.icon-arrow-left:before {
  content: "\E019"; }

.icon-arrow-left-down:before {
  content: "\E01A"; }

.icon-arrow-left-light:before {
  content: "\E01B"; }

.icon-arrow-left-up:before {
  content: "\E01C"; }

.icon-arrow-merge:before {
  content: "\E01D"; }

.icon-arrow-right:before {
  content: "\E01E"; }

.icon-arrow-right-down:before {
  content: "\E01F"; }

.icon-arrow-right-light:before {
  content: "\E020"; }

.icon-arrow-right-up:before {
  content: "\E021"; }

.icon-arrow-thin-down:before {
  content: "\E022"; }

.icon-arrow-thin-left:before {
  content: "\E023"; }

.icon-arrow-thin-right:before {
  content: "\E024"; }

.icon-arrow-thin-up:before {
  content: "\E025"; }

.icon-arrow-top:before {
  content: "\E026"; }

.icon-arrow-top-light:before {
  content: "\E027"; }

.icon-arrow-vertical:before {
  content: "\E028"; }

.icon-arrows-horizontal:before {
  content: "\E029"; }

.icon-arrows-in:before {
  content: "\E02A"; }

.icon-arrows-out:before {
  content: "\E02B"; }

.icon-arrows-thin-horizontal:before {
  content: "\E02C"; }

.icon-arrows-thin-vertical:before {
  content: "\E02D"; }

.icon-arrows-vertical:before {
  content: "\E02E"; }

.icon-ban-0:before {
  content: "\E02F"; }

.icon-ban-1:before {
  content: "\E030"; }

.icon-ban-2:before {
  content: "\E031"; }

.icon-ban-3:before {
  content: "\E032"; }

.icon-ban-4:before {
  content: "\E033"; }

.icon-bar-code:before {
  content: "\E034"; }

.icon-battery-0:before {
  content: "\E035"; }

.icon-battery-1:before {
  content: "\E036"; }

.icon-battery-2:before {
  content: "\E037"; }

.icon-battery-3:before {
  content: "\E038"; }

.icon-battery-4:before {
  content: "\E039"; }

.icon-battery-5:before {
  content: "\E03A"; }

.icon-battery-6:before {
  content: "\E03B"; }

.icon-battery-7:before {
  content: "\E03C"; }

.icon-battery-8:before {
  content: "\E03D"; }

.icon-battery-loading:before {
  content: "\E03E"; }

.icon-beverage-beer:before {
  content: "\E03F"; }

.icon-beverage-cocktail:before {
  content: "\E040"; }

.icon-beverage-wine:before {
  content: "\E041"; }

.icon-book:before {
  content: "\E042"; }

.icon-book-contacts:before {
  content: "\E043"; }

.icon-book-open:before {
  content: "\E044"; }

.icon-border-dashed:before {
  content: "\E045"; }

.icon-border-dotted:before {
  content: "\E046"; }

.icon-border-radius:before {
  content: "\E047"; }

.icon-border-solid:before {
  content: "\E048"; }

.icon-brightness:before {
  content: "\E049"; }

.icon-calculator:before {
  content: "\E04A"; }

.icon-calculator-black:before {
  content: "\E04B"; }

.icon-camera-black:before {
  content: "\E04C"; }

.icon-canvas:before {
  content: "\E04D"; }

.icon-canvas-square:before {
  content: "\E04E"; }

.icon-cd:before {
  content: "\E04F"; }

.icon-certificate:before {
  content: "\E050"; }

.icon-chart-0:before {
  content: "\E051"; }

.icon-chart-1:before {
  content: "\E052"; }

.icon-chart-2:before {
  content: "\E053"; }

.icon-chart-3:before {
  content: "\E054"; }

.icon-chart-4:before {
  content: "\E055"; }

.icon-chart-5:before {
  content: "\E056"; }

.icon-chart-6:before {
  content: "\E057"; }

.icon-chart-7:before {
  content: "\E058"; }

.icon-chart-8:before {
  content: "\E059"; }

.icon-chart-bars:before {
  content: "\E05A"; }

.icon-check:before {
  content: "\E05B"; }

.icon-chevron-down-0:before {
  content: "\E05C"; }

.icon-chevron-down-1:before {
  content: "\E05D"; }

.icon-chevron-down-2:before {
  content: "\E05E"; }

.icon-chevron-down-3:before {
  content: "\E05F"; }

.icon-chevron-down-4:before {
  content: "\E060"; }

.icon-chevron-left-0:before {
  content: "\E061"; }

.icon-chevron-left-1:before {
  content: "\E062"; }

.icon-chevron-left-2:before {
  content: "\E063"; }

.icon-chevron-left-3:before {
  content: "\E064"; }

.icon-chevron-left-4:before {
  content: "\E065"; }

.icon-chevron-right-0:before {
  content: "\E066"; }

.icon-chevron-right-1:before {
  content: "\E067"; }

.icon-chevron-right-2:before {
  content: "\E068"; }

.icon-chevron-right-3:before {
  content: "\E069"; }

.icon-chevron-right-4:before {
  content: "\E06A"; }

.icon-chevron-up-0:before {
  content: "\E06B"; }

.icon-chevron-up-1:before {
  content: "\E06C"; }

.icon-chevron-up-2:before {
  content: "\E06D"; }

.icon-chevron-up-3:before {
  content: "\E06E"; }

.icon-chevron-up-4:before {
  content: "\E06F"; }

.icon-circle-0:before {
  content: "\E070"; }

.icon-circle-1:before {
  content: "\E071"; }

.icon-circle-2:before {
  content: "\E072"; }

.icon-circle-3:before {
  content: "\E073"; }

.icon-circle-4:before {
  content: "\E074"; }

.icon-circle-check:before {
  content: "\E075"; }

.icon-circle-down:before {
  content: "\E076"; }

.icon-circle-exclude:before {
  content: "\E077"; }

.icon-circle-info:before {
  content: "\E078"; }

.icon-circle-intersect:before {
  content: "\E079"; }

.icon-circle-left:before {
  content: "\E07A"; }

.icon-circle-minus:before {
  content: "\E07B"; }

.icon-circle-plus:before {
  content: "\E07C"; }

.icon-circle-question:before {
  content: "\E07D"; }

.icon-circle-remove:before {
  content: "\E07E"; }

.icon-circle-right:before {
  content: "\E07F"; }

.icon-circle-subtract:before {
  content: "\E080"; }

.icon-circle-unite:before {
  content: "\E081"; }

.icon-circle-up:before {
  content: "\E082"; }

.icon-circle-warning:before {
  content: "\E083"; }

.icon-clock:before {
  content: "\E084"; }

.icon-cloud-down:before {
  content: "\E085"; }

.icon-cloud-upload:before {
  content: "\E086"; }

.icon-cluster:before {
  content: "\E087"; }

.icon-cogwheel:before {
  content: "\E088"; }

.icon-columns:before {
  content: "\E089"; }

.icon-columns-3:before {
  content: "\E08A"; }

.icon-compass:before {
  content: "\E08B"; }

.icon-compass-east:before {
  content: "\E08C"; }

.icon-compass-north:before {
  content: "\E08D"; }

.icon-compass-north-east:before {
  content: "\E08E"; }

.icon-compass-north-west:before {
  content: "\E08F"; }

.icon-compass-south:before {
  content: "\E090"; }

.icon-compass-south-east:before {
  content: "\E091"; }

.icon-compass-south-west:before {
  content: "\E092"; }

.icon-compass-west:before {
  content: "\E093"; }

.icon-contrast:before {
  content: "\E094"; }

.icon-controls-backward:before {
  content: "\E095"; }

.icon-controls-eject:before {
  content: "\E096"; }

.icon-controls-fast-backward:before {
  content: "\E097"; }

.icon-controls-fast-forward:before {
  content: "\E098"; }

.icon-controls-forward:before {
  content: "\E099"; }

.icon-controls-pause:before {
  content: "\E09A"; }

.icon-controls-play:before {
  content: "\E09B"; }

.icon-controls-stop:before {
  content: "\E09C"; }

.icon-couple:before {
  content: "\E09D"; }

.icon-creditcard:before {
  content: "\E09E"; }

.icon-cross-0:before {
  content: "\E09F"; }

.icon-cross-1:before {
  content: "\E0A0"; }

.icon-cross-2:before {
  content: "\E0A1"; }

.icon-cross-3:before {
  content: "\E0A2"; }

.icon-cross-4:before {
  content: "\E0A3"; }

.icon-cross-hair:before {
  content: "\E0A4"; }

.icon-cullumn-spacing:before {
  content: "\E0A5"; }

.icon-currency-dollar:before {
  content: "\E0A6"; }

.icon-currency-pound:before {
  content: "\E0A7"; }

.icon-cursor-text:before {
  content: "\E0A8"; }

.icon-cursor-text-frame:before {
  content: "\E0A9"; }

.icon-curved-arrow:before {
  content: "\E0AA"; }

.icon-cuttlery:before {
  content: "\E0AB"; }

.icon-dashboard:before {
  content: "\E0AC"; }

.icon-device-desktop:before {
  content: "\E0AD"; }

.icon-device-mobile:before {
  content: "\E0AE"; }

.icon-device-mobile-down:before {
  content: "\E0AF"; }

.icon-device-mobile-transfer:before {
  content: "\E0B0"; }

.icon-device-mobile-up:before {
  content: "\E0B1"; }

.icon-device-mp3:before {
  content: "\E0B2"; }

.icon-device-notebook:before {
  content: "\E0B3"; }

.icon-device-tablet:before {
  content: "\E0B4"; }

.icon-directions-axis:before {
  content: "\E0B5"; }

.icon-directions-omni:before {
  content: "\E0B6"; }

.icon-directions-seperate:before {
  content: "\E0B7"; }

.icon-distribute-horizontal:before {
  content: "\E0B8"; }

.icon-distribute-vertical:before {
  content: "\E0B9"; }

.icon-download:before {
  content: "\E0BA"; }

.icon-duplicate:before {
  content: "\E0BB"; }

.icon-duplicate-alt:before {
  content: "\E0BC"; }

.icon-edge-bottom:before {
  content: "\E0BD"; }

.icon-edge-left:before {
  content: "\E0BE"; }

.icon-edge-right:before {
  content: "\E0BF"; }

.icon-edge-top:before {
  content: "\E0C0"; }

.icon-ellipse-horizontal:before {
  content: "\E0C1"; }

.icon-ellipse-vertical:before {
  content: "\E0C2"; }

.icon-embed:before {
  content: "\E0C3"; }

.icon-embed-alt:before {
  content: "\E0C4"; }

.icon-emote-1:before {
  content: "\E0C5"; }

.icon-emote-2:before {
  content: "\E0C6"; }

.icon-emote-3:before {
  content: "\E0C7"; }

.icon-emote-4:before {
  content: "\E0C8"; }

.icon-emote-big-smile:before {
  content: "\E0C9"; }

.icon-emote-only-happy:before {
  content: "\E0CA"; }

.icon-emote-sad:before {
  content: "\E0CB"; }

.icon-emote-smile:before {
  content: "\E0CC"; }

.icon-emote-tongue:before {
  content: "\E0CD"; }

.icon-escape:before {
  content: "\E0CE"; }

.icon-eye-closed:before {
  content: "\E0CF"; }

.icon-eye-open:before {
  content: "\E0D0"; }

.icon-feather:before {
  content: "\E0D1"; }

.icon-female:before {
  content: "\E0D2"; }

.icon-female-afro:before {
  content: "\E0D3"; }

.icon-female-bun:before {
  content: "\E0D4"; }

.icon-female-emo:before {
  content: "\E0D5"; }

.icon-female-long-hair:before {
  content: "\E0D6"; }

.icon-female-moslem:before {
  content: "\E0D7"; }

.icon-female-pigtails:before {
  content: "\E0D8"; }

.icon-female-pigtails-alt:before {
  content: "\E0D9"; }

.icon-female-user:before {
  content: "\E0DA"; }

.icon-fetch:before {
  content: "\E0DB"; }

.icon-file-check:before {
  content: "\E0DC"; }

.icon-file-edit:before {
  content: "\E0DD"; }

.icon-file-share:before {
  content: "\E0DE"; }

.icon-fit-to:before {
  content: "\E0DF"; }

.icon-flag:before {
  content: "\E0E0"; }

.icon-flip-down:before {
  content: "\E0E1"; }

.icon-flip-left:before {
  content: "\E0E2"; }

.icon-flip-right:before {
  content: "\E0E3"; }

.icon-flip-up:before {
  content: "\E0E4"; }

.icon-floppydisk:before {
  content: "\E0E5"; }

.icon-flow:before {
  content: "\E0E6"; }

.icon-folder:before, #folder-grid .item.folder-up:before,
#folder-grid .item.folder .item-type:before {
  content: "\E0E7"; }

.icon-folder-down:before {
  content: "\E0E8"; }

.icon-folder-favorites:before {
  content: "\E0E9"; }

.icon-folder-flagged:before {
  content: "\E0EA"; }

.icon-folder-leave:before {
  content: "\E0EB"; }

.icon-folder-locked:before {
  content: "\E0EC"; }

.icon-folder-minus:before {
  content: "\E0ED"; }

.icon-folder-open:before {
  content: "\E0EE"; }

.icon-folder-open-2:before {
  content: "\E0EF"; }

.icon-folder-plus:before {
  content: "\E0F0"; }

.icon-folder-remove:before {
  content: "\E0F1"; }

.icon-folder-shared:before {
  content: "\E0F2"; }

.icon-folder-up:before {
  content: "\E0F3"; }

.icon-form-exclude:before {
  content: "\E0F4"; }

.icon-form-intersect:before {
  content: "\E0F5"; }

.icon-form-subtract:before {
  content: "\E0F6"; }

.icon-form-unite:before {
  content: "\E0F7"; }

.icon-full-screen:before {
  content: "\E0F8"; }

.icon-fullscreen-off:before {
  content: "\E0F9"; }

.icon-fullscreen-on:before {
  content: "\E0FA"; }

.icon-globe:before {
  content: "\E0FB"; }

.icon-grid:before {
  content: "\E0FC"; }

.icon-grid-free:before {
  content: "\E0FD"; }

.icon-grid-small:before {
  content: "\E0FE"; }

.icon-group:before {
  content: "\E0FF"; }

.icon-handle:before {
  content: "\E100"; }

.icon-harddrive:before {
  content: "\E101"; }

.icon-heading:before {
  content: "\E102"; }

.icon-headphones:before {
  content: "\E103"; }

.icon-heart:before {
  content: "\E104"; }

.icon-heart-hollow:before {
  content: "\E105"; }

.icon-history:before {
  content: "\E106"; }

.icon-home:before {
  content: "\E107"; }

.icon-human:before {
  content: "\E108"; }

.icon-inbox:before {
  content: "\E109"; }

.icon-info:before {
  content: "\E10A"; }

.icon-input-checkbox:before {
  content: "\E10B"; }

.icon-input-checkbox-checked:before, .checkbox.checked:before, .checkbox:hover:before, .checkbox:active:before {
  content: "\E10C"; }

.icon-input-radio:before, .radio:before,
.checkbox:before {
  content: "\E10D"; }

.icon-input-radio-checked:before, .radio.checked:before, .radio:hover:before, .radio:active:before {
  content: "\E10E"; }

.icon-leave:before {
  content: "\E10F"; }

.icon-lightbulb:before {
  content: "\E110"; }

.icon-line-0:before {
  content: "\E111"; }

.icon-line-1:before {
  content: "\E112"; }

.icon-line-2:before {
  content: "\E113"; }

.icon-line-3:before {
  content: "\E114"; }

.icon-line-4:before {
  content: "\E115"; }

.icon-line-half-0:before {
  content: "\E116"; }

.icon-line-half-1:before {
  content: "\E117"; }

.icon-line-half-2:before {
  content: "\E118"; }

.icon-line-half-3:before {
  content: "\E119"; }

.icon-line-half-4:before {
  content: "\E11A"; }

.icon-lines:before {
  content: "\E11B"; }

.icon-link:before {
  content: "\E11C"; }

.icon-link-closed:before {
  content: "\E11D"; }

.icon-link-closed-alt:before {
  content: "\E11E"; }

.icon-link-open:before {
  content: "\E11F"; }

.icon-link-open-alt:before {
  content: "\E120"; }

.icon-list:before {
  content: "\E121"; }

.icon-location:before {
  content: "\E122"; }

.icon-lock-closed:before {
  content: "\E123"; }

.icon-lock-open:before {
  content: "\E124"; }

.icon-login:before {
  content: "\E125"; }

.icon-logout:before {
  content: "\E126"; }

.icon-loop:before {
  content: "\E127"; }

.icon-magnet:before {
  content: "\E128"; }

.icon-mail:before {
  content: "\E129"; }

.icon-male:before {
  content: "\E12A"; }

.icon-male-add:before {
  content: "\E12B"; }

.icon-male-afro:before {
  content: "\E12C"; }

.icon-male-business:before {
  content: "\E12D"; }

.icon-male-cool:before {
  content: "\E12E"; }

.icon-male-emo:before {
  content: "\E12F"; }

.icon-male-flathat:before {
  content: "\E130"; }

.icon-male-gentleman:before {
  content: "\E131"; }

.icon-male-hoodie:before {
  content: "\E132"; }

.icon-male-jew:before {
  content: "\E133"; }

.icon-male-monk:before {
  content: "\E134"; }

.icon-male-moslem:before {
  content: "\E135"; }

.icon-male-mustache:before {
  content: "\E136"; }

.icon-male-punk:before {
  content: "\E137"; }

.icon-male-remove:before {
  content: "\E138"; }

.icon-male-scuba:before {
  content: "\E139"; }

.icon-male-soldier:before {
  content: "\E13A"; }

.icon-male-techno:before {
  content: "\E13B"; }

.icon-male-user:before {
  content: "\E13C"; }

.icon-megaphone:before {
  content: "\E13D"; }

.icon-menu:before {
  content: "\E13E"; }

.icon-menu-2:before {
  content: "\E13F"; }

.icon-message:before {
  content: "\E140"; }

.icon-message-add:before {
  content: "\E141"; }

.icon-message-blank:before {
  content: "\E142"; }

.icon-messages:before {
  content: "\E143"; }

.icon-microphone-off:before {
  content: "\E144"; }

.icon-mirror-horizontal:before {
  content: "\E145"; }

.icon-mirror-horizontal-alt:before {
  content: "\E146"; }

.icon-mirror-vertical:before {
  content: "\E147"; }

.icon-mirror-vertical-alt:before {
  content: "\E148"; }

.icon-moon-first-quarter:before {
  content: "\E149"; }

.icon-moon-full:before {
  content: "\E14A"; }

.icon-moon-new:before {
  content: "\E14B"; }

.icon-moon-third-quarter:before {
  content: "\E14C"; }

.icon-moon-waning-crescent:before {
  content: "\E14D"; }

.icon-moon-waning-gibbous:before {
  content: "\E14E"; }

.icon-moon-waxing-crescent:before {
  content: "\E14F"; }

.icon-moon-waxing-gibbous:before {
  content: "\E150"; }

.icon-move:before {
  content: "\E151"; }

.icon-move-down:before {
  content: "\E152"; }

.icon-move-left:before {
  content: "\E153"; }

.icon-move-right:before {
  content: "\E154"; }

.icon-move-up:before {
  content: "\E155"; }

.icon-movie:before {
  content: "\E156"; }

.icon-music-note:before {
  content: "\E157"; }

.icon-music-upload:before {
  content: "\E158"; }

.icon-newspaper-alt:before {
  content: "\E159"; }

.icon-padding:before {
  content: "\E15A"; }

.icon-padding-bottom:before {
  content: "\E15B"; }

.icon-padding-left:before {
  content: "\E15C"; }

.icon-padding-right:before {
  content: "\E15D"; }

.icon-padding-top:before {
  content: "\E15E"; }

.icon-page-horizontal:before, #folder-grid .item.space .item-type:before {
  content: "\E15F"; }

.icon-page-horizontal-down:before {
  content: "\E160"; }

.icon-page-horizontal-flag:before {
  content: "\E161"; }

.icon-page-horizontal-locked:before {
  content: "\E162"; }

.icon-page-horizontal-minus:before {
  content: "\E163"; }

.icon-page-horizontal-plus:before {
  content: "\E164"; }

.icon-page-horizontal-remove:before {
  content: "\E165"; }

.icon-page-horizontal-up:before {
  content: "\E166"; }

.icon-page-vert:before {
  content: "\E167"; }

.icon-page-vertical-double:before {
  content: "\E168"; }

.icon-page-vertical-down:before {
  content: "\E169"; }

.icon-page-vertical-flag:before {
  content: "\E16A"; }

.icon-page-vertical-image:before {
  content: "\E16B"; }

.icon-page-vertical-locked:before {
  content: "\E16C"; }

.icon-page-vertical-minus:before {
  content: "\E16D"; }

.icon-page-vertical-plus:before {
  content: "\E16E"; }

.icon-page-vertical-remove:before {
  content: "\E16F"; }

.icon-page-vertical-table:before {
  content: "\E170"; }

.icon-page-vertical-text:before {
  content: "\E171"; }

.icon-page-vertical-up:before {
  content: "\E172"; }

.icon-palette:before {
  content: "\E173"; }

.icon-palette-alt:before {
  content: "\E174"; }

.icon-paperplane:before {
  content: "\E175"; }

.icon-photofilm:before {
  content: "\E176"; }

.icon-picture:before {
  content: "\E177"; }

.icon-picture-landscape:before {
  content: "\E178"; }

.icon-picture-portrait:before {
  content: "\E179"; }

.icon-picture-upload:before {
  content: "\E17A"; }

.icon-pictures:before {
  content: "\E17B"; }

.icon-pin:before {
  content: "\E17C"; }

.icon-planet:before {
  content: "\E001"; }

.icon-point:before {
  content: "\E17D"; }

.icon-pointing-down:before {
  content: "\E17E"; }

.icon-pointing-left:before {
  content: "\E17F"; }

.icon-pointing-right:before {
  content: "\E180"; }

.icon-pointing-up:before {
  content: "\E181"; }

.icon-postcard:before {
  content: "\E182"; }

.icon-power-off:before {
  content: "\E183"; }

.icon-present:before {
  content: "\E184"; }

.icon-presentation:before {
  content: "\E185"; }

.icon-printer:before {
  content: "\E186"; }

.icon-pull:before {
  content: "\E187"; }

.icon-push:before {
  content: "\E188"; }

.icon-qr-code:before {
  content: "\E189"; }

.icon-quote:before {
  content: "\E18A"; }

.icon-radio-black:before {
  content: "\E18B"; }

.icon-random:before {
  content: "\E18C"; }

.icon-record:before {
  content: "\E18D"; }

.icon-redo:before {
  content: "\E18E"; }

.icon-resize-full:before {
  content: "\E18F"; }

.icon-resize-small:before {
  content: "\E190"; }

.icon-retweet:before {
  content: "\E191"; }

.icon-rings:before {
  content: "\E192"; }

.icon-road:before {
  content: "\E193"; }

.icon-rotate:before {
  content: "\E194"; }

.icon-rotate-2:before {
  content: "\E195"; }

.icon-rotate-3:before {
  content: "\E196"; }

.icon-rotate-left:before {
  content: "\E197"; }

.icon-rotate-right:before {
  content: "\E198"; }

.icon-rss:before {
  content: "\E199"; }

.icon-search:before {
  content: "\E000"; }

.icon-section-alt:before {
  content: "\E19A"; }

.icon-section-alt-2:before {
  content: "\E19B"; }

.icon-section-edit:before {
  content: "\E19C"; }

.icon-selection:before {
  content: "\E19D"; }

.icon-selection-circle:before {
  content: "\E19E"; }

.icon-selection-circle-strong:before {
  content: "\E19F"; }

.icon-selection-square:before {
  content: "\E1A0"; }

.icon-selection-square-strong:before {
  content: "\E1A1"; }

.icon-server:before {
  content: "\E1A2"; }

.icon-shape-bubble:before {
  content: "\E1A3"; }

.icon-shape-burst:before {
  content: "\E1A4"; }

.icon-shape-circle:before {
  content: "\E1A5"; }

.icon-shape-cloud:before {
  content: "\E1A6"; }

.icon-shape-cross:before {
  content: "\E1A7"; }

.icon-shape-heart:before {
  content: "\E1A8"; }

.icon-shape-hexagon:before {
  content: "\E1A9"; }

.icon-shape-octagon:before {
  content: "\E1AA"; }

.icon-shape-pentagon:before {
  content: "\E1AB"; }

.icon-shape-plus:before {
  content: "\E1AC"; }

.icon-shape-square:before {
  content: "\E1AD"; }

.icon-shape-star:before {
  content: "\E1AE"; }

.icon-shape-triangle:before {
  content: "\E1AF"; }

.icon-shapes:before {
  content: "\E1B0"; }

.icon-share:before {
  content: "\E1B1"; }

.icon-shopping-cart:before {
  content: "\E1B2"; }

.icon-signal:before {
  content: "\E1B3"; }

.icon-signal-alt:before {
  content: "\E1B4"; }

.icon-size:before {
  content: "\E1B5"; }

.icon-size-both:before {
  content: "\E1B6"; }

.icon-size-horizontal:before {
  content: "\E1B7"; }

.icon-size-vertical:before {
  content: "\E1B8"; }

.icon-social-dribbble:before {
  content: "\E1B9"; }

.icon-social-dropbox:before {
  content: "\E1BA"; }

.icon-social-facebook:before {
  content: "\E1BB"; }

.icon-social-flickr:before {
  content: "\E1BC"; }

.icon-social-google:before {
  content: "\E1BD"; }

.icon-social-soundcloud:before {
  content: "\E002"; }

.icon-social-square-dribbble:before {
  content: "\E1BE"; }

.icon-social-square-dropbox:before {
  content: "\E1BF"; }

.icon-social-square-facebook:before {
  content: "\E1C0"; }

.icon-social-square-flickr:before {
  content: "\E1C1"; }

.icon-social-square-google:before {
  content: "\E1C2"; }

.icon-social-square-soundcloud:before {
  content: "\E003"; }

.icon-social-square-tumblr:before {
  content: "\E1C3"; }

.icon-social-square-twitter:before {
  content: "\E1C4"; }

.icon-social-square-vimeo:before {
  content: "\E1C5"; }

.icon-social-square-vine:before {
  content: "\E1C6"; }

.icon-social-square-youtube:before {
  content: "\E1C7"; }

.icon-social-tumblr:before {
  content: "\E1C8"; }

.icon-social-twitter:before {
  content: "\E1C9"; }

.icon-social-vimeo:before {
  content: "\E1CA"; }

.icon-social-vine:before {
  content: "\E1CB"; }

.icon-social-youtube:before {
  content: "\E1CC"; }

.icon-sort-alphabetical-ascending:before {
  content: "\E1CD"; }

.icon-sort-alphabetical-descending:before {
  content: "\E1CE"; }

.icon-sort-ascending:before {
  content: "\E1CF"; }

.icon-sort-descending:before {
  content: "\E1D0"; }

.icon-sort-numerical-ascending:before {
  content: "\E1D1"; }

.icon-sort-numerical-descending:before {
  content: "\E1D2"; }

.icon-sorting:before {
  content: "\E1D3"; }

.icon-sorting-ascending:before {
  content: "\E1D4"; }

.icon-sorting-descending:before {
  content: "\E1D5"; }

.icon-sound-5-1:before {
  content: "\E1D6"; }

.icon-sound-6-1:before {
  content: "\E1D7"; }

.icon-sound-7-1:before {
  content: "\E1D8"; }

.icon-sound-dolby:before {
  content: "\E1D9"; }

.icon-sound-full:before {
  content: "\E1DA"; }

.icon-sound-off:before {
  content: "\E1DB"; }

.icon-sound-silent:before {
  content: "\E1DC"; }

.icon-sound-stereo:before {
  content: "\E1DD"; }

.icon-space-horizontal:before {
  content: "\E1DE"; }

.icon-space-shared:before {
  content: "\E1DF"; }

.icon-space-vertical:before {
  content: "\E1E0"; }

.icon-spacedeck-logo:before {
  content: "\E1E1"; }

.icon-spacing-horizontal:before {
  content: "\E1E2"; }

.icon-spacing-vertical:before {
  content: "\E1E3"; }

.icon-square-down:before {
  content: "\E1E4"; }

.icon-square-left:before {
  content: "\E1E5"; }

.icon-square-right:before {
  content: "\E1E6"; }

.icon-square-up:before {
  content: "\E1E7"; }

.icon-stack-3d:before {
  content: "\E1E8"; }

.icon-stack-3d-bottom:before {
  content: "\E1E9"; }

.icon-stack-3d-top:before {
  content: "\E1EA"; }

.icon-stack-bottom:before {
  content: "\E1EB"; }

.icon-stack-down:before {
  content: "\E1EC"; }

.icon-stack-top:before {
  content: "\E1ED"; }

.icon-stack-up:before {
  content: "\E1EE"; }

.icon-star:before {
  content: "\E1EF"; }

.icon-star-hollow:before {
  content: "\E1F0"; }

.icon-stash-apply:before {
  content: "\E1F1"; }

.icon-stash-save:before {
  content: "\E1F2"; }

.icon-statistic:before {
  content: "\E1F3"; }

.icon-step-backward:before {
  content: "\E1F4"; }

.icon-step-forward:before {
  content: "\E1F5"; }

.icon-stroke-weight:before {
  content: "\E1F6"; }

.icon-subtitles:before {
  content: "\E1F7"; }

.icon-suitcase:before {
  content: "\E1F8"; }

.icon-table:before {
  content: "\E1F9"; }

.icon-tag:before {
  content: "\E1FA"; }

.icon-tags:before {
  content: "\E1FB"; }

.icon-text-align-center:before {
  content: "\E1FC"; }

.icon-text-align-center-alt:before {
  content: "\E1FD"; }

.icon-text-align-justify:before {
  content: "\E1FE"; }

.icon-text-align-justify-alt:before {
  content: "\E1FF"; }

.icon-text-align-left:before {
  content: "\E200"; }

.icon-text-align-left-alt:before {
  content: "\E201"; }

.icon-text-align-right:before {
  content: "\E202"; }

.icon-text-align-right-alt:before {
  content: "\E203"; }

.icon-text-allcaps:before {
  content: "\E204"; }

.icon-text-bold:before {
  content: "\E205"; }

.icon-text-frame:before {
  content: "\E206"; }

.icon-text-indent:before {
  content: "\E207"; }

.icon-text-italic:before {
  content: "\E208"; }

.icon-text-list:before {
  content: "\E209"; }

.icon-text-list-alphabetical:before {
  content: "\E20A"; }

.icon-text-list-alt:before {
  content: "\E20B"; }

.icon-text-list-bullet:before {
  content: "\E20C"; }

.icon-text-list-numbered:before {
  content: "\E20D"; }

.icon-text-normal:before {
  content: "\E20E"; }

.icon-text-remove-format:before {
  content: "\E20F"; }

.icon-text-roman:before {
  content: "\E210"; }

.icon-text-size:before {
  content: "\E211"; }

.icon-text-strike:before {
  content: "\E212"; }

.icon-text-styles:before {
  content: "\E213"; }

.icon-text-sub:before {
  content: "\E214"; }

.icon-text-super:before {
  content: "\E215"; }

.icon-text-typeface:before {
  content: "\E216"; }

.icon-text-underline:before {
  content: "\E217"; }

.icon-text-unindent:before {
  content: "\E218"; }

.icon-text-uppercase:before {
  content: "\E219"; }

.icon-text-width:before {
  content: "\E21A"; }

.icon-thumbs-down:before {
  content: "\E21B"; }

.icon-thumbs-up:before {
  content: "\E21C"; }

.icon-tint:before {
  content: "\E21D"; }

.icon-tint-hollow:before {
  content: "\E21E"; }

.icon-tint-none:before {
  content: "\E21F"; }

.icon-tool-arrow:before {
  content: "\E220"; }

.icon-tool-circle:before {
  content: "\E221"; }

.icon-tool-crop:before {
  content: "\E222"; }

.icon-tool-draw:before {
  content: "\E223"; }

.icon-tool-erase:before {
  content: "\E224"; }

.icon-tool-eyedrop:before {
  content: "\E225"; }

.icon-tool-fill:before {
  content: "\E226"; }

.icon-tool-hand:before {
  content: "\E227"; }

.icon-tool-library:before {
  content: "\E228"; }

.icon-tool-line:before {
  content: "\E229"; }

.icon-tool-magic-wand:before {
  content: "\E22A"; }

.icon-tool-pointer:before {
  content: "\E22B"; }

.icon-tool-rectangle:before {
  content: "\E22C"; }

.icon-tool-scribble:before {
  content: "\E22D"; }

.icon-tool-stroke:before {
  content: "\E22E"; }

.icon-tool-text:before {
  content: "\E22F"; }

.icon-tool-text-alt:before {
  content: "\E230"; }

.icon-tool-zone:before {
  content: "\E231"; }

.icon-tool-zones:before {
  content: "\E232"; }

.icon-transfer:before {
  content: "\E233"; }

.icon-trash:before {
  content: "\E234"; }

.icon-tree-conifer:before {
  content: "\E235"; }

.icon-tree-deciduous:before {
  content: "\E236"; }

.icon-triangle-0:before {
  content: "\E237"; }

.icon-triangle-0-bottom:before {
  content: "\E238"; }

.icon-triangle-0-left:before {
  content: "\E239"; }

.icon-triangle-0-right:before {
  content: "\E23A"; }

.icon-triangle-0-top:before {
  content: "\E23B"; }

.icon-triangle-1:before {
  content: "\E23C"; }

.icon-triangle-1-bottom:before {
  content: "\E23D"; }

.icon-triangle-1-left:before {
  content: "\E23E"; }

.icon-triangle-1-right:before {
  content: "\E23F"; }

.icon-triangle-1-top:before {
  content: "\E240"; }

.icon-triangle-2:before {
  content: "\E241"; }

.icon-triangle-2-bottom:before {
  content: "\E242"; }

.icon-triangle-2-left:before {
  content: "\E243"; }

.icon-triangle-2-right:before {
  content: "\E244"; }

.icon-triangle-2-top:before {
  content: "\E245"; }

.icon-triangle-3:before {
  content: "\E246"; }

.icon-triangle-3-bottom:before, .btn.btn-dropdown:before {
  content: "\E247"; }

.icon-triangle-3-left:before {
  content: "\E248"; }

.icon-triangle-3-right:before {
  content: "\E249"; }

.icon-triangle-3-top:before {
  content: "\E24A"; }

.icon-triangle-4:before {
  content: "\E24B"; }

.icon-triangle-4-bottom:before {
  content: "\E24C"; }

.icon-triangle-4-left:before {
  content: "\E24D"; }

.icon-triangle-4-right:before {
  content: "\E24E"; }

.icon-triangle-4-top:before {
  content: "\E24F"; }

.icon-triangle-down:before {
  content: "\E250"; }

.icon-triangle-left:before, .btn-prev:before {
  content: "\E251"; }

.icon-triangle-right:before, .btn-next:before {
  content: "\E252"; }

.icon-triangle-up:before {
  content: "\E253"; }

.icon-triangles-horizontal:before {
  content: "\E254"; }

.icon-triangles-vertical:before {
  content: "\E255"; }

.icon-undo:before {
  content: "\E256"; }

.icon-ungroup:before {
  content: "\E257"; }

.icon-uniE000:before {
  content: "\E258"; }

.icon-upload:before {
  content: "\E259"; }

.icon-upload-alt:before {
  content: "\E25A"; }

.icon-user:before {
  content: "\E25B"; }

.icon-user-add:before {
  content: "\E25C"; }

.icon-user-group:before {
  content: "\E25D"; }

.icon-user-group-2:before {
  content: "\E25E"; }

.icon-user-group-3:before {
  content: "\E25F"; }

.icon-user-group-gentlemen:before {
  content: "\E260"; }

.icon-user-minus:before {
  content: "\E261"; }

.icon-user-remove:before {
  content: "\E262"; }

.icon-video-camera:before {
  content: "\E263"; }

.icon-video-camera-off:before {
  content: "\E264"; }

.icon-video-hd:before {
  content: "\E265"; }

.icon-video-sd:before {
  content: "\E266"; }

.icon-video-upload:before {
  content: "\E267"; }

.icon-vinyl:before {
  content: "\E268"; }

.icon-warning:before {
  content: "\E269"; }

.icon-wifi:before {
  content: "\E26A"; }

.icon-window:before {
  content: "\E26B"; }

.icon-window-new:before {
  content: "\E26C"; }

.icon-window-new-alt:before {
  content: "\E26D"; }

.icon-zone:before {
  content: "\E26E"; }

.icon-zone-edit:before {
  content: "\E26F"; }

.icon-zoom:before {
  content: "\E270"; }

.icon-zoom-in:before {
  content: "\E271"; }

.icon-zoom-out:before {
  content: "\E272"; }

.icon-helper-bar:before {
  content: "\E273"; }

.icon-helper-needle:before {
  content: "\E274"; }

.icon-helper-screen:before {
  content: "\E275"; }

@-webkit-keyframes appear {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.avatar {
  background-color: #3d9ee9;
  font-family: Inter;
  color: white;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  background-size: cover;
  background-position: center; }

#user-root {
  margin-left: 5px !important;
  padding: 0px !important; }
  #user-root .btn {
    margin-right: 10px; }

#sidebar.folder-sidebar {
  background-color: white !important; }

#folder-search {
  width: 200px; }

#folder-breadcrumb {
  vertical-align: middle;
  padding: 20px;
  font-size: 0px;
  padding-bottom: 30px; }
  #folder-breadcrumb .btn {
    padding-left: 0; }
    #folder-breadcrumb .btn .btn-icon {
      position: relative;
      top: -3px;
      margin-right: 7px;
      margin-left: 5px; }
  #folder-breadcrumb .seperator {
    padding-left: 10px;
    opacity: 0.5; }

#folder-filter {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-right: 20px; }
  #folder-filter li {
    display: inline-block;
    line-height: 44px; }
    #folder-filter li.active span {
      color: #f5f5f5; }
    #folder-filter li span {
      color: #888;
      display: inline-block;
      cursor: pointer;
      line-height: 44px;
      font-size: 15px;
      padding: 0 5px; }

#folder {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #folder:before, #folder:after {
    content: " ";
    display: table; }
  #folder:after {
    clear: both; }

#folder-empty {
  top: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  display: table;
  height: 100%;
  width: 100%; }
  #folder-empty > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 40px; }
    #folder-empty > div .wrapper {
      height: auto;
      min-height: 0; }
    #folder-empty > div p {
      border-radius: 100px;
      font-size: 20px;
      line-height: 1.5em;
      display: block;
      color: #888; }

#folder-table {
  margin-bottom: 40px;
  width: auto; }
  #folder-table td {
    position: relative; }
  #folder-table .dropdown {
    position: static;
    z-index: initial; }
  #folder-table .folder .icon {
    color: #f1c40f;
    opacity: 1; }
  #folder-table .item-title {
    width: 100%; }
    #folder-table .item-title a {
      display: inline-block;
      height: 70px;
      line-height: 70px;
      width: 100%; }
    #folder-table .item-title > .icon {
      margin-left: -15px; }
  #folder-table td.item-type {
    width: 1%;
    text-transform: capitalize; }
  #folder-table .item-date {
    text-align: right;
    width: 1%; }
  #folder-table .item-action {
    width: 1%;
    padding-left: 0px;
    padding-right: 30px; }
  #folder-table .fav-toggle {
    z-index: 500;
    margin-right: -60px;
    -webkit-transition: all 0.125s ease-in-out;
    transition: all 0.125s ease-in-out; }
    #folder-table .fav-toggle .icon {
      left: 0px;
      top: 0px;
      line-height: 60px;
      font-size: 13px;
      position: absolute;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: all 0.125s ease-in-out;
      transition: all 0.125s ease-in-out;
      opacity: 0.25;
      filter: alpha(opacity=25); }
    #folder-table .fav-toggle:hover {
      margin-right: -12px; }
      #folder-table .fav-toggle:hover .icon {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }

#folder-header {
  background-color: rgba(41, 41, 41, 0.95);
  background-color: rgba(245, 245, 245, 0.95); }

#folder-wrapper {
  padding-top: 64px; }

#folder-grid,
#folder-header {
  width: 100%;
  margin: auto; }

#folder-grid .item {
  float: left;
  width: 100%; }
  @media screen and (min-width: 640px) {
    #folder-grid .item {
      width: 50%; } }
  @media screen and (min-width: 800px) {
    #folder-grid .item {
      width: 33.333333%; } }
  @media screen and (min-width: 1000px) {
    #folder-grid .item {
      width: 25%; } }
  @media screen and (min-width: 1200px) {
    #folder-grid .item {
      width: 20%; } }

@media screen and (max-width: 900px) {
  .compact-hidden {
    display: none; } }

#folder-grid {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 400;
  text-align: left;
  width: 100%;
  margin: auto; }
  #folder-grid:before, #folder-grid:after {
    content: " ";
    display: table; }
  #folder-grid:after {
    clear: both; }
  #folder-grid .item {
    display: inline-block;
    text-align: left;
    padding-right: 40px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer; }
    #folder-grid .item .folder-drop {
      display: none; }
    #folder-grid .item.appear > a,
    #folder-grid .item.creating > a {
      opacity: 0;
      -webkit-animation: appear 0.25s ease-out 0.05s;
      -moz-animation: appear 0.25s ease-out 0.05s;
      -ms-animation: appear 0.25s ease-out 0.05s;
      -o-animation: appear 0.25s ease-out 0.05s;
      animation: appear 0.25s ease-out 0.05s;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
    #folder-grid .item.deleting > a {
      -webkit-animation: disappear 0.25s ease-out 0.05s;
      -moz-animation: disappear 0.25s ease-out 0.05s;
      -ms-animation: disappear 0.25s ease-out 0.05s;
      -o-animation: disappear 0.25s ease-out 0.05s;
      animation: disappear 0.25s ease-out 0.05s;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
    #folder-grid .item.tag-important > a {
      background-color: #f1c40f; }
    #folder-grid .item.renaming > a {
      background-color: #3d9ee9 !important;
      color: white !important; }
    #folder-grid .item.dropping .folder-drop {
      display: block; }
    #folder-grid .item.folder button {
      color: black; }
    #folder-grid .item.folder > a {
      top: 0px;
      background-color: #3d9ee9; }
      #folder-grid .item.folder > a:after {
        content: "";
        height: 6px;
        left: 6px;
        position: absolute;
        right: 6px;
        top: -6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        display: block;
        background-color: #2664b7; }
      #folder-grid .item.folder > a .item-thumbnail {
        bottom: 0px;
        z-index: 1; }
      #folder-grid .item.folder > a .item-title {
        background-color: transparent;
        color: #f5f5f5; }
        #folder-grid .item.folder > a .item-title:before {
          content: "";
          display: block;
          width: 100%;
          height: 100px;
          background-color: #292929;
          position: absolute;
          bottom: 2px;
          -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
          background-color: black;
          pointer-events: none; }
    #folder-grid .item.favorite .fav-toggle {
      margin-right: -12px; }
      #folder-grid .item.favorite .fav-toggle .icon {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100); }
    #folder-grid .item .item-type:before {
      font-size: 20px;
      height: 60px;
      width: 60px;
      display: inline-block;
      font-family: 'icon';
      text-align: center;
      font-style: normal;
      font-weight: normal;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-transition: all 0s 0s ease-in-out;
      transition: all 0s 0s ease-in-out;
      font-size: 14px;
      height: 32px;
      width: 32px;
      line-height: 32px;
      top: -6px;
      left: -6px; }
      #folder-grid .item .item-type:before:after, #folder-grid .item .item-type:before:before {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        height: 60px;
        width: 60px;
        line-height: 60px;
        text-align: center;
        left: 0px;
        top: 0px; }
      #folder-grid .item .item-type:before:hover {
        text-decoration: none; }
      #folder-grid .item .item-type:before:after, #folder-grid .item .item-type:before:before {
        height: 32px;
        width: 32px;
        line-height: 32px; }
    #folder-grid .item > a {
      /* aspect ratio without spacer image */
      background-color: white;
      border-radius: 6px;
      box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
      border: 1px solid black;
      opacity: 1;
      filter: alpha(opacity=100);
      color: #888;
      font-weight: 400;
      display: block;
      text-decoration: none;
      border-radius: 6px;
      position: relative; }
      #folder-grid .item > a:before {
        content: "";
        display: block;
        padding-top: 100%;
        /* initial ratio of 1:1*/
        padding-top: 80%; }
      #folder-grid .item > a:active {
        opacity: 0.95 !important; }
      #folder-grid .item > a .item-thumbnail {
        -webkit-transition: all 0.125s ease-in-out;
        transition: all 0.125s ease-in-out;
        display: block;
        height: auto;
        top: 0px;
        bottom: 0px;
        position: absolute;
        width: 100%;
        overflow: hidden;
        background-size: cover;
        background-color: transparent;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-position: center 100%;
        background-repeat: no-repeat; }
      #folder-grid .item > a .item-title {
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        background-color: white;
        font-size: 18px;
        width: 100%;
        padding: 16px 25px;
        left: 0px;
        bottom: 0px;
        position: absolute;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #222;
        text-align: left; }
      #folder-grid .item > a .thumbnail-loading {
        position: absolute;
        z-index: 0;
        background-color: white;
        background-image: url("/images/spinner2.gif");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover; }
    #folder-grid .item .item-meta {
      border-top: 2px solid rgba(0, 0, 0, 0.025);
      border-radius: 6px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      color: #888;
      position: absolute;
      bottom: 40px;
      right: 40px;
      left: 0px;
      z-index: 100;
      width: auto; }
      #folder-grid .item .item-meta:before, #folder-grid .item .item-meta:after {
        content: " ";
        display: table; }
      #folder-grid .item .item-meta:after {
        clear: both; }
      #folder-grid .item .item-meta .dropdown {
        position: absolute;
        bottom: 0;
        right: 0; }
      #folder-grid .item .item-meta .item-title {
        display: block;
        font-size: 18px;
        width: auto;
        padding: 16px 25px;
        padding-right: 40px;
        left: 0px;
        bottom: 0px;
        position: relative;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #222;
        text-align: left; }
    #folder-grid .item .item-appendix {
      pointer-events: none;
      width: auto;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 40px;
      color: #888;
      font-size: 11px;
      font-family: Inter;
      text-align: left; }

#editors, #editors-list {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #editors h6, #editors-list h6 {
    padding: 15px 25px;
    margin: 0px;
    color: #888;
    font-size: 10px; }
  #editors ul, #editors-list ul {
    padding: 0px;
    margin: 0px; }
    #editors ul li:nth-child(1) .editor-avatar, #editors-list ul li:nth-child(1) .editor-avatar {
      background-color: #4a2f7e; }
    #editors ul li:nth-child(2) .editor-avatar, #editors-list ul li:nth-child(2) .editor-avatar {
      background-color: #9b59b6; }
    #editors ul li:nth-child(3) .editor-avatar, #editors-list ul li:nth-child(3) .editor-avatar {
      background-color: #3498db; }
    #editors ul li:nth-child(4) .editor-avatar, #editors-list ul li:nth-child(4) .editor-avatar {
      background-color: #2ecc71; }
    #editors ul li:nth-child(5) .editor-avatar, #editors-list ul li:nth-child(5) .editor-avatar {
      background-color: #f1c40f; }
    #editors ul li:nth-child(6) .editor-avatar, #editors-list ul li:nth-child(6) .editor-avatar {
      background-color: #e67e22; }
    #editors ul li:nth-child(7) .editor-avatar, #editors-list ul li:nth-child(7) .editor-avatar {
      background-color: #d55c4b; }
    #editors ul li:nth-child(8) .editor-avatar, #editors-list ul li:nth-child(8) .editor-avatar {
      background-color: #6f4021; }
    #editors ul li:nth-child(9) .editor-avatar, #editors-list ul li:nth-child(9) .editor-avatar {
      background-color: #ffffff; }
    #editors ul li:nth-child(10) .editor-avatar, #editors-list ul li:nth-child(10) .editor-avatar {
      background-color: #95a5a6; }
    #editors ul li:nth-child(11) .editor-avatar, #editors-list ul li:nth-child(11) .editor-avatar {
      background-color: #252525; }

#invite-message {
  height: 117px !important; }

.editor > a,
.editor > span {
  text-align: left;
  border-radius: 3px;
  display: block;
  position: relative;
  min-height: 60px;
  border: none; }
  .editor > a .editor-avatar,
  .editor > span .editor-avatar {
    margin-top: 7px;
    background-size: cover;
    background-position: center;
    margin-right: 15px;
    float: left;
    color: white !important; }
    .editor > a .editor-avatar.status-off:before, .editor > a .editor-avatar.status-on:before,
    .editor > span .editor-avatar.status-off:before,
    .editor > span .editor-avatar.status-on:before {
      top: 0;
      right: 0;
      display: block;
      position: absolute;
      color: #292929;
      border: 1px solid #292929;
      border-radius: 100px;
      padding: 4px;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 0px;
      height: 4px;
      width: 4px; }
    .editor > a .editor-avatar.status-off:before,
    .editor > span .editor-avatar.status-off:before {
      background-color: #d55c4b;
      content: "off";
      display: none; }
    .editor > a .editor-avatar.status-on:before,
    .editor > span .editor-avatar.status-on:before {
      background-color: #2ecc71;
      content: "on"; }
  .editor > a .editor-email,
  .editor > a .editor-name,
  .editor > span .editor-email,
  .editor > span .editor-name {
    font-family: Inter;
    font-size: 13px;
    line-height: 1.4;
    display: block;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #888; }
  .editor > a .editor-email,
  .editor > span .editor-email {
    opacity: 0.5; }

@-webkit-keyframes animation {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); }
  1.666667% {
    -webkit-transform: matrix3d(4.25264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 221.78042, 0, 1);
    transform: matrix3d(4.25264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 221.78042, 0, 1); }
  3.333333% {
    -webkit-transform: matrix3d(4.39462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 156.54763, 0, 1);
    transform: matrix3d(4.39462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 156.54763, 0, 1); }
  5% {
    -webkit-transform: matrix3d(3.48153, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 104.77835, 0, 1);
    transform: matrix3d(3.48153, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 104.77835, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(2.48225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 65.49714, 0, 1);
    transform: matrix3d(2.48225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 65.49714, 0, 1); }
  8.333333% {
    -webkit-transform: matrix3d(1.73728, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.98954, 0, 1);
    transform: matrix3d(1.73728, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.98954, 0, 1); }
  10% {
    -webkit-transform: matrix3d(1.28584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.27782, 0, 1);
    transform: matrix3d(1.28584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.27782, 0, 1); }
  11.666667% {
    -webkit-transform: matrix3d(1.05775, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.41711, 0, 1);
    transform: matrix3d(1.05775, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.41711, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(0.96701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.33838, 0, 1);
    transform: matrix3d(0.96701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.33838, 0, 1); }
  15% {
    -webkit-transform: matrix3d(0.94673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.45902, 0, 1);
    transform: matrix3d(0.94673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.45902, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(0.95517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.12151, 0, 1);
    transform: matrix3d(0.95517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.12151, 0, 1); }
  18.333333% {
    -webkit-transform: matrix3d(0.97059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.22582, 0, 1);
    transform: matrix3d(0.97059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.22582, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.98394, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.43042, 0, 1);
    transform: matrix3d(0.98394, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.43042, 0, 1); }
  21.666667% {
    -webkit-transform: matrix3d(0.99283, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.19481, 0, 1);
    transform: matrix3d(0.99283, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.19481, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(0.99776, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.82226, 0, 1);
    transform: matrix3d(0.99776, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.82226, 0, 1); }
  25% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.49867, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.49867, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(1.00073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.32573, 0, 1);
    transform: matrix3d(1.00073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.32573, 0, 1); }
  28.333333% {
    -webkit-transform: matrix3d(1.00076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.34752, 0, 1);
    transform: matrix3d(1.00076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.34752, 0, 1); }
  30% {
    -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.57121, 0, 1);
    transform: matrix3d(1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.57121, 0, 1); }
  31.666667% {
    -webkit-transform: matrix3d(1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.98217, 0, 1);
    transform: matrix3d(1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.98217, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.55468, 0, 1);
    transform: matrix3d(1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.55468, 0, 1); }
  35% {
    -webkit-transform: matrix3d(1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.25909, 0, 1);
    transform: matrix3d(1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.25909, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.06624, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.06624, 0, 1); }
  38.333333% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.05006, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.05006, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.11185, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.11185, 0, 1); }
  41.666667% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13678, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13678, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13835, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13835, 0, 1); }
  45% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.12642, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.12642, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.10789, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.10789, 0, 1); }
  48.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08731, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08731, 0, 1); }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.06746, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.06746, 0, 1); }
  51.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.04987, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.04987, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.0352, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.0352, 0, 1); }
  55% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.02356, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.02356, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01473, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01473, 0, 1); }
  58.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00832, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00832, 0, 1); }
  60% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00389, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00389, 0, 1); }
  61.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00099, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00099, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); }
  65% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00168, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00168, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00205, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00205, 0, 1); }
  68.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00207, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00207, 0, 1); }
  70% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.0019, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.0019, 0, 1); }
  71.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00162, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00162, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00131, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00131, 0, 1); }
  75% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00101, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00101, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); }
  78.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00053, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00053, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00035, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00035, 0, 1); }
  81.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00022, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00022, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00012, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00012, 0, 1); }
  85% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00006, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00006, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00001, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00001, 0, 1); }
  88.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00001, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00001, 0, 1); }
  90% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); }
  91.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); }
  95% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); }
  98.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@keyframes animation {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); }
  1.666667% {
    -webkit-transform: matrix3d(4.25264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 221.78042, 0, 1);
    transform: matrix3d(4.25264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 221.78042, 0, 1); }
  3.333333% {
    -webkit-transform: matrix3d(4.39462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 156.54763, 0, 1);
    transform: matrix3d(4.39462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 156.54763, 0, 1); }
  5% {
    -webkit-transform: matrix3d(3.48153, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 104.77835, 0, 1);
    transform: matrix3d(3.48153, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 104.77835, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(2.48225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 65.49714, 0, 1);
    transform: matrix3d(2.48225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 65.49714, 0, 1); }
  8.333333% {
    -webkit-transform: matrix3d(1.73728, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.98954, 0, 1);
    transform: matrix3d(1.73728, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.98954, 0, 1); }
  10% {
    -webkit-transform: matrix3d(1.28584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.27782, 0, 1);
    transform: matrix3d(1.28584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.27782, 0, 1); }
  11.666667% {
    -webkit-transform: matrix3d(1.05775, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.41711, 0, 1);
    transform: matrix3d(1.05775, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.41711, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(0.96701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.33838, 0, 1);
    transform: matrix3d(0.96701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.33838, 0, 1); }
  15% {
    -webkit-transform: matrix3d(0.94673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.45902, 0, 1);
    transform: matrix3d(0.94673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.45902, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(0.95517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.12151, 0, 1);
    transform: matrix3d(0.95517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.12151, 0, 1); }
  18.333333% {
    -webkit-transform: matrix3d(0.97059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.22582, 0, 1);
    transform: matrix3d(0.97059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.22582, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.98394, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.43042, 0, 1);
    transform: matrix3d(0.98394, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.43042, 0, 1); }
  21.666667% {
    -webkit-transform: matrix3d(0.99283, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.19481, 0, 1);
    transform: matrix3d(0.99283, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.19481, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(0.99776, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.82226, 0, 1);
    transform: matrix3d(0.99776, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.82226, 0, 1); }
  25% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.49867, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.49867, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(1.00073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.32573, 0, 1);
    transform: matrix3d(1.00073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.32573, 0, 1); }
  28.333333% {
    -webkit-transform: matrix3d(1.00076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.34752, 0, 1);
    transform: matrix3d(1.00076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.34752, 0, 1); }
  30% {
    -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.57121, 0, 1);
    transform: matrix3d(1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.57121, 0, 1); }
  31.666667% {
    -webkit-transform: matrix3d(1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.98217, 0, 1);
    transform: matrix3d(1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.98217, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.55468, 0, 1);
    transform: matrix3d(1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.55468, 0, 1); }
  35% {
    -webkit-transform: matrix3d(1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.25909, 0, 1);
    transform: matrix3d(1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.25909, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.06624, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.06624, 0, 1); }
  38.333333% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.05006, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.05006, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.11185, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.11185, 0, 1); }
  41.666667% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13678, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13678, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13835, 0, 1);
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13835, 0, 1); }
  45% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.12642, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.12642, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.10789, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.10789, 0, 1); }
  48.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08731, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08731, 0, 1); }
  50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.06746, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.06746, 0, 1); }
  51.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.04987, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.04987, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.0352, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.0352, 0, 1); }
  55% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.02356, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.02356, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01473, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01473, 0, 1); }
  58.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00832, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00832, 0, 1); }
  60% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00389, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00389, 0, 1); }
  61.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00099, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00099, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); }
  65% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00168, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00168, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00205, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00205, 0, 1); }
  68.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00207, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00207, 0, 1); }
  70% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.0019, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.0019, 0, 1); }
  71.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00162, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00162, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00131, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00131, 0, 1); }
  75% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00101, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00101, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); }
  78.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00053, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00053, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00035, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00035, 0, 1); }
  81.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00022, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00022, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00012, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00012, 0, 1); }
  85% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00006, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00006, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00001, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00001, 0, 1); }
  88.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00001, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00001, 0, 1); }
  90% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); }
  91.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); }
  95% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); }
  98.333333% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

.toolbar {
  margin: auto;
  position: fixed;
  top: 20px;
  z-index: 3000;
  padding: 0;
  font-size: 0;
  line-height: 0;
  box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid black;
  border-radius: 5px;
  pointer-events: none !important; }
  .toolbar.toolbar-meta {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    width: auto !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important; }
  .toolbar.toolbar-undo {
    width: auto !important;
    top: auto !important;
    left: 0 !important;
    bottom: 0 !important; }
  .toolbar > * {
    pointer-events: auto !important; }
  .toolbar.toolbar-vertical {
    width: auto !important;
    font-size: 0px;
    height: 100%;
    pointer-events: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000; }
    .toolbar.toolbar-vertical.toolbar-left {
      left: 0px; }
      .toolbar.toolbar-vertical.toolbar-left .panel-wrap {
        left: 0px;
        -webkit-transform-origin: center left;
        -moz-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left; }
        .toolbar.toolbar-vertical.toolbar-left .panel-wrap .panel {
          -webkit-perspective-origin: center left;
          -moz-perspective-origin: center left;
          perspective-origin: center left; }
          .toolbar.toolbar-vertical.toolbar-left .panel-wrap .panel > div {
            -webkit-transform: rotateY(90deg);
            -ms-transform: rotateY(90deg);
            transform: rotateY(90deg);
            -webkit-transform-origin: center left;
            -moz-transform-origin: center left;
            -ms-transform-origin: center left;
            transform-origin: center left; }
    .toolbar.toolbar-vertical.toolbar-right {
      right: 0px; }
      .toolbar.toolbar-vertical.toolbar-right .panel-wrap {
        right: 0px;
        -webkit-transform-origin: center right;
        -moz-transform-origin: center right;
        -ms-transform-origin: center right;
        transform-origin: center right; }
        .toolbar.toolbar-vertical.toolbar-right .panel-wrap .panel {
          -webkit-perspective-origin: center right;
          -moz-perspective-origin: center right;
          perspective-origin: center right; }
          .toolbar.toolbar-vertical.toolbar-right .panel-wrap .panel > div {
            -webkit-transform: rotateY(-90deg);
            -ms-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
            -webkit-transform-origin: center right;
            -moz-transform-origin: center right;
            -ms-transform-origin: center right;
            transform-origin: center right; }
    .toolbar.toolbar-vertical .panel-toggles {
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      display: inline-block;
      vertical-align: middle; }
      .toolbar.toolbar-vertical .panel-toggles .btn-group {
        display: block;
        margin: 4px 0; }
    .toolbar.toolbar-vertical .panels {
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      height: 100%;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      margin: 10px; }
      .toolbar.toolbar-vertical .panels .panel-wrap {
        display: table;
        position: absolute;
        height: 100%;
        pointer-events: none;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-transition: all 0.125s ease-in-out;
        transition: all 0.125s ease-in-out; }
        .toolbar.toolbar-vertical .panels .panel-wrap.open {
          -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          transform: scale(1, 1); }
          .toolbar.toolbar-vertical .panels .panel-wrap.open .panel > div {
            -webkit-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
            transform: rotateX(0deg);
            opacity: 1 !important;
            pointer-events: auto !important; }
        .toolbar.toolbar-vertical .panels .panel-wrap .panel {
          display: table-cell;
          vertical-align: middle;
          -webkit-perspective: 1000;
          -moz-perspective: 1000;
          -ms-perspective: 1000;
          perspective: 1000;
          z-index: 1000;
          pointer-events: none; }
          .toolbar.toolbar-vertical .panels .panel-wrap .panel > div {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            /* Other transform properties here */
            pointer-events: none;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            position: relative; }

.toolbar-properties {
  z-index: 0; }
  .toolbar-properties.in {
    z-index: 3000; }
  .toolbar-properties .icon-sm {
    z-index: 110;
    border-radius: 50px; }
  .toolbar-properties .jewel {
    border: 2px solid #888;
    background-color: transparent;
    color: #989898;
    width: 36px;
    height: 36px;
    border-top-left: 0px;
    border-top-right: 0px;
    font-size: 13px;
    line-height: 26px;
    top: 10px;
    right: 2px;
    box-shadow: 0px 0px 1px; }
  .toolbar-properties .jewel-stroke {
    border-width: 10px; }
  .toolbar-properties .dropdown-toggle.open .jewel {
    color: white; }

.toolbar-elements > .btn-group,
.toolbar-properties > .btn-group {
  background-color: #ffffff; }

.toolbar-elements {
  left: 20px; }

.toolbar-properties {
  right: 30px; }

.zoom-bar {
  position: absolute;
  bottom: 30px;
  right: 30px;
  box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid black; }

#color-toggles {
  background-size: 40px;
  border-radius: 3px;
  background-color: #222;
  background-image: url("../images/opacity-grid.png"); }

.color-picker {
  margin: 6px;
  margin-bottom: 0;
  width: 256px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }
  .color-picker.out .fader-selector {
    opacity: 0; }
  .color-picker .color {
    position: relative;
    width: 100%;
    background-color: #2ecc71;
    display: block;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .color-picker .color:before {
      content: "";
      display: block;
      padding-top: 100%;
      /* initial ratio of 1:1*/ }
    .color-picker .color > div {
      top: 0;
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
      .color-picker .color > div.mask {
        background-image: url("../images/huevalue.png"); }
  .color-picker .color-hue {
    position: relative;
    width: 100%;
    background-size: 100% 100%;
    background-image: url("../images/hue.png"); }
    .color-picker .color-hue:before {
      content: "";
      display: block;
      padding-top: 40px;
      /* initial ratio of 1:1*/ }
  .color-picker .color-opacity {
    position: relative;
    width: 100%;
    background-size: cover;
    background-image: url("../images/opacity-strip.png"); }
    .color-picker .color-opacity:before {
      content: "";
      display: block;
      padding-top: 40px;
      /* initial ratio of 1:1*/ }

.color-indicator {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }

.fader-selector {
  padding: 0px;
  background-color: transparent;
  border: none;
  border: 18px solid #222;
  border: 8px solid #222;
  height: 44px;
  width: 44px;
  margin: -2px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 100%;
  box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px 1px rgba(255, 255, 255, 0.2);
  -webkit-transition: border 0.125s ease-in-out;
  transition: border 0.125s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }
  .fader-selector:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -1px;
    height: 2px;
    width: 2px;
    background-color: white;
    pointer-events: none !important;
    border-radius: 100%; }
  .fader-selector:hover, .fader-selector:focus, .fader-selector:active {
    outline: none;
    border: 8px solid #f5f5f5; }
  .fader-selector:active {
    background-color: white; }

.color-palette {
  width: 600px;
  text-align: center; }
  .color-palette .overflow-y-scroll {
    padding-top: 10px;
    padding-bottom: 15px;
    overflow-y: auto; }
    .color-palette .overflow-y-scroll .btn {
      display: inline-block;
      height: 40px;
      width: 40px;
      min-width: 0;
      min-height: 0;
      margin-left: 4px;
      margin-right: 4px;
      margin-top: 8px;
      padding: 0px;
      background-clip: padding-box;
      border: 2px solid rgba(0, 0, 0, 0.1);
      border-radius: 100%;
      background-color: transparent;
      background-color: rgba(255, 255, 255, 0.025);
      /* aspect ratio without spacer image */ }
      .color-palette .overflow-y-scroll .btn.active, .color-palette .overflow-y-scroll .btn:active {
        background-clip: border-box;
        border: 2px solid white; }
      .color-palette .overflow-y-scroll .btn .icon {
        position: absolute;
        left: -3.5px;
        top: -2px;
        font-size: 16px;
        height: 44px;
        width: 44px;
        line-height: 43px; }
        .color-palette .overflow-y-scroll .btn .icon:after, .color-palette .overflow-y-scroll .btn .icon:before {
          height: 44px;
          width: 44px;
          line-height: 43px; }

.color .fader-selector {
  z-index: 10;
  left: 120px;
  top: 120px;
  margin: -22px;
  cursor: move; }

.color-hue .fader-selector {
  z-index: 10;
  left: 0px;
  margin: -2px -22px;
  cursor: ew-resize; }

.color-opacity .fader-selector {
  z-index: 10;
  left: 120px;
  margin: -2px -22px;
  cursor: ew-resize; }

#colors #color-target {
  text-align: center;
  display: block; }

#colors:before, #colors:after {
  content: " ";
  display: table; }

#colors:after {
  clear: both; }

#colors #color-hex {
  position: relative; }
  #colors #color-hex:before, #colors #color-hex:after {
    content: " ";
    display: table; }
  #colors #color-hex:after {
    clear: both; }
  #colors #color-hex #color-hash {
    position: relative;
    margin-left: 40px;
    width: 196px; }
  #colors #color-hex .btn {
    position: absolute;
    z-index: 100; }
  #colors #color-hex #add-remove-color {
    left: 0px; }
  #colors #color-hex #color-options-toggle {
    right: 0px; }
  #colors #color-hex div {
    position: relative;
    width: 100%; }
    #colors #color-hex div .input {
      height: 50px;
      line-height: 70px; }
    #colors #color-hex div label {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 30px;
      line-height: 32px;
      font-size: 16px;
      opacity: 0.35;
      color: #888;
      z-index: 10;
      text-align: center; }

#colors #color-rgba {
  position: relative; }
  #colors #color-rgba:before, #colors #color-rgba:after {
    content: " ";
    display: table; }
  #colors #color-rgba:after {
    clear: both; }
  #colors #color-rgba label {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 22px;
    font-size: 16px;
    opacity: 0.35;
    color: #888;
    z-index: 10;
    text-align: center;
    margin-bottom: -14px;
    margin-top: 10px; }
  #colors #color-rgba .input {
    line-height: 48px;
    width: 38px; }

.font-size-swatches {
  line-height: 50px; }

#font,
#style {
  top: 0px; }
  #font .select-list,
  #style .select-list {
    background-color: transparent; }

#font .font-header {
  background: rgba(0, 0, 0, 0.025); }

#font #font-search {
  border-bottom: 2px solid rgba(0, 0, 0, 0.0125);
  position: relative; }
  #font #font-search .input {
    padding-left: 25px; }

#font .select-list li {
  font-size: 20px; }
  #font .select-list li:hover > span {
    padding-right: 40px; }
  #font .select-list li:hover .fav-toggle {
    display: block; }
    #font .select-list li:hover .fav-toggle:hover {
      opacity: 1;
      color: white; }
  #font .select-list li .fav-toggle {
    color: #888;
    display: none;
    position: absolute;
    right: 10px;
    top: 0; }
    #font .select-list li .fav-toggle:before {
      height: 38px !important;
      line-height: 38px !important; }

#font .tabs-switcher {
  padding: 15px 20px;
  padding-bottom: 0; }
  #font .tabs-switcher ul {
    display: table;
    width: 100%;
    padding: 0; }
  #font .tabs-switcher li {
    display: table-cell;
    color: #222;
    border-right: 2px solid transparent;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box; }
    #font .tabs-switcher li span {
      padding: 8px 10px;
      text-align: center;
      text-transform: uppercase;
      font-size: 10px;
      display: block;
      cursor: pointer; }
    #font .tabs-switcher li:first-child {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      padding-left: 6px; }
    #font .tabs-switcher li:last-child {
      padding-right: 6px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      border: none; }
    #font .tabs-switcher li.active {
      background-color: rgba(0, 0, 0, 0.25);
      color: #f5f5f5; }

#typography #format {
  top: 54px;
  /*  As of August 2012, only supported in Chrome 21+ */
  display: -webkit-flex;
  flex-direction: column; }
  #typography #format .select-list {
    background-color: transparent; }
  #typography #format .overflow-y-scroll {
    flex: 1;
    position: relative; }
  #typography #format .actions {
    padding: 15px 20px;
    height: 80px; }

#typography .btn-more,
#typography .btn-less {
  position: absolute; }
  #typography .btn-more:active .icon,
  #typography .btn-less:active .icon {
    opacity: 1; }
  #typography .btn-more .icon,
  #typography .btn-less .icon {
    color: white;
    opacity: 0.2; }

#typography #alignment {
  padding-top: 10px; }

#typography #styles {
  padding-bottom: 10px; }

#typography #font-style,
#typography #font-face {
  padding: 10px; }

#typography #font-face {
  padding-bottom: 0; }

#typography #font-style {
  padding-top: 0; }

#typography #type-ratio {
  margin: auto;
  padding-top: 20px;
  width: 100%;
  text-align: center;
  position: relative; }
  #typography #type-ratio:before, #typography #type-ratio:after {
    content: " ";
    display: table; }
  #typography #type-ratio:after {
    clear: both; }
  #typography #type-ratio #type-ratio-toggle {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -30px;
    opacity: 0.25; }
    #typography #type-ratio #type-ratio-toggle:hover {
      opacity: 0.4; }
  #typography #type-ratio #font-size > label {
    right: 0px;
    text-align: center; }
  #typography #type-ratio #font-size > .icon {
    right: 0px; }
  #typography #type-ratio #font-size .btn-more, #typography #type-ratio #font-size .btn-less {
    left: 0px; }
  #typography #type-ratio #line-height > label {
    left: 0px;
    text-align: center; }
  #typography #type-ratio #line-height > .icon {
    left: 0px; }
  #typography #type-ratio #line-height .btn-more, #typography #type-ratio #line-height .btn-less {
    right: 0px; }
  #typography #type-ratio #font-size {
    text-align: right; }
  #typography #type-ratio #font-size .form-group {
    padding-right: 0px; }
  #typography #type-ratio #line-height {
    text-align: left; }
  #typography #type-ratio #line-height .form-group {
    padding-left: 0px; }
  #typography #type-ratio #font-size,
  #typography #type-ratio #line-height {
    display: inline-block;
    width: 50%; }
    #typography #type-ratio #font-size .fader,
    #typography #type-ratio #line-height .fader {
      position: relative;
      height: 140px;
      width: 40px;
      display: inline-block;
      background-color: rgba(0, 0, 0, 0.25);
      border-radius: 30px;
      margin: 2px;
      margin-bottom: 15px; }
      #typography #type-ratio #font-size .fader .fader-constraint,
      #typography #type-ratio #line-height .fader .fader-constraint {
        width: 100%;
        height: auto;
        position: absolute;
        top: 20px;
        bottom: 20px;
        cursor: -webkit-grab;
        cursor: -moz-grab; }
        #typography #type-ratio #font-size .fader .fader-constraint:active,
        #typography #type-ratio #line-height .fader .fader-constraint:active {
          cursor: -webkit-grabbing;
          cursor: -moz-grabbing; }
      #typography #type-ratio #font-size .fader .fader-indicator,
      #typography #type-ratio #line-height .fader .fader-indicator {
        background-color: #288cd7;
        border-radius: 30px;
        width: 40px;
        position: absolute;
        bottom: 0px;
        margin: 0px;
        padding-bottom: 40px;
        pointer-events: none;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box; }
      #typography #type-ratio #font-size .fader .fader-selector,
      #typography #type-ratio #line-height .fader .fader-selector {
        cursor: ns-resize;
        position: absolute;
        margin-top: -22px;
        pointer-events: none; }
      #typography #type-ratio #font-size .fader .fader-selector:active .value,
      #typography #type-ratio #line-height .fader .fader-selector:active .value {
        color: #f5f5f5; }
    #typography #type-ratio #font-size .form-group,
    #typography #type-ratio #line-height .form-group {
      margin-bottom: 7px; }
    #typography #type-ratio #font-size .btn-more,
    #typography #type-ratio #line-height .btn-more {
      top: 0px; }
    #typography #type-ratio #font-size .btn-less,
    #typography #type-ratio #line-height .btn-less {
      bottom: 60px; }
    #typography #type-ratio #font-size .value,
    #typography #type-ratio #line-height .value {
      cursor: ns-resize;
      height: 44px;
      line-height: 44px;
      display: block;
      width: 100px;
      padding: 0 16px;
      font-size: 16px;
      font-size: 22px;
      color: #888;
      position: absolute;
      text-align: center;
      top: 0px; }

#typography #tracking {
  text-align: center;
  white-space: nowrap;
  position: relative; }
  #typography #tracking .a,
  #typography #tracking .b {
    font-size: 22px;
    display: inline-block;
    color: #888;
    width: 32px;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    opacity: 0.4; }
  #typography #tracking .arrow-left,
  #typography #tracking .arrow-right {
    background-color: #888;
    height: 2px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.4;
    position: relative; }
    #typography #tracking .arrow-left:after,
    #typography #tracking .arrow-right:after {
      content: "";
      position: absolute;
      top: -4px;
      right: 0;
      margin: 0;
      width: 0;
      height: 0;
      border-width: 5px;
      border-style: solid;
      border-color: transparent;
      pointer-events: none !important; }
  #typography #tracking .arrow-left:after {
    right: 100%;
    border-right-color: #888; }
  #typography #tracking .arrow-right:after {
    left: 100%;
    border-left-color: #888; }
  #typography #tracking .value {
    background-color: #222;
    cursor: ew-resize;
    height: 60px;
    width: 26px;
    left: 50%;
    margin-left: -13px;
    line-height: 60px;
    display: inline-block;
    font-size: 22px;
    color: #888;
    position: absolute;
    bottom: 0px; }
    #typography #tracking .value:active {
      color: #f5f5f5; }

#layout #align .btn-group {
  height: 120px;
  width: 180px;
  position: relative; }
  #layout #align .btn-group .btn {
    position: absolute;
    display: inline-block; }
    #layout #align .btn-group .btn.top {
      top: 0px;
      left: 50%;
      margin-left: -30px; }
    #layout #align .btn-group .btn.bottom {
      bottom: 0px;
      left: 50%;
      margin-left: -30px; }
    #layout #align .btn-group .btn.left {
      left: 0px;
      top: 50%;
      margin-top: -30px; }
    #layout #align .btn-group .btn.right {
      right: 0px;
      top: 50%;
      margin-top: -30px; }

#filter .icon {
  position: absolute;
  opacity: 0.5;
  color: #888;
  left: 0;
  top: -4px;
  display: none; }

#filter .form-group .btn-less {
  bottom: 0;
  left: 0px; }

#filter .form-group .btn-more {
  bottom: 0;
  right: 0px; }

#filter .form-group .label {
  margin-bottom: -5px; }

#canvas .select-list {
  background-color: transparent; }

#canvas-orientation {
  position: absolute;
  right: 0;
  top: 0; }

#margins .btn-more:active .icon,
#margins .btn-less:active .icon {
  opacity: 1; }

#margins .btn-more .icon,
#margins .btn-less .icon {
  color: white;
  opacity: 0.2; }

#margins #margin {
  height: 200px;
  position: relative; }
  #margins #margin .btn-toggle {
    margin: -22px; }
  #margins #margin label {
    pointer-events: none;
    margin-top: 62px; }
  #margins #margin .margin-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin: -70px -70px; }
    #margins #margin .margin-icon > div {
      position: absolute;
      display: inline-block;
      height: 30px;
      width: 30px; }
      #margins #margin .margin-icon > div .input {
        padding: 0px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: none;
        font-size: 22px;
        text-align: center;
        display: block;
        background-color: #f5f5f5; }
      #margins #margin .margin-icon > div.top {
        top: -15px;
        left: 50%;
        margin-left: -15px; }
        #margins #margin .margin-icon > div.top .btn-more {
          right: -30px;
          top: 15px; }
        #margins #margin .margin-icon > div.top .btn-less {
          left: -30px;
          top: 15px; }
      #margins #margin .margin-icon > div.bottom {
        bottom: -15px;
        left: 50%;
        margin-left: -15px; }
        #margins #margin .margin-icon > div.bottom .btn-more {
          right: -30px;
          bottom: 15px; }
        #margins #margin .margin-icon > div.bottom .btn-less {
          left: -30px;
          bottom: 15px; }
      #margins #margin .margin-icon > div.left {
        left: -16px;
        top: 50%;
        margin-top: -15px; }
        #margins #margin .margin-icon > div.left .btn-more {
          left: 15px;
          top: -30px; }
        #margins #margin .margin-icon > div.left .btn-less {
          left: 15px;
          bottom: -30px; }
      #margins #margin .margin-icon > div.right {
        right: -16px;
        top: 50%;
        margin-top: -15px; }
        #margins #margin .margin-icon > div.right .btn-more {
          right: 15px;
          top: -30px; }
        #margins #margin .margin-icon > div.right .btn-less {
          right: 15px;
          bottom: -30px; }

#pattern #background-position {
  height: 210px;
  position: relative; }
  #pattern #background-position .position-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    border: 2px solid #222;
    border-radius: 4px;
    margin: -50px -60px; }
    #pattern #background-position .position-icon .radio {
      position: absolute;
      display: inline-block; }
      #pattern #background-position .position-icon .radio.top-left {
        top: -30px;
        left: 0;
        margin-left: -30px; }
      #pattern #background-position .position-icon .radio.top-center {
        top: -30px;
        left: 50%;
        margin-left: -30px; }
      #pattern #background-position .position-icon .radio.top-right {
        top: -30px;
        right: 0;
        margin-right: -30px; }
      #pattern #background-position .position-icon .radio.center-left {
        top: 50%;
        margin-top: -30px;
        left: 0;
        margin-left: -30px; }
      #pattern #background-position .position-icon .radio.center-center {
        top: 50%;
        margin-top: -30px;
        left: 50%;
        margin-left: -30px; }
      #pattern #background-position .position-icon .radio.center-right {
        top: 50%;
        margin-top: -30px;
        right: 0;
        margin-right: -30px; }
      #pattern #background-position .position-icon .radio.bottom-left {
        bottom: 0;
        margin-bottom: -30px;
        left: 0;
        margin-left: -30px; }
      #pattern #background-position .position-icon .radio.bottom-center {
        bottom: 0;
        margin-bottom: -30px;
        left: 50%;
        margin-left: -30px; }
      #pattern #background-position .position-icon .radio.bottom-right {
        bottom: 0;
        margin-bottom: -30px;
        right: 0;
        margin-right: -30px; }
  #pattern #background-position .icon-label {
    pointer-events: none;
    margin-top: 62px; }

#metrics #transform-origin {
  height: 230px;
  position: relative; }
  #metrics #transform-origin .transform-origin-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin: -45px -60px; }
    #metrics #transform-origin .transform-origin-icon .radio {
      position: absolute;
      display: inline-block; }
      #metrics #transform-origin .transform-origin-icon .radio.top-left {
        top: -30px;
        left: 0;
        margin-left: -30px; }
      #metrics #transform-origin .transform-origin-icon .radio.top-center {
        top: -30px;
        left: 50%;
        margin-left: -30px; }
      #metrics #transform-origin .transform-origin-icon .radio.top-right {
        top: -30px;
        right: 0;
        margin-right: -30px; }
      #metrics #transform-origin .transform-origin-icon .radio.center-left {
        top: 50%;
        margin-top: -30px;
        left: 0;
        margin-left: -30px; }
      #metrics #transform-origin .transform-origin-icon .radio.center-center {
        top: 50%;
        margin-top: -30px;
        left: 50%;
        margin-left: -30px; }
      #metrics #transform-origin .transform-origin-icon .radio.center-right {
        top: 50%;
        margin-top: -30px;
        right: 0;
        margin-right: -30px; }
      #metrics #transform-origin .transform-origin-icon .radio.bottom-left {
        bottom: 0;
        margin-bottom: -30px;
        left: 0;
        margin-left: -30px; }
      #metrics #transform-origin .transform-origin-icon .radio.bottom-center {
        bottom: 0;
        margin-bottom: -30px;
        left: 50%;
        margin-left: -30px; }
      #metrics #transform-origin .transform-origin-icon .radio.bottom-right {
        bottom: 0;
        margin-bottom: -30px;
        right: 0;
        margin-right: -30px; }
  #metrics #transform-origin .icon-label {
    pointer-events: none;
    margin-top: 62px; }

#lasso {
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(40, 140, 215, 0.125);
  position: absolute;
  z-index: 2500;
  pointer-events: none;
  opacity: 0;
  border: 1px solid rgba(255, 255, 255, 0.5); }
  #lasso:after {
    border-radius: 3px;
    border: 1px dotted #288cd7;
    content: "";
    display: block;
    position: absolute;
    height: auto;
    width: auto;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px; }

.section {
  min-height: 50px !important;
  position: relative;
  background-color: #fff;
  background-position: center;
  background-size: cover; }
  .section.active .section-padding-corner.in,
  .section.active .section-padding.in {
    display: block; }

.space-empty,
.section-empty {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 800;
  pointer-events: none;
  display: block; }

.column-row {
  min-height: 100%;
  box-sizing: content-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: auto; }

.section.active .column-border.in {
  background-color: rgba(40, 140, 215, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.5); }
  .section.active .column-border.in .edge-handle {
    display: block; }
  .section.active .column-border.in:after {
    border: 1px dotted rgba(40, 140, 215, 0.5); }

.column {
  min-height: 50px;
  position: relative;
  -webkit-flex: 1 auto;
  flex: 1 auto; }
  .column .artifact:last-child {
    margin-bottom: 0px; }
  .column .artifact.over {
    -webkit-transition: margin-top 0.1s ease-in-out 0.05s;
    transition: margin-top 0.1s ease-in-out 0.05s;
    position: relative;
    z-index: 1000; }
  .column:first-child .column-border .edge-handle:first-child {
    display: none !important; }
  .column:last-child .column-border .edge-handle:last-child {
    display: none !important; }
  .column .column-border {
    border: 1px solid rgba(255, 255, 255, 0.125);
    position: absolute;
    width: auto;
    height: auto;
    right: -1px;
    left: -1px;
    top: -1px;
    bottom: -1px;
    z-index: 2000;
    pointer-events: none; }
    .column .column-border .edge-handle {
      display: none; }
    .column .column-border:after {
      border: 1px dotted rgba(40, 140, 215, 0.125);
      content: "";
      display: block;
      position: absolute;
      width: auto;
      height: auto;
      right: -1px;
      left: -1px;
      top: -1px;
      bottom: -1px; }

.article-annotations {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 13px;
  line-height: 20px;
  margin-left: 100px; }
  .article-annotations .disclaimer {
    opacity: 0.5;
    font-size: 13px;
    line-height: 20px; }
  .article-annotations [contentEditable=true] {
    font-size: 13px;
    line-height: 20px; }
  .article-annotations .annotation-item-body,
  .article-annotations .annotation-reply-body {
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }
  .article-annotations .annotation-group {
    width: 250px;
    margin-top: -2px; }
    .article-annotations .annotation-group .annotation-group-toggle {
      position: absolute;
      top: -15px;
      right: 100%;
      margin-right: 20px;
      opacity: 0.25; }
    .article-annotations .annotation-group .annotation-item {
      margin-bottom: 3.33333px;
      padding-bottom: 2.5px; }
    .article-annotations .annotation-group .annotation-create-item .annotation-replies,
    .article-annotations .annotation-group .annotation-create-item .annotation-item-body,
    .article-annotations .annotation-group .annotation-item .annotation-replies,
    .article-annotations .annotation-group .annotation-item .annotation-item-body {
      position: relative;
      margin-left: 44px; }
    .article-annotations .annotation-group .annotation-create-item .annotation-link,
    .article-annotations .annotation-group .annotation-item .annotation-link {
      position: absolute;
      right: 0;
      top: 0;
      margin: -7px;
      opacity: 0.5; }
    .article-annotations .annotation-group .annotation-create-item .annotation-author,
    .article-annotations .annotation-group .annotation-item .annotation-author {
      position: relative;
      color: #222;
      font-weight: bold; }
      .article-annotations .annotation-group .annotation-create-item .annotation-author img,
      .article-annotations .annotation-group .annotation-item .annotation-author img {
        position: absolute;
        top: 0;
        right: 100%;
        margin-right: 11px;
        margin-top: 2px;
        pointer-events: none; }
    .article-annotations .annotation-group .annotation-create-item .annotation-replies,
    .article-annotations .annotation-group .annotation-item .annotation-replies {
      font-size: 11px;
      line-height: 15px; }
      .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-create-reply,
      .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-reply,
      .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-create-reply,
      .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-reply {
        margin-bottom: 3.33333px; }
        .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-create-reply:first-child,
        .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-reply:first-child,
        .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-create-reply:first-child,
        .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-reply:first-child {
          margin-top: 3.33333px; }
        .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-create-reply:last-of-type,
        .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-reply:last-of-type,
        .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-create-reply:last-of-type,
        .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-reply:last-of-type {
          margin-bottom: 0px; }
        .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-create-reply .annotation-reply-body,
        .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-reply .annotation-reply-body,
        .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-create-reply .annotation-reply-body,
        .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-reply .annotation-reply-body {
          position: relative;
          margin-left: 37px; }

#chat-functions {
  position: absolute;
  bottom: 0px;
  right: 0px; }
  #chat-functions .btn {
    display: block;
    margin-top: -10px;
    margin-left: -10px; }

#chat #chat-message-new {
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: table;
  min-height: 60px; }
  #chat #chat-message-new label {
    vertical-align: middle;
    display: table-cell;
    font-size: 0px; }
    #chat #chat-message-new label textarea {
      display: inline-block;
      width: 100%;
      min-height: 90px;
      padding-right: 50px;
      font-size: 14px;
      line-height: 1.5 !important;
      font-weight: 300; }

#chat .overflow-y-scroll {
  bottom: 100px !important; }

#chat #chat-messages {
  width: 100%;
  padding: 0px; }
  #chat #chat-messages li {
    display: block;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    padding-left: 60px;
    min-height: 60px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

#new-comment {
  margin-bottom: 20px; }

.comments {
  padding: 0;
  padding-top: 10px;
  margin-bottom: 0;
  font-size: 16px !important;
  font-family: Inter !important;
  list-style: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .comments > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 0px; }
    .comments > li:last-child {
      border: none; }
  .comments .comment-author {
    pointer-events: none;
    position: relative;
    display: block;
    color: #292929;
    font-size: 11px; }
    .comments .comment-author .btn-icon {
      position: absolute;
      left: -40px;
      top: -20px; }
  .comments .comment-meta {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px !important; }
    .comments .comment-meta li {
      margin-right: 10px;
      display: inline-block; }
      .comments .comment-meta li.pull-right {
        margin-right: 0px;
        margin-left: 10px; }
      .comments .comment-meta li > a {
        vertical-align: middle;
        display: inline-block;
        color: #989898; }
      .comments .comment-meta li a {
        opacity: 0.5; }
        .comments .comment-meta li a:hover {
          color: #3d9ee9; }

.confirm {
  position: relative;
  z-index: 100;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .confirm.open .confirmation {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    pointer-events: auto; }
    .confirm.open .confirmation .btn {
      color: white; }
  .confirm .confirmation {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 18px !important; }
    .confirm .confirmation .btn-cluster {
      border-radius: 3px;
      border-radius: 60px !important;
      background-color: #ff5955; }

.spacedeck-logo {
  font-size: 20px;
  line-height: 44px;
  color: #292929;
  padding-left: 0.5em;
  padding-right: 10px; }
  .spacedeck-logo.white {
    color: #f5f5f5; }

.version-date {
  text-align: left;
  display: block !important;
  line-height: 1.8;
  padding-left: 10px !important; }

.present-mode #space {
  margin-bottom: 0px; }

.present-mode .column-border,
.present-mode .section-empty,
.present-mode .section-selected,
.present-mode .section-padding-corner,
.present-mode .section-padding,
.present-mode .section-border {
  display: none !important; }

.present-mode .artifact iframe, .present-mode .artifact a, .present-mode .artifact video, .present-mode .artifact audio {
  pointer-events: all !important; }

.present-mode .artifact .link-wrapper, .present-mode .artifact a.link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  height: 100%;
  margin-top: 0; }

.present-mode .artifact .oembed-cloak {
  display: none; }

.background-image,
.cover-image {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  z-index: 0;
  position: relative; }
  .background-image .updating-image,
  .cover-image .updating-image {
    background-color: rgba(233, 233, 233, 0.9); }

#offline-indicator {
  pointer-events: none;
  opacity: 0;
  transition: all 1s linear;
  -webkit-transition: all 1s linear; }
  #offline-indicator.offline {
    opacity: 1;
    pointer-events: all; }

.embedded.board {
  overflow: hidden !important; }

.board {
  padding: 0 !important;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: scroll; }
  .board .wrapper {
    border: 4px solid black;
    transition-duration: 0.25s;
    transition-property: width, height, background-color;
    background-repeat: no-repeat;
    background-size: cover; }

.snap-ruler-h {
  pointer-events: none;
  position: fixed;
  z-index: 2000;
  right: 0px;
  height: 1px;
  background-color: black;
  left: 0px; }

.snap-ruler-v {
  pointer-events: none;
  position: fixed;
  z-index: 2000;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background-color: black; }

.cursor {
  position: absolute;
  z-index: 3000;
  pointer-events: none; }
  .cursor .icon {
    margin-left: -12px;
    margin-top: -3px;
    margin-right: -6px; }

.present-mode .artifact:hover:before, .present-mode .artifact:hover:after {
  display: none !important; }

.table .wrapper,
.article .wrapper {
  max-width: 800px;
  min-height: 100%; }
  .table .wrapper .content,
  .article .wrapper .content {
    min-height: 100%;
    padding-bottom: 60px;
    padding-top: 60px; }

.article img {
  max-width: 100%; }

.table .table-wrapper {
  max-width: 100%;
  position: relative;
  width: auto;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  margin-bottom: -20px; }

.table table {
  width: 100%;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 20px 20px; }

.table tr {
  border-top: 1px solid rgba(255, 255, 255, 0.125); }

.table td,
.table th {
  border: none;
  vertical-align: top;
  text-align: left; }

.section .wrapper {
  position: absolute; }

#space {
  position: relative;
  height: 100% !important;
  background-color: #eee; }

#baseline {
  position: absolute;
  width: 100%;
  pointer-events: none;
  z-index: 10000;
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0.05;
  top: 0;
  display: none; }
  #baseline li {
    height: 0.375em;
    border-bottom: 1px solid #3d9ee9; }

#space-header .item-meta {
  color: #888; }
  #space-header .item-meta .item-social {
    float: right;
    padding-right: 8px;
    color: #888; }
    #space-header .item-meta .item-social .item-likes.active .icon-heart {
      color: #ff5955; }
    #space-header .item-meta .item-social .item-likes,
    #space-header .item-meta .item-social .item-comments,
    #space-header .item-meta .item-social .item-shares {
      position: relative;
      cursor: pointer; }
      #space-header .item-meta .item-social .item-likes .number,
      #space-header .item-meta .item-social .item-comments .number,
      #space-header .item-meta .item-social .item-shares .number {
        width: auto; }

.space-bounds {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 100%;
  min-height: 100%;
  background-color: white; }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg); }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg); }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg); }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg); }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg); }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg); }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg); } }

@-webkit-keyframes section-appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

#minimap {
  background-color: transparent;
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 20000;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  #minimap div {
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 1;
    pointer-events: none; }
  #minimap div.window {
    background-color: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.5); }

.pro-teaser-colorpicker {
  background-image: image-url("images/pro-teaser-colorpicker.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 400px;
  text-align: center; }
  .pro-teaser-colorpicker p {
    padding: 30px;
    padding-bottom: 110px;
    background-color: rgba(255, 255, 255, 0.8); }
  .pro-teaser-colorpicker button {
    margin-top: 40px; }

.jewel-pro {
  color: white !important;
  background-color: #3d9ee9 !important;
  top: -5px !important;
  right: -5px !important; }

.disabled-pro {
  opacity: 0.7; }

#space-loading {
  position: fixed;
  z-index: 10000;
  display: table;
  width: 200px;
  height: 200px;
  left: 50%;
  top: 50%;
  margin-top: -100px;
  margin-left: -100px;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-out; }
  #space-loading > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  #space-loading .spinner {
    background-image: url("/images/hourglass.gif"); }
  #space-loading.active {
    opacity: 1; }

#sidebar {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 20001;
  position: absolute;
  top: 0px;
  max-height: 50%;
  width: 280px;
  font-size: 14px;
  color: #888;
  background-color: #f5f5f5 !important;
  right: 0px;
  overflow-y: auto;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #sidebar.folder-sidebar {
    height: 100%;
    max-height: 100%; }
  #sidebar small,
  #sidebar p {
    color: #888; }
  #sidebar.in {
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: all; }
  #sidebar #sidebar-options {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1100;
    height: auto;
    padding: 7px 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    background-color: #292929; }
  #sidebar #sidebar-rim {
    position: absolute;
    top: 0%;
    margin-top: -30px;
    height: 100%;
    left: 100%;
    z-index: 4000;
    font-size: 40px;
    background-color: #292929;
    opacity: 0.1;
    width: 1px !important;
    padding: 0px;
    min-width: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  #sidebar .sidebar-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
    padding: 0px 25px;
    padding-bottom: 10px;
    background-color: #292929; }
  #sidebar .sidebar-header {
    display: block;
    width: 100%;
    background-color: #292929;
    min-height: 62px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
    #sidebar .sidebar-header .btn-group {
      margin: 10px; }
    #sidebar .sidebar-header .sidebar-title {
      font-size: 13px;
      height: 60px;
      line-height: 30px;
      padding: 15px 55px;
      display: block;
      margin: 0px;
      z-index: 0;
      text-align: center;
      width: 100%;
      position: absolute;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      #sidebar .sidebar-header .sidebar-title:first-letter {
        text-transform: capitalize; }
  #sidebar .sidebar-section {
    padding: 25px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
    #sidebar .sidebar-section h4 .btn {
      margin-right: -10px;
      margin-top: -10px; }
  #sidebar .sidebar-menu {
    position: absolute;
    top: 60px;
    width: 100%;
    min-height: 60px;
    text-align: center;
    background-color: #292929;
    background-color: #242424;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    font-size: 0;
    z-index: 900;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); }
    #sidebar .sidebar-menu .btn {
      width: 50%; }
    #sidebar .sidebar-menu#file-create .icon {
      opacity: 0.25;
      position: absolute;
      pointer-events: none;
      top: 6px;
      left: 8px; }
    #sidebar .sidebar-menu#file-create .input {
      background-color: transparent;
      border: none;
      display: block;
      height: 60px !important;
      min-height: 58px !important;
      line-height: 30px;
      font-size: 15px !important;
      color: #f5f5f5;
      position: absolute;
      z-index: 1000;
      top: -1px;
      width: 100%;
      padding-left: 50px; }
      #sidebar .sidebar-menu#file-create .input:first-letter {
        text-transform: capitalize; }
    #sidebar .sidebar-menu.in {
      background-color: #292929;
      pointer-events: auto;
      opacity: 1;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }
    #sidebar .sidebar-menu.disabled .btn {
      opacity: 0.125;
      filter: alpha(opacity=12.5);
      pointer-events: none; }
  #sidebar .sidebar-menu-backdrop {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    z-index: 800;
    top: 60px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none; }
    #sidebar .sidebar-menu-backdrop.in {
      pointer-events: auto;
      background-color: rgba(30, 30, 30, 0.5); }
  #sidebar #search-input {
    padding: 15px 25px;
    font-size: 14px; }
    #sidebar #search-input:-moz-placeholder, #sidebar #search-input::-moz-placeholder, #sidebar #search-input:-ms-input-placeholder {
      font-family: Inter; }
    #sidebar #search-input::-webkit-input-placeholder {
      font-family: Inter; }
  #sidebar #online-members > div:not(.in) {
    display: none; }

.artifact {
  position: relative;
  /*&.artifact-text.text-blank [contentEditable=true].text-editing p:first-child::after {
    content: "Type here";
    opacity: 0.25;
  }*/
  /*&.vector {
    pointer-events: none;
    div, svg {
      pointer-events: none;
    }

    svg * {
      pointer-events: painted;
    }
  }*/ }
  .artifact iframe {
    width: 100% !important;
    display: block;
    max-height: 100%; }
  .artifact.hide-text .text {
    opacity: 0; }
  .artifact.locked.selected {
    box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5) !important; }
  .artifact .placeholder .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px; }
  .artifact.artifact-text.text-blank [contentEditable=true]:not(.text-editing) p:first-child::after {
    content: "Double click to edit";
    opacity: 0.25; }
  .artifact.artifact-text.text-blank p:first-child br {
    display: none; }
  .artifact .link-wrapper {
    position: absolute;
    width: 100%;
    top: 100%;
    display: block;
    text-align: center;
    max-width: 100%;
    overflow-x: hidden;
    margin-top: -3em; }
  .artifact .edit {
    position: absolute;
    top: 10px;
    right: 10px; }
  .artifact .ios-focuser {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    opacity: 0;
    z-index: 0; }
  .artifact .text {
    overflow: hidden;
    width: auto;
    height: auto;
    height: 100%; }
  .artifact:not(.artifact-text) .text-column:not(.text-editing):empty {
    display: none !important; }
  .artifact.x-spacedeck-shape .clip {
    height: 100%; }
  .artifact .shape {
    position: absolute; }
  .artifact .text-table {
    display: table;
    width: 100%;
    height: 100%; }
    .artifact .text-table .text-cell {
      display: table-cell;
      position: relative;
      height: 100%; }
      .artifact .text-table .text-cell .text-column {
        width: 100%;
        -webkit-line-break: after-white-space;
        display: block;
        word-wrap: break-word;
        line-height: 1.5em;
        font-size: 20px; }
        .artifact .text-table .text-cell .text-column.text-editing {
          min-height: 20px;
          -webkit-user-select: auto;
          -moz-user-select: auto;
          user-select: auto;
          pointer-events: auto; }
          .artifact .text-table .text-cell .text-column.text-editing * {
            -webkit-user-select: auto;
            -moz-user-select: auto;
            user-select: auto; }
        .artifact .text-table .text-cell .text-column p:last-child,
        .artifact .text-table .text-cell .text-column ul:last-child {
          margin-bottom: 0em !important; }
        .artifact .text-table .text-cell .text-column h1,
        .artifact .text-table .text-cell .text-column h2,
        .artifact .text-table .text-cell .text-column li {
          margin-top: 0;
          margin-bottom: 0.5em; }
          .artifact .text-table .text-cell .text-column h1:last-child,
          .artifact .text-table .text-cell .text-column h2:last-child,
          .artifact .text-table .text-cell .text-column li:last-child {
            margin-bottom: 0em !important; }
        .artifact .text-table .text-cell .text-column h1 {
          line-height: 1.1; }
        .artifact .text-table .text-cell .text-column h2 {
          font-size: 40px;
          line-height: 1.1; }
        .artifact .text-table .text-cell .text-column h3 {
          font-size: 30px;
          line-height: 1.1; }
        .artifact .text-table .text-cell .text-column h4 {
          font-size: 20px;
          line-height: 1.1; }
        .artifact .text-table .text-cell .text-column blockquote {
          font-size: inherit;
          font-weight: inherit;
          margin-left: 20px;
          margin-right: 20px; }
        .artifact .text-table .text-cell .text-column h3,
        .artifact .text-table .text-cell .text-column h4,
        .artifact .text-table .text-cell .text-column h5,
        .artifact .text-table .text-cell .text-column ul,
        .artifact .text-table .text-cell .text-column p {
          margin-top: 0;
          margin-bottom: 0.5em; }
          .artifact .text-table .text-cell .text-column h3:last-child,
          .artifact .text-table .text-cell .text-column h4:last-child,
          .artifact .text-table .text-cell .text-column h5:last-child,
          .artifact .text-table .text-cell .text-column ul:last-child,
          .artifact .text-table .text-cell .text-column p:last-child {
            margin-bottom: 0em !important; }
        .artifact .text-table .text-cell .text-column a {
          pointer-events: none; }
        .artifact .text-table .text-cell .text-column ol {
          padding: 0;
          counter-reset: list-counter; }
          .artifact .text-table .text-cell .text-column ol li {
            list-style: none;
            position: relative;
            padding-left: 1em;
            counter-increment: list-counter;
            font-size: inherit; }
            .artifact .text-table .text-cell .text-column ol li:before {
              color: inherit;
              top: 0;
              left: 0;
              content: counter(list-counter);
              position: absolute; }
        .artifact .text-table .text-cell .text-column ul {
          padding: 0; }
          .artifact .text-table .text-cell .text-column ul li {
            list-style: none;
            position: relative;
            padding-left: 1em;
            font-size: inherit; }
            .artifact .text-table .text-cell .text-column ul li:before {
              color: inherit;
              top: 0;
              left: 0;
              content: "\2022";
              position: absolute; }
        .artifact .text-table .text-cell .text-column li,
        .artifact .text-table .text-cell .text-column p {
          -webkit-hyphens: auto;
          -moz-hyphens: auto;
          -ms-hyphens: auto;
          -o-hyphens: auto;
          hyphens: auto; }
        .artifact .text-table .text-cell .text-column * {
          -webkit-backface-visibility: visible;
          -moz-backface-visibility: visible;
          -ms-backface-visibility: visible;
          backface-visibility: visible; }
        .artifact .text-table .text-cell .text-column > * {
          display: block; }
  .artifact .oembed,
  .artifact div[class*='oembed-'] {
    height: 100%; }
    .artifact .oembed .play,
    .artifact div[class*='oembed-'] .play {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -30px;
      z-index: 100;
      background-color: #f5f5f5 !important;
      color: #292929 !important; }
    .artifact .oembed .meta,
    .artifact div[class*='oembed-'] .meta {
      padding-top: 10px;
      font-size: 10px;
      display: block;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 100;
      color: #888;
      text-align: left; }
      .artifact .oembed .meta .link,
      .artifact div[class*='oembed-'] .meta .link {
        position: absolute;
        left: -12px;
        bottom: -4px; }
      .artifact .oembed .meta .description,
      .artifact div[class*='oembed-'] .meta .description {
        padding-left: 28px;
        display: block; }
    .artifact .oembed iframe,
    .artifact div[class*='oembed-'] iframe {
      width: 100% !important;
      height: 100% !important; }
    .artifact .oembed:not(.interactive) iframe,
    .artifact div[class*='oembed-']:not(.interactive) iframe {
      pointer-events: none; }
    .artifact .oembed .title,
    .artifact div[class*='oembed-'] .title {
      font-size: 20px; }
    .artifact .oembed .image,
    .artifact div[class*='oembed-'] .image {
      height: auto;
      top: 0;
      bottom: 0px;
      position: absolute;
      width: 100%; }
    .artifact .oembed .interact,
    .artifact div[class*='oembed-'] .interact {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -30px;
      margin-top: -30px; }
  .artifact .image {
    height: 100%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat; }
    .artifact .image video {
      width: 100%;
      height: 100%; }
  .artifact .video {
    width: 100%;
    height: 100%;
    background-size: cover; }
    .artifact .video .title {
      position: absolute;
      bottom: 0px;
      left: 0px;
      z-index: 1;
      color: #888;
      background-color: white;
      display: block;
      width: 100%;
      padding: 10px 15px;
      font-size: 10px; }
    .artifact .video video {
      width: 100%;
      height: 100%; }
    .artifact .video .tl-controls {
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      text-align: center; }
      .artifact .video .tl-controls .btn {
        margin-top: 20px; }
  .artifact .audio {
    height: 100%; }
    .artifact .audio .timeline {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      bottom: 54px;
      background-size: 100% 100%;
      cursor: crosshair;
      margin-bottom: 10px;
      overflow: hidden; }
      .artifact .audio .timeline .tl-current-time {
        height: 100%;
        background: white;
        opacity: 0.5;
        border-right: 1px solid #888; }
      .artifact .audio .timeline .tl-inpoint {
        width: 1px;
        bottom: 0px;
        background: #333;
        position: absolute;
        top: 0px;
        z-index: 1; }
      .artifact .audio .timeline .tl-outpoint {
        width: 1px;
        bottom: 0px;
        background: #333;
        position: absolute;
        top: 0px;
        z-index: 2; }
    .artifact .audio .tl-controls {
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      text-align: center; }
      .artifact .audio .tl-controls .btn {
        margin-top: 20px; }
    .artifact .audio .tl-title {
      margin-left: 10px;
      max-width: 55%;
      overflow: hidden;
      display: inline-block;
      max-height: 2em;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-top: -18px;
      margin-bottom: -18px;
      margin-right: 10px; }
  .artifact img {
    width: 100%;
    height: 100%; }
  .artifact.bold {
    font-weight: bold; }
  .artifact.italic {
    font-style: italic; }
  .artifact.underline {
    text-decoration: underline; }
  .artifact.strike {
    text-decoration: line-through; }
  .artifact.align-top .text-cell {
    vertical-align: top; }
  .artifact.align-middle .text-cell {
    vertical-align: middle; }
  .artifact.align-bottom .text-cell {
    vertical-align: bottom; }
  .artifact.align-left {
    text-align: left; }
  .artifact.align-center {
    text-align: center; }
  .artifact.align-right {
    text-align: right; }
  .artifact.align-justify {
    text-align: justify; }
  .artifact audio {
    width: 100%; }

.board .artifact {
  position: absolute;
  color: black;
  white-space: normal;
  font-size: 36px; }
  .board .artifact.artifact-zone {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px; }
    .board .artifact.artifact-zone:after {
      display: none; }
    .board .artifact.artifact-zone .shape {
      display: none; }
    .board .artifact.artifact-zone .zone {
      height: 100%; }

body.present-mode #space .artifact-zone {
  display: none; }

body.present-mode #space .artifact {
  cursor: default !important; }
  body.present-mode #space .artifact .text a {
    pointer-events: auto !important; }

body:not(.present-mode) #space .Medium {
  cursor: text; }

body:not(.present-mode) #space .artifact.selected.text-editing, body:not(.present-mode) #space .artifact.text-editing {
  cursor: text; }
  body:not(.present-mode) #space .artifact.selected.text-editing:before, body:not(.present-mode) #space .artifact.text-editing:before {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  body:not(.present-mode) #space .artifact.selected.text-editing:after, body:not(.present-mode) #space .artifact.text-editing:after {
    border: 1px dotted rgba(40, 140, 215, 0.5);
    background-color: transparent !important; }

body:not(.present-mode) #space .artifact.selected {
  cursor: -webkit-grab;
  cursor: -moz-grab; }
  body:not(.present-mode) #space .artifact.selected:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing; }
  body:not(.present-mode) #space .artifact.selected:not(.artifact-vector):after {
    border: 1px solid #288cd7; }

.mouse-scribble, .tool-scribble, .tool-line, .tool-arrow {
  cursor: crosshair !important; }
  .mouse-scribble .artifact, .tool-scribble .artifact, .tool-line .artifact, .tool-arrow .artifact {
    pointer-events: none !important; }
  .mouse-scribble .artifact:after, .mouse-scribble .artifact:before, .tool-scribble .artifact:after, .tool-scribble .artifact:before, .tool-line .artifact:after, .tool-line .artifact:before, .tool-arrow .artifact:after, .tool-arrow .artifact:before {
    display: none !important; }

.tool-pan {
  cursor: grab !important; }

.tool-note {
  cursor: crosshair !important; }

.artifact.state-idle .progress, .artifact.state-idle .progress-text {
  display: none; }

.artifact.state-processing, .artifact.state-uploading {
  background-color: white; }
  .artifact.state-processing .progress, .artifact.state-uploading .progress {
    height: 100%;
    padding: 10px;
    background-color: #3d9ee9;
    opacity: 0.9;
    text-align: center; }
  .artifact.state-processing .progress-text, .artifact.state-uploading .progress-text {
    text-align: center;
    padding: 8px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #888;
    font-size: 10px; }
  .artifact.state-processing video, .artifact.state-processing audio, .artifact.state-processing .tl-controls, .artifact.state-processing .timeline, .artifact.state-uploading video, .artifact.state-uploading audio, .artifact.state-uploading .tl-controls, .artifact.state-uploading .timeline {
    display: none; }

.state-processing .spinner {
  opacity: 1;
  background-image: url("/images/hourglass.gif"); }

.state-uploading .spinner {
  opacity: 0.8;
  background-image: url("/images/hourglass.gif"); }

.state-idle .spinner {
  display: none; }

.artifact.image {
  background-color: transparent; }
  .artifact.image.state-loading {
    background-color: rgba(40, 140, 215, 0.05); }
  .artifact.image.state-processing {
    background-color: rgba(107, 195, 111, 0.05); }

.spinner {
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat; }

#pick-mobile img {
  width: 200px; }

#pick-mobile .artifact {
  display: block;
  width: 200px;
  height: 150px;
  float: left;
  font-size: 14px;
  line-height: 20px; }
  #pick-mobile .artifact .text {
    padding: 10px; }

#pick-mobile .spinner {
  display: none !important; }

#pick-mobile .video {
  height: 100%; }

.icon-controls-play:before {
  line-height: 40px !important;
  left: 1px !important; }

.artifact .selection-actions {
  display: none; }

.artifact.selected .selection-actions {
  display: block; }

.selection-actions {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  pointer-events: auto; }

.selected .handles {
  display: block; }

.handles {
  position: absolute;
  left: 0;
  top: 0;
  bottom: -1;
  right: 0;
  z-index: 800;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.1); }
  .handles:after {
    border: 4px dotted #000000;
    content: "";
    display: block;
    position: absolute;
    height: auto;
    width: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: -1px; }

.extreme-zoom .handles {
  border: 8px solid rgba(255, 255, 255, 0.5); }
  .extreme-zoom .handles:after {
    border: 8px dotted #000000;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px; }

.extreme-zoom .handle {
  -webkit-transform: scale(8, 8);
  -ms-transform: scale(8, 8);
  transform: scale(8, 8); }
  .extreme-zoom .handle:hover {
    -webkit-transform: scale(12, 12);
    -ms-transform: scale(12, 12);
    transform: scale(12, 12); }

.mouse-scribble .handles, .mouse-scribble .handles:after, .mouse-vector_transform .handles, .mouse-vector_transform .handles:after {
  display: none !important; }

.resize-nw .value-w {
  right: 35px;
  top: -10px;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right; }
  .resize-nw .value-w:after {
    left: 100%;
    margin-top: -13px;
    top: 50%;
    margin-left: -5px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #222; }

.resize-nw .value-h {
  left: -10px;
  bottom: 35px;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center; }
  .resize-nw .value-h:after {
    top: 100%;
    margin-left: -13px;
    left: 50%;
    margin-top: -5px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #222; }

.resize-ne .value-w {
  left: 35px;
  top: -10px;
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left; }
  .resize-ne .value-w:after {
    right: 100%;
    margin-top: -13px;
    top: 50%;
    margin-right: -5px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid #222; }

.resize-ne .value-h {
  right: -10px;
  bottom: 35px;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center; }
  .resize-ne .value-h:after {
    top: 100%;
    margin-left: -13px;
    left: 50%;
    margin-top: -5px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #222; }

.resize-se .value-w {
  left: 35px;
  bottom: -10px;
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left; }
  .resize-se .value-w:after {
    right: 100%;
    margin-top: -13px;
    top: 50%;
    margin-right: -5px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid #222; }

.resize-se .value-h {
  right: -10px;
  top: 35px;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  pointer-events: none; }
  .resize-se .value-h:after {
    bottom: 100%;
    margin-left: -13px;
    left: 50%;
    margin-bottom: -5px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #222; }

.resize-sw .value-w {
  right: 35px;
  bottom: -10px;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right; }
  .resize-sw .value-w:after {
    left: 100%;
    margin-top: -13px;
    top: 50%;
    margin-left: -5px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #222; }

.resize-sw .value-h {
  left: -10px;
  top: 35px;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center; }
  .resize-sw .value-h:after {
    bottom: 100%;
    margin-left: -13px;
    left: 50%;
    margin-bottom: -5px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #222; }

.resize-n .value-h {
  margin-left: -20px;
  left: 50%;
  bottom: 20px;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center; }
  .resize-n .value-h:after {
    top: 100%;
    margin-left: -13px;
    left: 50%;
    margin-top: -5px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #222; }

.resize-e .value-w {
  left: 20px;
  top: 50%;
  margin-top: -20px;
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left; }
  .resize-e .value-w:after {
    right: 100%;
    margin-top: -13px;
    top: 50%;
    margin-right: -5px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid #222; }

.resize-s .value-h {
  left: 50%;
  margin-left: -20px;
  top: 20px;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center; }
  .resize-s .value-h:after {
    bottom: 100%;
    margin-left: -13px;
    left: 50%;
    margin-bottom: -5px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #222; }

.resize-w .value-w {
  right: 20px;
  top: 50%;
  margin-top: -20px;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right; }
  .resize-w .value-w:after {
    left: 100%;
    margin-top: -13px;
    top: 50%;
    margin-left: -5px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #222; }

.value-h,
.value-w {
  z-index: 1;
  line-height: 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  border-radius: 100%;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  pointer-events: none !important;
  -webkit-transition: all 0.1s 0.05s ease-in-out;
  transition: all 0.1s 0.05s ease-in-out;
  text-align: center;
  background-color: #222;
  color: #f5f5f5;
  font-size: 10px; }
  .value-h:after,
  .value-w:after {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none !important; }

.handle > div > div > div:active .value-w,
.handle:active .value-h {
  -webkit-transition: all 0.05s 0s cubic-bezier(0, 0, 0.7, 1.7);
  transition: all 0.05s 0s cubic-bezier(0, 0, 0.7, 1.7);
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

.edge-handle:active .value-w,
.edge-handle:active .value-h {
  -webkit-transition: all 0.05s 0s cubic-bezier(0, 0, 0.7, 1.7);
  transition: all 0.05s 0s cubic-bezier(0, 0, 0.7, 1.7);
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

.edge-handle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  pointer-events: auto;
  z-index: 1000;
  position: absolute;
  background-clip: content-box;
  -webkit-transition: background-color 0.05s ease-in-out;
  transition: background-color 0.05s ease-in-out; }
  .edge-handle:active, .edge-handle:hover {
    background-color: #3d9ee9;
    -webkit-transition: background-color 0s ease-in-out;
    transition: background-color 0s ease-in-out; }
  .edge-handle.resize-n, .edge-handle.resize-s {
    width: 100%;
    height: 10px; }
  .edge-handle.resize-w, .edge-handle.resize-e {
    width: 10px;
    height: 100%; }
  .edge-handle.resize-n:active {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent; }
  .edge-handle.resize-s:active {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent; }
  .edge-handle.resize-w:active {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent; }
  .edge-handle.resize-e:active {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent; }
  .edge-handle.resize-n:active, .edge-handle.resize-n:hover {
    cursor: ns-resize; }
  .edge-handle.resize-s:active, .edge-handle.resize-s:hover {
    cursor: ns-resize; }
  .edge-handle.resize-w:active, .edge-handle.resize-w:hover {
    cursor: ew-resize; }
  .edge-handle.resize-e:active, .edge-handle.resize-e:hover {
    cursor: ew-resize; }
  .edge-handle.resize-n {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    bottom: 100%;
    margin-bottom: -5px; }
  .edge-handle.resize-s {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    top: 100%;
    margin-top: -5px; }
  .edge-handle.resize-w {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    right: 100%;
    margin-right: -5px; }
  .edge-handle.resize-e {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    left: 100%;
    margin-left: -5px; }

.vector-handle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  pointer-events: auto;
  z-index: 2000;
  position: absolute;
  border-radius: 100%;
  border: 1px solid black;
  margin: -5px;
  padding: 4px; }
  .vector-handle:hover {
    background-color: black;
    cursor: move; }

.handles-vector .handle, .handles-vector .edge-handle {
  display: none !important; }

.handles:not(.handles-vector) .vector-handle {
  display: none; }

.handle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  pointer-events: auto;
  z-index: 2000;
  position: absolute;
  width: 60px !important;
  height: 60px !important;
  border-radius: 100%;
  margin: -30px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5); }
  .handle:hover {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); }
    .handle:hover .value-h,
    .handle:hover .value-w {
      display: block; }
  .handle.resize-nw {
    top: 0%;
    left: 0%; }
  .handle.resize-n {
    top: 0%;
    left: 50%; }
  .handle.resize-ne {
    top: 0%;
    left: 100%; }
  .handle.resize-e {
    top: 50%;
    left: 100%; }
  .handle.resize-se {
    top: 100%;
    left: 100%; }
  .handle.resize-s {
    top: 100%;
    left: 50%; }
  .handle.resize-sw {
    top: 100%;
    left: 0%; }
  .handle.resize-w {
    top: 50%;
    left: 0%; }
  .handle.resize-nw > div > div > div {
    cursor: nwse-resize; }
  .handle.resize-n > div > div > div {
    cursor: ns-resize; }
  .handle.resize-ne > div > div > div {
    cursor: nesw-resize; }
  .handle.resize-e > div > div > div {
    cursor: ew-resize; }
  .handle.resize-se > div > div > div {
    cursor: nwse-resize; }
  .handle.resize-s > div > div > div {
    cursor: ns-resize; }
  .handle.resize-sw > div > div > div {
    cursor: nesw-resize; }
  .handle.resize-w > div > div > div {
    cursor: ew-resize; }
  .handle.resize-n {
    display: none; }
  .handle.resize-e {
    display: none; }
  .handle.resize-s {
    display: none; }
  .handle.resize-w {
    display: none; }
  .handle:hover > div > div > div {
    border-width: 9px; }
  .handle > div:hover > div > div {
    border-width: 8px; }
  .handle > div > div:hover > div {
    border-width: 7px; }
  .handle > div > div > div:hover {
    border-width: 6px; }
  .handle > div > div > div:active {
    border-width: 6px; }
  .handle > div > div > div {
    background-color: #222;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    background-clip: padding-box;
    transition: all .05s ease-in-out; }
  .handle div {
    position: relative;
    border-radius: 100%;
    top: 5px;
    left: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .handle > div {
    width: 50px;
    height: 50px; }
  .handle > div > div {
    width: 40px;
    height: 40px; }
  .handle > div > div > div {
    z-index: 10;
    width: 30px;
    height: 30px; }

.smoke {
  text-align: center;
  background-color: white;
  box-shadow: 0 0px 20px #666; }

.smoke-base {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3); }

.smoke-base.smoke-visible {
  opacity: 1;
  visibility: visible; }

.smokebg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.smoke-base .smoke-dialog {
  margin: auto;
  margin-top: 200px;
  border-radius: 20px;
  width: 400px;
  padding: 10px;
  font-size: 13pt;
  text-align: left; }

.smoke-dialog-prompt {
  margin-top: 15px;
  text-align: center; }

.smoke-dialog-buttons {
  margin: 20px 0 0 0; }

.smoke-dialog-buttons button {
  background-color: #3d9ee9;
  color: #f5f5f5;
  margin: 10px 0px 0px 5px; }

.smoke-dialog-buttons button.cancel {
  background-color: #f5f5f5;
  color: #222; }

.smoke-dialog-prompt input {
  width: 75%; }

.smoke-base .smoke-dialog-inner {
  padding: 20px;
  color: #202020; }

#landing-header {
  background-color: white;
  height: 64px;
  position: relative;
  top: 0;
  left: 0;
  right: 0; }

#landing {
  margin-top: 100px; }
  #landing section {
    margin-left: 300px; }
    #landing section > * {
      max-width: 600px; }

.footer {
  margin-left: 300px;
  margin-top: 100px;
  margin-bottom: 100px; }

@media screen and (max-width: 1000px) {
  #landing section {
    margin-left: 20px;
    margin-right: 20px; }
  .footer {
    margin-left: 20px;
    margin-right: 20px; }
  .header-right {
    right: auto;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 80px; }
  #folder-wrapper {
    padding-top: 128px; } }

html,
body {
  height: 100%;
  background-color: white;
  color: #111; }

body {
  max-width: 100%;
  padding: 0px;
  text-rendering: optimizeLegibility;
  cursor: default; }

*[contenteditable="true"] {
  outline: none; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.img img {
  max-width: 100%;
  height: auto; }

/*.layer {
  @include transition( all 0.2s ease-in-out);
  @include backface-visibility(hidden);
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  // @include scale(0.95,0.95);
  display: none;
  z-index: 1000;
  &.top-layer {
   z-index: 3500;
  }
  &.in {
    display: block;
    &.top-layer {
     z-index: 3500;
    }
    z-index: 2000;
    // @include scale(1,1);
    pointer-events: auto;
    opacity: 1;
  }
}*/
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element; }

[v-cloak] {
  display: none !important; }