.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
/*!
 * Font Awesome Free 5.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/*!
 * Font Awesome Free 5.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa.fa-glass:before{content:"\f000"}.fa.fa-meetup{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-star-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-close:before,.fa.fa-remove:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-file-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before,.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-pencil:before{content:"\f303"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-share-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart:before{content:"\f080"}.fa.fa-bar-chart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart-o:before{content:"\f080"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-lemon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-github{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-feed:before{content:"\f09e"}.fa.fa-hdd-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hdd-o:before{content:"\f0a0"}.fa.fa-hand-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-right:before{content:"\f0a4"}.fa.fa-hand-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-left:before{content:"\f0a5"}.fa.fa-hand-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-up:before{content:"\f0a6"}.fa.fa-hand-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-down:before{content:"\f0a7"}.fa.fa-arrows-alt:before{content:"\f31e"}.fa.fa-group:before{content:"\f0c0"}.fa.fa-chain:before{content:"\f0c1"}.fa.fa-scissors:before{content:"\f0c4"}.fa.fa-files-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-files-o:before{content:"\f0c5"}.fa.fa-floppy-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-floppy-o:before{content:"\f0c7"}.fa.fa-navicon:before,.fa.fa-reorder:before{content:"\f0c9"}.fa.fa-google-plus,.fa.fa-google-plus-square,.fa.fa-pinterest,.fa.fa-pinterest-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-money:before{content:"\f3d1"}.fa.fa-unsorted:before{content:"\f0dc"}.fa.fa-sort-desc:before{content:"\f0dd"}.fa.fa-sort-asc:before{content:"\f0de"}.fa.fa-linkedin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-rotate-left:before{content:"\f0e2"}.fa.fa-legal:before{content:"\f0e3"}.fa.fa-dashboard:before,.fa.fa-tachometer:before{content:"\f3fd"}.fa.fa-comment-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comment-o:before{content:"\f075"}.fa.fa-comments-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-flash:before{content:"\f0e7"}.fa.fa-clipboard,.fa.fa-paste{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paste:before{content:"\f328"}.fa.fa-lightbulb-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lightbulb-o:before{content:"\f0eb"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-cloud-download:before{content:"\f381"}.fa.fa-cloud-upload:before{content:"\f382"}.fa.fa-bell-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-o:before{content:"\f0f3"}.fa.fa-cutlery:before{content:"\f2e7"}.fa.fa-file-text-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-text-o:before{content:"\f15c"}.fa.fa-building-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-building-o:before{content:"\f1ad"}.fa.fa-hospital-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hospital-o:before{content:"\f0f8"}.fa.fa-tablet:before{content:"\f3fa"}.fa.fa-mobile-phone:before,.fa.fa-mobile:before{content:"\f3cd"}.fa.fa-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-mail-reply:before{content:"\f3e5"}.fa.fa-github-alt{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-folder-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-o:before{content:"\f07b"}.fa.fa-folder-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-open-o:before{content:"\f07c"}.fa.fa-smile-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-smile-o:before{content:"\f118"}.fa.fa-frown-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-frown-o:before{content:"\f119"}.fa.fa-meh-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-meh-o:before{content:"\f11a"}.fa.fa-keyboard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-keyboard-o:before{content:"\f11c"}.fa.fa-flag-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-flag-o:before{content:"\f024"}.fa.fa-mail-reply-all:before{content:"\f122"}.fa.fa-star-half-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-o:before{content:"\f089"}.fa.fa-star-half-empty{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-empty:before{content:"\f089"}.fa.fa-star-half-full{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-full:before{content:"\f089"}.fa.fa-code-fork:before{content:"\f126"}.fa.fa-chain-broken:before{content:"\f127"}.fa.fa-shield:before{content:"\f3ed"}.fa.fa-calendar-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-o:before{content:"\f133"}.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ticket:before{content:"\f3ff"}.fa.fa-minus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-minus-square-o:before{content:"\f146"}.fa.fa-level-up:before{content:"\f3bf"}.fa.fa-level-down:before{content:"\f3be"}.fa.fa-pencil-square:before{content:"\f14b"}.fa.fa-external-link-square:before{content:"\f360"}.fa.fa-compass{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down:before{content:"\f150"}.fa.fa-toggle-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-down:before{content:"\f150"}.fa.fa-caret-square-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-up:before{content:"\f151"}.fa.fa-toggle-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-up:before{content:"\f151"}.fa.fa-caret-square-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-right:before{content:"\f152"}.fa.fa-toggle-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-right:before{content:"\f152"}.fa.fa-eur:before,.fa.fa-euro:before{content:"\f153"}.fa.fa-gbp:before{content:"\f154"}.fa.fa-dollar:before,.fa.fa-usd:before{content:"\f155"}.fa.fa-inr:before,.fa.fa-rupee:before{content:"\f156"}.fa.fa-cny:before,.fa.fa-jpy:before,.fa.fa-rmb:before,.fa.fa-yen:before{content:"\f157"}.fa.fa-rouble:before,.fa.fa-rub:before,.fa.fa-ruble:before{content:"\f158"}.fa.fa-krw:before,.fa.fa-won:before{content:"\f159"}.fa.fa-bitcoin,.fa.fa-btc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitcoin:before{content:"\f15a"}.fa.fa-file-text:before{content:"\f15c"}.fa.fa-sort-alpha-asc:before{content:"\f15d"}.fa.fa-sort-alpha-desc:before{content:"\f15e"}.fa.fa-sort-amount-asc:before{content:"\f160"}.fa.fa-sort-amount-desc:before{content:"\f161"}.fa.fa-sort-numeric-asc:before{content:"\f162"}.fa.fa-sort-numeric-desc:before{content:"\f163"}.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-play,.fa.fa-youtube-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-youtube-play:before{content:"\f167"}.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitbucket-square:before{content:"\f171"}.fa.fa-tumblr,.fa.fa-tumblr-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-long-arrow-down:before{content:"\f309"}.fa.fa-long-arrow-up:before{content:"\f30c"}.fa.fa-long-arrow-left:before{content:"\f30a"}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gittip:before{content:"\f184"}.fa.fa-sun-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sun-o:before{content:"\f185"}.fa.fa-moon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-moon-o:before{content:"\f186"}.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-arrow-circle-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-right:before{content:"\f35a"}.fa.fa-arrow-circle-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-left:before{content:"\f359"}.fa.fa-caret-square-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-left:before{content:"\f191"}.fa.fa-toggle-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-left:before{content:"\f191"}.fa.fa-dot-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dot-circle-o:before{content:"\f192"}.fa.fa-vimeo-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-try:before,.fa.fa-turkish-lira:before{content:"\f195"}.fa.fa-plus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-plus-square-o:before{content:"\f0fe"}.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bank:before,.fa.fa-institution:before{content:"\f19c"}.fa.fa-mortar-board:before{content:"\f19d"}.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-google,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle,.fa.fa-yahoo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-spoon:before{content:"\f2e5"}.fa.fa-behance,.fa.fa-behance-square,.fa.fa-steam,.fa.fa-steam-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-automobile:before{content:"\f1b9"}.fa.fa-cab:before{content:"\f1ba"}.fa.fa-envelope-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-deviantart,.fa.fa-soundcloud{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-file-pdf-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-pdf-o:before{content:"\f1c1"}.fa.fa-file-word-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-word-o:before{content:"\f1c2"}.fa.fa-file-excel-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-excel-o:before{content:"\f1c3"}.fa.fa-file-powerpoint-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-powerpoint-o:before{content:"\f1c4"}.fa.fa-file-image-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-image-o:before{content:"\f1c5"}.fa.fa-file-photo-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-photo-o:before{content:"\f1c5"}.fa.fa-file-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-picture-o:before{content:"\f1c5"}.fa.fa-file-archive-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-archive-o:before{content:"\f1c6"}.fa.fa-file-zip-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-zip-o:before{content:"\f1c6"}.fa.fa-file-audio-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-audio-o:before{content:"\f1c7"}.fa.fa-file-sound-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-sound-o:before{content:"\f1c7"}.fa.fa-file-video-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-video-o:before{content:"\f1c8"}.fa.fa-file-movie-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-movie-o:before{content:"\f1c8"}.fa.fa-file-code-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-code-o:before{content:"\f1c9"}.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-life-bouy,.fa.fa-life-ring{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-bouy:before{content:"\f1cd"}.fa.fa-life-buoy{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-buoy:before{content:"\f1cd"}.fa.fa-life-saver{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-saver:before{content:"\f1cd"}.fa.fa-support{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-support:before{content:"\f1cd"}.fa.fa-circle-o-notch:before{content:"\f1ce"}.fa.fa-ra,.fa.fa-rebel{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ra:before{content:"\f1d0"}.fa.fa-resistance{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-resistance:before{content:"\f1d0"}.fa.fa-empire,.fa.fa-ge{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ge:before{content:"\f1d1"}.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-y-combinator-square:before{content:"\f1d4"}.fa.fa-yc-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc-square:before{content:"\f1d4"}.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wechat:before{content:"\f1d7"}.fa.fa-send:before{content:"\f1d8"}.fa.fa-paper-plane-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paper-plane-o:before{content:"\f1d8"}.fa.fa-send-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-send-o:before{content:"\f1d8"}.fa.fa-circle-thin{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-thin:before{content:"\f111"}.fa.fa-header:before{content:"\f1dc"}.fa.fa-sliders:before{content:"\f1de"}.fa.fa-futbol-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-futbol-o:before{content:"\f1e3"}.fa.fa-soccer-ball-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-soccer-ball-o:before{content:"\f1e3"}.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bell-slash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-slash-o:before{content:"\f1f6"}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-copyright{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-eyedropper:before{content:"\f1fb"}.fa.fa-area-chart:before{content:"\f1fe"}.fa.fa-pie-chart:before{content:"\f200"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-angellist,.fa.fa-ioxhost,.fa.fa-lastfm,.fa.fa-lastfm-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cc{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-cc:before{content:"\f20a"}.fa.fa-ils:before,.fa.fa-shekel:before,.fa.fa-sheqel:before{content:"\f20b"}.fa.fa-meanpath{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-meanpath:before{content:"\f2b4"}.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-diamond{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-diamond:before{content:"\f3a5"}.fa.fa-intersex:before{content:"\f224"}.fa.fa-facebook-official{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-official:before{content:"\f09a"}.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-hotel:before{content:"\f236"}.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc:before{content:"\f23b"}.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-battery-4:before,.fa.fa-battery:before{content:"\f240"}.fa.fa-battery-3:before{content:"\f241"}.fa.fa-battery-2:before{content:"\f242"}.fa.fa-battery-1:before{content:"\f243"}.fa.fa-battery-0:before{content:"\f244"}.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sticky-note-o:before{content:"\f249"}.fa.fa-cc-diners-club,.fa.fa-cc-jcb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-clone,.fa.fa-hourglass-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hourglass-o:before{content:"\f254"}.fa.fa-hourglass-1:before{content:"\f251"}.fa.fa-hourglass-2:before{content:"\f252"}.fa.fa-hourglass-3:before{content:"\f253"}.fa.fa-hand-rock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-rock-o:before{content:"\f255"}.fa.fa-hand-grab-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-grab-o:before{content:"\f255"}.fa.fa-hand-paper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-paper-o:before{content:"\f256"}.fa.fa-hand-stop-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-stop-o:before{content:"\f256"}.fa.fa-hand-scissors-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-scissors-o:before{content:"\f257"}.fa.fa-hand-lizard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-lizard-o:before{content:"\f258"}.fa.fa-hand-spock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-spock-o:before{content:"\f259"}.fa.fa-hand-pointer-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-pointer-o:before{content:"\f25a"}.fa.fa-hand-peace-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-peace-o:before{content:"\f25b"}.fa.fa-registered{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-chrome,.fa.fa-creative-commons,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-internet-explorer,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square,.fa.fa-opera,.fa.fa-safari,.fa.fa-tripadvisor,.fa.fa-wikipedia-w{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-television:before{content:"\f26c"}.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-calendar-plus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-plus-o:before{content:"\f271"}.fa.fa-calendar-minus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-minus-o:before{content:"\f272"}.fa.fa-calendar-times-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-times-o:before{content:"\f273"}.fa.fa-calendar-check-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-check-o:before{content:"\f274"}.fa.fa-map-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-map-o:before{content:"\f279"}.fa.fa-commenting:before{content:"\f4ad"}.fa.fa-commenting-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-commenting-o:before{content:"\f4ad"}.fa.fa-houzz,.fa.fa-vimeo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-vimeo:before{content:"\f27d"}.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card-alt:before{content:"\f09d"}.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-pause-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pause-circle-o:before{content:"\f28b"}.fa.fa-stop-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-stop-circle-o:before{content:"\f28d"}.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wheelchair-alt:before{content:"\f368"}.fa.fa-question-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-question-circle-o:before{content:"\f059"}.fa.fa-volume-control-phone:before{content:"\f2a0"}.fa.fa-asl-interpreting:before{content:"\f2a3"}.fa.fa-deafness:before,.fa.fa-hard-of-hearing:before{content:"\f2a4"}.fa.fa-glide,.fa.fa-glide-g{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-signing:before{content:"\f2a7"}.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat,.fa.fa-snapchat-ghost,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-viadeo,.fa.fa-viadeo-square,.fa.fa-yoast{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-official:before{content:"\f2b3"}.fa.fa-google-plus-circle{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-circle:before{content:"\f2b3"}.fa.fa-fa,.fa.fa-font-awesome{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-fa:before{content:"\f2b4"}.fa.fa-handshake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-handshake-o:before{content:"\f2b5"}.fa.fa-envelope-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-open-o:before{content:"\f2b6"}.fa.fa-linode{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-address-book-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-book-o:before{content:"\f2b9"}.fa.fa-vcard:before{content:"\f2bb"}.fa.fa-address-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-card-o:before{content:"\f2bb"}.fa.fa-vcard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-vcard-o:before{content:"\f2bb"}.fa.fa-user-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-circle-o:before{content:"\f2bd"}.fa.fa-user-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-o:before{content:"\f007"}.fa.fa-id-badge{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license:before{content:"\f2c2"}.fa.fa-id-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-id-card-o:before{content:"\f2c2"}.fa.fa-drivers-license-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license-o:before{content:"\f2c2"}.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-thermometer-4:before,.fa.fa-thermometer:before{content:"\f2c7"}.fa.fa-thermometer-3:before{content:"\f2c8"}.fa.fa-thermometer-2:before{content:"\f2c9"}.fa.fa-thermometer-1:before{content:"\f2ca"}.fa.fa-thermometer-0:before{content:"\f2cb"}.fa.fa-bathtub:before,.fa.fa-s15:before{content:"\f2cd"}.fa.fa-window-maximize,.fa.fa-window-restore{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle:before{content:"\f410"}.fa.fa-window-close-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-window-close-o:before{content:"\f410"}.fa.fa-times-rectangle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle-o:before{content:"\f410"}.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-eercast:before{content:"\f2da"}.fa.fa-snowflake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-snowflake-o:before{content:"\f2dc"}.fa.fa-spotify,.fa.fa-superpowers,.fa.fa-wpexplorer{font-family:"Font Awesome 5 Brands";font-weight:400}
@font-face{font-family:'Glyphicons Regular';src:url('../fonts/glyphicons-regular.eot');src:url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-regular.woff2') format('woff2'),url('../fonts/glyphicons-regular.woff') format('woff'),url('../fonts/glyphicons-regular.ttf') format('truetype'),url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')}.glyphicons{display:inline-block;font-family:'Glyphicons Regular';font-style:normal;font-weight:normal;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicons:before{display:inline-block;padding:6px 8px}.glyphicons.x05{font-size:12px}.glyphicons.x2{font-size:48px}.glyphicons.x2:before{padding:8px 12px}.glyphicons.x3{font-size:72px}.glyphicons.x3:before{padding:16px 20px}.glyphicons.x4{font-size:96px}.glyphicons.x4:before{padding:20px 28px}.glyphicons.x5{font-size:120px}.glyphicons.x5:before{padding:28px 36px}.glyphicons.light:before{color:#f2f2f2}.glyphicons.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.glyphicons.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.glyphicons.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.glyphicons.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.glyphicons.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.glyphicons.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.glyphicons-glass:before{content:"\E001"}.glyphicons-leaf:before{content:"\E002"}.glyphicons-dog:before{content:"\E003"}.glyphicons-user:before{content:"\E004"}.glyphicons-girl:before{content:"\E005"}.glyphicons-car:before{content:"\E006"}.glyphicons-user-add:before{content:"\E007"}.glyphicons-user-remove:before{content:"\E008"}.glyphicons-film:before{content:"\E009"}.glyphicons-magic:before{content:"\E010"}.glyphicons-envelope:before{content:"\E011"}.glyphicons-camera:before{content:"\E012"}.glyphicons-heart:before{content:"\E013"}.glyphicons-beach-umbrella:before{content:"\E014"}.glyphicons-train:before{content:"\E015"}.glyphicons-print:before{content:"\E016"}.glyphicons-bin:before{content:"\E017"}.glyphicons-music:before{content:"\E018"}.glyphicons-music-alt:before{content:"\E019"}.glyphicons-heart-empty:before{content:"\E020"}.glyphicons-home:before{content:"\E021"}.glyphicons-snowflake:before{content:"\E022"}.glyphicons-fire:before{content:"\E023"}.glyphicons-magnet:before{content:"\E024"}.glyphicons-parents:before{content:"\E025"}.glyphicons-binoculars:before{content:"\E026"}.glyphicons-road:before{content:"\E027"}.glyphicons-search:before{content:"\E028"}.glyphicons-cars:before{content:"\E029"}.glyphicons-notes-2:before{content:"\E030"}.glyphicons-pencil:before{content:"\E031"}.glyphicons-bus:before{content:"\E032"}.glyphicons-wifi-alt:before{content:"\E033"}.glyphicons-luggage:before{content:"\E034"}.glyphicons-old-man:before{content:"\E035"}.glyphicons-woman:before{content:"\E036"}.glyphicons-file:before{content:"\E037"}.glyphicons-coins:before{content:"\E038"}.glyphicons-plane:before{content:"\E039"}.glyphicons-notes:before{content:"\E040"}.glyphicons-stats:before{content:"\E041"}.glyphicons-charts:before{content:"\E042"}.glyphicons-pie-chart:before{content:"\E043"}.glyphicons-group:before{content:"\E044"}.glyphicons-keys:before{content:"\E045"}.glyphicons-calendar:before{content:"\E046"}.glyphicons-router:before{content:"\E047"}.glyphicons-camera-small:before{content:"\E048"}.glyphicons-star-empty:before{content:"\E049"}.glyphicons-star:before{content:"\E050"}.glyphicons-link:before{content:"\E051"}.glyphicons-eye-open:before{content:"\E052"}.glyphicons-eye-close:before{content:"\E053"}.glyphicons-alarm:before{content:"\E054"}.glyphicons-clock:before{content:"\E055"}.glyphicons-stopwatch:before{content:"\E056"}.glyphicons-projector:before{content:"\E057"}.glyphicons-history:before{content:"\E058"}.glyphicons-truck:before{content:"\E059"}.glyphicons-cargo:before{content:"\E060"}.glyphicons-compass:before{content:"\E061"}.glyphicons-keynote:before{content:"\E062"}.glyphicons-paperclip:before{content:"\E063"}.glyphicons-power:before{content:"\E064"}.glyphicons-lightbulb:before{content:"\E065"}.glyphicons-tag:before{content:"\E066"}.glyphicons-tags:before{content:"\E067"}.glyphicons-cleaning:before{content:"\E068"}.glyphicons-ruler:before{content:"\E069"}.glyphicons-gift:before{content:"\E070"}.glyphicons-umbrella:before{content:"\E071"}.glyphicons-book:before{content:"\E072"}.glyphicons-bookmark:before{content:"\E073"}.glyphicons-wifi:before{content:"\E074"}.glyphicons-cup:before{content:"\E075"}.glyphicons-stroller:before{content:"\E076"}.glyphicons-headphones:before{content:"\E077"}.glyphicons-headset:before{content:"\E078"}.glyphicons-warning-sign:before{content:"\E079"}.glyphicons-signal:before{content:"\E080"}.glyphicons-retweet:before{content:"\E081"}.glyphicons-refresh:before{content:"\E082"}.glyphicons-roundabout:before{content:"\E083"}.glyphicons-random:before{content:"\E084"}.glyphicons-heat:before{content:"\E085"}.glyphicons-repeat:before{content:"\E086"}.glyphicons-display:before{content:"\E087"}.glyphicons-log-book:before{content:"\E088"}.glyphicons-address-book:before{content:"\E089"}.glyphicons-building:before{content:"\E090"}.glyphicons-eyedropper:before{content:"\E091"}.glyphicons-adjust:before{content:"\E092"}.glyphicons-tint:before{content:"\E093"}.glyphicons-crop:before{content:"\E094"}.glyphicons-vector-path-square:before{content:"\E095"}.glyphicons-vector-path-circle:before{content:"\E096"}.glyphicons-vector-path-polygon:before{content:"\E097"}.glyphicons-vector-path-line:before{content:"\E098"}.glyphicons-vector-path-curve:before{content:"\E099"}.glyphicons-vector-path-all:before{content:"\E100"}.glyphicons-font:before{content:"\E101"}.glyphicons-italic:before{content:"\E102"}.glyphicons-bold:before{content:"\E103"}.glyphicons-text-underline:before{content:"\E104"}.glyphicons-text-strike:before{content:"\E105"}.glyphicons-text-height:before{content:"\E106"}.glyphicons-text-width:before{content:"\E107"}.glyphicons-text-resize:before{content:"\E108"}.glyphicons-left-indent:before{content:"\E109"}.glyphicons-right-indent:before{content:"\E110"}.glyphicons-align-left:before{content:"\E111"}.glyphicons-align-center:before{content:"\E112"}.glyphicons-align-right:before{content:"\E113"}.glyphicons-justify:before{content:"\E114"}.glyphicons-list:before{content:"\E115"}.glyphicons-text-smaller:before{content:"\E116"}.glyphicons-text-bigger:before{content:"\E117"}.glyphicons-embed:before{content:"\E118"}.glyphicons-embed-close:before{content:"\E119"}.glyphicons-table:before{content:"\E120"}.glyphicons-message-full:before{content:"\E121"}.glyphicons-message-empty:before{content:"\E122"}.glyphicons-message-in:before{content:"\E123"}.glyphicons-message-out:before{content:"\E124"}.glyphicons-message-plus:before{content:"\E125"}.glyphicons-message-minus:before{content:"\E126"}.glyphicons-message-ban:before{content:"\E127"}.glyphicons-message-flag:before{content:"\E128"}.glyphicons-message-lock:before{content:"\E129"}.glyphicons-message-new:before{content:"\E130"}.glyphicons-inbox:before{content:"\E131"}.glyphicons-inbox-plus:before{content:"\E132"}.glyphicons-inbox-minus:before{content:"\E133"}.glyphicons-inbox-lock:before{content:"\E134"}.glyphicons-inbox-in:before{content:"\E135"}.glyphicons-inbox-out:before{content:"\E136"}.glyphicons-cogwheel:before{content:"\E137"}.glyphicons-cogwheels:before{content:"\E138"}.glyphicons-picture:before{content:"\E139"}.glyphicons-adjust-alt:before{content:"\E140"}.glyphicons-database-lock:before{content:"\E141"}.glyphicons-database-plus:before{content:"\E142"}.glyphicons-database-minus:before{content:"\E143"}.glyphicons-database-ban:before{content:"\E144"}.glyphicons-folder-open:before{content:"\E145"}.glyphicons-folder-plus:before{content:"\E146"}.glyphicons-folder-minus:before{content:"\E147"}.glyphicons-folder-lock:before{content:"\E148"}.glyphicons-folder-flag:before{content:"\E149"}.glyphicons-folder-new:before{content:"\E150"}.glyphicons-edit:before{content:"\E151"}.glyphicons-new-window:before{content:"\E152"}.glyphicons-check:before{content:"\E153"}.glyphicons-unchecked:before{content:"\E154"}.glyphicons-more-windows:before{content:"\E155"}.glyphicons-show-big-thumbnails:before{content:"\E156"}.glyphicons-show-thumbnails:before{content:"\E157"}.glyphicons-show-thumbnails-with-lines:before{content:"\E158"}.glyphicons-show-lines:before{content:"\E159"}.glyphicons-playlist:before{content:"\E160"}.glyphicons-imac:before{content:"\E161"}.glyphicons-macbook:before{content:"\E162"}.glyphicons-ipad:before{content:"\E163"}.glyphicons-iphone:before{content:"\E164"}.glyphicons-iphone-transfer:before{content:"\E165"}.glyphicons-iphone-exchange:before{content:"\E166"}.glyphicons-ipod:before{content:"\E167"}.glyphicons-ipod-shuffle:before{content:"\E168"}.glyphicons-ear-plugs:before{content:"\E169"}.glyphicons-record:before{content:"\E170"}.glyphicons-step-backward:before{content:"\E171"}.glyphicons-fast-backward:before{content:"\E172"}.glyphicons-rewind:before{content:"\E173"}.glyphicons-play:before{content:"\E174"}.glyphicons-pause:before{content:"\E175"}.glyphicons-stop:before{content:"\E176"}.glyphicons-forward:before{content:"\E177"}.glyphicons-fast-forward:before{content:"\E178"}.glyphicons-step-forward:before{content:"\E179"}.glyphicons-eject:before{content:"\E180"}.glyphicons-facetime-video:before{content:"\E181"}.glyphicons-download-alt:before{content:"\E182"}.glyphicons-mute:before{content:"\E183"}.glyphicons-volume-down:before{content:"\E184"}.glyphicons-volume-up:before{content:"\E185"}.glyphicons-screenshot:before{content:"\E186"}.glyphicons-move:before{content:"\E187"}.glyphicons-more:before{content:"\E188"}.glyphicons-brightness-reduce:before{content:"\E189"}.glyphicons-brightness-increase:before{content:"\E190"}.glyphicons-plus-sign:before{content:"\E191"}.glyphicons-minus-sign:before{content:"\E192"}.glyphicons-remove-sign:before{content:"\E193"}.glyphicons-ok-sign:before{content:"\E194"}.glyphicons-question-sign:before{content:"\E195"}.glyphicons-info-sign:before{content:"\E196"}.glyphicons-exclamation-sign:before{content:"\E197"}.glyphicons-remove-circle:before{content:"\E198"}.glyphicons-ok-circle:before{content:"\E199"}.glyphicons-ban-circle:before{content:"\E200"}.glyphicons-download:before{content:"\E201"}.glyphicons-upload:before{content:"\E202"}.glyphicons-shopping-cart:before{content:"\E203"}.glyphicons-lock:before{content:"\E204"}.glyphicons-unlock:before{content:"\E205"}.glyphicons-electricity:before{content:"\E206"}.glyphicons-ok:before{content:"\E207"}.glyphicons-remove:before{content:"\E208"}.glyphicons-cart-in:before{content:"\E209"}.glyphicons-cart-out:before{content:"\E210"}.glyphicons-arrow-left:before{content:"\E211"}.glyphicons-arrow-right:before{content:"\E212"}.glyphicons-arrow-down:before{content:"\E213"}.glyphicons-arrow-up:before{content:"\E214"}.glyphicons-resize-small:before{content:"\E215"}.glyphicons-resize-full:before{content:"\E216"}.glyphicons-circle-arrow-left:before{content:"\E217"}.glyphicons-circle-arrow-right:before{content:"\E218"}.glyphicons-circle-arrow-top:before{content:"\E219"}.glyphicons-circle-arrow-down:before{content:"\E220"}.glyphicons-play-button:before{content:"\E221"}.glyphicons-unshare:before{content:"\E222"}.glyphicons-share:before{content:"\E223"}.glyphicons-chevron-right:before{content:"\E224"}.glyphicons-chevron-left:before{content:"\E225"}.glyphicons-bluetooth:before{content:"\E226"}.glyphicons-euro:before{content:"\E227"}.glyphicons-usd:before{content:"\E228"}.glyphicons-gbp:before{content:"\E229"}.glyphicons-retweet-2:before{content:"\E230"}.glyphicons-moon:before{content:"\E231"}.glyphicons-sun:before{content:"\E232"}.glyphicons-cloud:before{content:"\E233"}.glyphicons-direction:before{content:"\E234"}.glyphicons-brush:before{content:"\E235"}.glyphicons-pen:before{content:"\E236"}.glyphicons-zoom-in:before{content:"\E237"}.glyphicons-zoom-out:before{content:"\E238"}.glyphicons-pin:before{content:"\E239"}.glyphicons-albums:before{content:"\E240"}.glyphicons-rotation-lock:before{content:"\E241"}.glyphicons-flash:before{content:"\E242"}.glyphicons-map-marker:before{content:"\E243"}.glyphicons-anchor:before{content:"\E244"}.glyphicons-conversation:before{content:"\E245"}.glyphicons-chat:before{content:"\E246"}.glyphicons-note-empty:before{content:"\E247"}.glyphicons-note:before{content:"\E248"}.glyphicons-asterisk:before{content:"\E249"}.glyphicons-divide:before{content:"\E250"}.glyphicons-snorkel-diving:before{content:"\E251"}.glyphicons-scuba-diving:before{content:"\E252"}.glyphicons-oxygen-bottle:before{content:"\E253"}.glyphicons-fins:before{content:"\E254"}.glyphicons-fishes:before{content:"\E255"}.glyphicons-boat:before{content:"\E256"}.glyphicons-delete:before{content:"\E257"}.glyphicons-sheriffs-star:before{content:"\E258"}.glyphicons-qrcode:before{content:"\E259"}.glyphicons-barcode:before{content:"\E260"}.glyphicons-pool:before{content:"\E261"}.glyphicons-buoy:before{content:"\E262"}.glyphicons-spade:before{content:"\E263"}.glyphicons-bank:before{content:"\E264"}.glyphicons-vcard:before{content:"\E265"}.glyphicons-electrical-plug:before{content:"\E266"}.glyphicons-flag:before{content:"\E267"}.glyphicons-credit-card:before{content:"\E268"}.glyphicons-keyboard-wireless:before{content:"\E269"}.glyphicons-keyboard-wired:before{content:"\E270"}.glyphicons-shield:before{content:"\E271"}.glyphicons-ring:before{content:"\E272"}.glyphicons-cake:before{content:"\E273"}.glyphicons-drink:before{content:"\E274"}.glyphicons-beer:before{content:"\E275"}.glyphicons-fast-food:before{content:"\E276"}.glyphicons-cutlery:before{content:"\E277"}.glyphicons-pizza:before{content:"\E278"}.glyphicons-birthday-cake:before{content:"\E279"}.glyphicons-tablet:before{content:"\E280"}.glyphicons-settings:before{content:"\E281"}.glyphicons-bullets:before{content:"\E282"}.glyphicons-cardio:before{content:"\E283"}.glyphicons-t-shirt:before{content:"\E284"}.glyphicons-pants:before{content:"\E285"}.glyphicons-sweater:before{content:"\E286"}.glyphicons-fabric:before{content:"\E287"}.glyphicons-leather:before{content:"\E288"}.glyphicons-scissors:before{content:"\E289"}.glyphicons-bomb:before{content:"\E290"}.glyphicons-skull:before{content:"\E291"}.glyphicons-celebration:before{content:"\E292"}.glyphicons-tea-kettle:before{content:"\E293"}.glyphicons-french-press:before{content:"\E294"}.glyphicons-coffee-cup:before{content:"\E295"}.glyphicons-pot:before{content:"\E296"}.glyphicons-grater:before{content:"\E297"}.glyphicons-kettle:before{content:"\E298"}.glyphicons-hospital:before{content:"\E299"}.glyphicons-hospital-h:before{content:"\E300"}.glyphicons-microphone:before{content:"\E301"}.glyphicons-webcam:before{content:"\E302"}.glyphicons-temple-christianity-church:before{content:"\E303"}.glyphicons-temple-islam:before{content:"\E304"}.glyphicons-temple-hindu:before{content:"\E305"}.glyphicons-temple-buddhist:before{content:"\E306"}.glyphicons-bicycle:before{content:"\E307"}.glyphicons-life-preserver:before{content:"\E308"}.glyphicons-share-alt:before{content:"\E309"}.glyphicons-comments:before{content:"\E310"}.glyphicons-flower:before{content:"\E311"}.glyphicons-baseball:before{content:"\E312"}.glyphicons-rugby:before{content:"\E313"}.glyphicons-ax:before{content:"\E314"}.glyphicons-table-tennis:before{content:"\E315"}.glyphicons-bowling:before{content:"\E316"}.glyphicons-tree-conifer:before{content:"\E317"}.glyphicons-tree-deciduous:before{content:"\E318"}.glyphicons-more-items:before{content:"\E319"}.glyphicons-sort:before{content:"\E320"}.glyphicons-filter:before{content:"\E321"}.glyphicons-gamepad:before{content:"\E322"}.glyphicons-playing-dices:before{content:"\E323"}.glyphicons-calculator:before{content:"\E324"}.glyphicons-tie:before{content:"\E325"}.glyphicons-wallet:before{content:"\E326"}.glyphicons-piano:before{content:"\E327"}.glyphicons-sampler:before{content:"\E328"}.glyphicons-podium:before{content:"\E329"}.glyphicons-soccer-ball:before{content:"\E330"}.glyphicons-blog:before{content:"\E331"}.glyphicons-dashboard:before{content:"\E332"}.glyphicons-certificate:before{content:"\E333"}.glyphicons-bell:before{content:"\E334"}.glyphicons-candle:before{content:"\E335"}.glyphicons-pushpin:before{content:"\E336"}.glyphicons-iphone-shake:before{content:"\E337"}.glyphicons-pin-flag:before{content:"\E338"}.glyphicons-turtle:before{content:"\E339"}.glyphicons-rabbit:before{content:"\E340"}.glyphicons-globe:before{content:"\E341"}.glyphicons-briefcase:before{content:"\E342"}.glyphicons-hdd:before{content:"\E343"}.glyphicons-thumbs-up:before{content:"\E344"}.glyphicons-thumbs-down:before{content:"\E345"}.glyphicons-hand-right:before{content:"\E346"}.glyphicons-hand-left:before{content:"\E347"}.glyphicons-hand-up:before{content:"\E348"}.glyphicons-hand-down:before{content:"\E349"}.glyphicons-fullscreen:before{content:"\E350"}.glyphicons-shopping-bag:before{content:"\E351"}.glyphicons-book-open:before{content:"\E352"}.glyphicons-nameplate:before{content:"\E353"}.glyphicons-nameplate-alt:before{content:"\E354"}.glyphicons-vases:before{content:"\E355"}.glyphicons-bullhorn:before{content:"\E356"}.glyphicons-dumbbell:before{content:"\E357"}.glyphicons-suitcase:before{content:"\E358"}.glyphicons-file-import:before{content:"\E359"}.glyphicons-file-export:before{content:"\E360"}.glyphicons-bug:before{content:"\E361"}.glyphicons-crown:before{content:"\E362"}.glyphicons-smoking:before{content:"\E363"}.glyphicons-cloud-upload:before{content:"\E364"}.glyphicons-cloud-download:before{content:"\E365"}.glyphicons-restart:before{content:"\E366"}.glyphicons-security-camera:before{content:"\E367"}.glyphicons-expand:before{content:"\E368"}.glyphicons-collapse:before{content:"\E369"}.glyphicons-collapse-top:before{content:"\E370"}.glyphicons-globe-af:before{content:"\E371"}.glyphicons-global:before{content:"\E372"}.glyphicons-spray:before{content:"\E373"}.glyphicons-nails:before{content:"\E374"}.glyphicons-claw-hammer:before{content:"\E375"}.glyphicons-classic-hammer:before{content:"\E376"}.glyphicons-hand-saw:before{content:"\E377"}.glyphicons-riflescope:before{content:"\E378"}.glyphicons-electrical-socket-eu:before{content:"\E379"}.glyphicons-electrical-socket-us:before{content:"\E380"}.glyphicons-message-forward:before{content:"\E381"}.glyphicons-coat-hanger:before{content:"\E382"}.glyphicons-dress:before{content:"\E383"}.glyphicons-bathrobe:before{content:"\E384"}.glyphicons-shirt:before{content:"\E385"}.glyphicons-underwear:before{content:"\E386"}.glyphicons-log-in:before{content:"\E387"}.glyphicons-log-out:before{content:"\E388"}.glyphicons-exit:before{content:"\E389"}.glyphicons-new-window-alt:before{content:"\E390"}.glyphicons-video-sd:before{content:"\E391"}.glyphicons-video-hd:before{content:"\E392"}.glyphicons-subtitles:before{content:"\E393"}.glyphicons-sound-stereo:before{content:"\E394"}.glyphicons-sound-dolby:before{content:"\E395"}.glyphicons-sound-5-1:before{content:"\E396"}.glyphicons-sound-6-1:before{content:"\E397"}.glyphicons-sound-7-1:before{content:"\E398"}.glyphicons-copyright-mark:before{content:"\E399"}.glyphicons-registration-mark:before{content:"\E400"}.glyphicons-radar:before{content:"\E401"}.glyphicons-skateboard:before{content:"\E402"}.glyphicons-golf-course:before{content:"\E403"}.glyphicons-sorting:before{content:"\E404"}.glyphicons-sort-by-alphabet:before{content:"\E405"}.glyphicons-sort-by-alphabet-alt:before{content:"\E406"}.glyphicons-sort-by-order:before{content:"\E407"}.glyphicons-sort-by-order-alt:before{content:"\E408"}.glyphicons-sort-by-attributes:before{content:"\E409"}.glyphicons-sort-by-attributes-alt:before{content:"\E410"}.glyphicons-compressed:before{content:"\E411"}.glyphicons-package:before{content:"\E412"}.glyphicons-cloud-plus:before{content:"\E413"}.glyphicons-cloud-minus:before{content:"\E414"}.glyphicons-disk-save:before{content:"\E415"}.glyphicons-disk-open:before{content:"\E416"}.glyphicons-disk-saved:before{content:"\E417"}.glyphicons-disk-remove:before{content:"\E418"}.glyphicons-disk-import:before{content:"\E419"}.glyphicons-disk-export:before{content:"\E420"}.glyphicons-tower:before{content:"\E421"}.glyphicons-send:before{content:"\E422"}.glyphicons-git-branch:before{content:"\E423"}.glyphicons-git-create:before{content:"\E424"}.glyphicons-git-private:before{content:"\E425"}.glyphicons-git-delete:before{content:"\E426"}.glyphicons-git-merge:before{content:"\E427"}.glyphicons-git-pull-request:before{content:"\E428"}.glyphicons-git-compare:before{content:"\E429"}.glyphicons-git-commit:before{content:"\E430"}.glyphicons-construction-cone:before{content:"\E431"}.glyphicons-shoe-steps:before{content:"\E432"}.glyphicons-plus:before{content:"\E433"}.glyphicons-minus:before{content:"\E434"}.glyphicons-redo:before{content:"\E435"}.glyphicons-undo:before{content:"\E436"}.glyphicons-golf:before{content:"\E437"}.glyphicons-hockey:before{content:"\E438"}.glyphicons-pipe:before{content:"\E439"}.glyphicons-wrench:before{content:"\E440"}.glyphicons-folder-closed:before{content:"\E441"}.glyphicons-phone-alt:before{content:"\E442"}.glyphicons-earphone:before{content:"\E443"}.glyphicons-floppy-disk:before{content:"\E444"}.glyphicons-floppy-saved:before{content:"\E445"}.glyphicons-floppy-remove:before{content:"\E446"}.glyphicons-floppy-save:before{content:"\E447"}.glyphicons-floppy-open:before{content:"\E448"}.glyphicons-translate:before{content:"\E449"}.glyphicons-fax:before{content:"\E450"}.glyphicons-factory:before{content:"\E451"}.glyphicons-shop-window:before{content:"\E452"}.glyphicons-shop:before{content:"\E453"}.glyphicons-kiosk:before{content:"\E454"}.glyphicons-kiosk-wheels:before{content:"\E455"}.glyphicons-kiosk-light:before{content:"\E456"}.glyphicons-kiosk-food:before{content:"\E457"}.glyphicons-transfer:before{content:"\E458"}.glyphicons-money:before{content:"\E459"}.glyphicons-header:before{content:"\E460"}.glyphicons-blacksmith:before{content:"\E461"}.glyphicons-saw-blade:before{content:"\E462"}.glyphicons-basketball:before{content:"\E463"}.glyphicons-server:before{content:"\E464"}.glyphicons-server-plus:before{content:"\E465"}.glyphicons-server-minus:before{content:"\E466"}.glyphicons-server-ban:before{content:"\E467"}.glyphicons-server-flag:before{content:"\E468"}.glyphicons-server-lock:before{content:"\E469"}.glyphicons-server-new:before{content:"\E470"}.glyphicons-charging-station:before{content:"\E471"}.glyphicons-gas-station:before{content:"\E472"}.glyphicons-target:before{content:"\E473"}.glyphicons-bed:before{content:"\E474"}.glyphicons-mosquito:before{content:"\E475"}.glyphicons-dining-set:before{content:"\E476"}.glyphicons-plate-of-food:before{content:"\E477"}.glyphicons-hygiene-kit:before{content:"\E478"}.glyphicons-blackboard:before{content:"\E479"}.glyphicons-marriage:before{content:"\E480"}.glyphicons-bucket:before{content:"\E481"}.glyphicons-none-color-swatch:before{content:"\E482"}.glyphicons-bring-forward:before{content:"\E483"}.glyphicons-bring-to-front:before{content:"\E484"}.glyphicons-send-backward:before{content:"\E485"}.glyphicons-send-to-back:before{content:"\E486"}.glyphicons-fit-frame-to-image:before{content:"\E487"}.glyphicons-fit-image-to-frame:before{content:"\E488"}.glyphicons-multiple-displays:before{content:"\E489"}.glyphicons-handshake:before{content:"\E490"}.glyphicons-child:before{content:"\E491"}.glyphicons-baby-formula:before{content:"\E492"}.glyphicons-medicine:before{content:"\E493"}.glyphicons-atv-vehicle:before{content:"\E494"}.glyphicons-motorcycle:before{content:"\E495"}.glyphicons-bed-alt:before{content:"\E496"}.glyphicons-tent:before{content:"\E497"}.glyphicons-glasses:before{content:"\E498"}.glyphicons-sunglasses:before{content:"\E499"}.glyphicons-family:before{content:"\E500"}.glyphicons-education:before{content:"\E501"}.glyphicons-shoes:before{content:"\E502"}.glyphicons-map:before{content:"\E503"}.glyphicons-cd:before{content:"\E504"}.glyphicons-alert:before{content:"\E505"}.glyphicons-piggy-bank:before{content:"\E506"}.glyphicons-star-half:before{content:"\E507"}.glyphicons-cluster:before{content:"\E508"}.glyphicons-flowchart:before{content:"\E509"}.glyphicons-commodities:before{content:"\E510"}.glyphicons-duplicate:before{content:"\E511"}.glyphicons-copy:before{content:"\E512"}.glyphicons-paste:before{content:"\E513"}.glyphicons-bath-bathtub:before{content:"\E514"}.glyphicons-bath-shower:before{content:"\E515"}.glyphicons-shower:before{content:"\E516"}.glyphicons-menu-hamburger:before{content:"\E517"}.glyphicons-option-vertical:before{content:"\E518"}.glyphicons-option-horizontal:before{content:"\E519"}.glyphicons-currency-conversion:before{content:"\E520"}.glyphicons-user-ban:before{content:"\E521"}.glyphicons-user-lock:before{content:"\E522"}.glyphicons-user-flag:before{content:"\E523"}.glyphicons-user-asterisk:before{content:"\E524"}.glyphicons-user-alert:before{content:"\E525"}.glyphicons-user-key:before{content:"\E526"}.glyphicons-user-conversation:before{content:"\E527"}.glyphicons-database:before{content:"\E528"}.glyphicons-database-search:before{content:"\E529"}.glyphicons-list-alt:before{content:"\E530"}.glyphicons-hazard-sign:before{content:"\E531"}.glyphicons-hazard:before{content:"\E532"}.glyphicons-stop-sign:before{content:"\E533"}.glyphicons-lab:before{content:"\E534"}.glyphicons-lab-alt:before{content:"\E535"}.glyphicons-ice-cream:before{content:"\E536"}.glyphicons-ice-lolly:before{content:"\E537"}.glyphicons-ice-lolly-tasted:before{content:"\E538"}.glyphicons-invoice:before{content:"\E539"}.glyphicons-cart-tick:before{content:"\E540"}.glyphicons-hourglass:before{content:"\E541"}.glyphicons-cat:before{content:"\E542"}.glyphicons-lamp:before{content:"\E543"}.glyphicons-scale-classic:before{content:"\E544"}.glyphicons-eye-plus:before{content:"\E545"}.glyphicons-eye-minus:before{content:"\E546"}.glyphicons-quote:before{content:"\E547"}.glyphicons-bitcoin:before{content:"\E548"}.glyphicons-yen:before{content:"\E549"}.glyphicons-ruble:before{content:"\E550"}.glyphicons-erase:before{content:"\E551"}.glyphicons-podcast:before{content:"\E552"}.glyphicons-firework:before{content:"\E553"}.glyphicons-scale:before{content:"\E554"}.glyphicons-king:before{content:"\E555"}.glyphicons-queen:before{content:"\E556"}.glyphicons-pawn:before{content:"\E557"}.glyphicons-bishop:before{content:"\E558"}.glyphicons-knight:before{content:"\E559"}.glyphicons-mic-mute:before{content:"\E560"}.glyphicons-voicemail:before{content:"\E561"}.glyphicons-paragraph-alt:before{content:"\E562"}.glyphicons-person-walking:before{content:"\E563"}.glyphicons-person-wheelchair:before{content:"\E564"}.glyphicons-underground:before{content:"\E565"}.glyphicons-car-hov:before{content:"\E566"}.glyphicons-car-rental:before{content:"\E567"}.glyphicons-transport:before{content:"\E568"}.glyphicons-taxi:before{content:"\E569"}.glyphicons-ice-cream-no:before{content:"\E570"}.glyphicons-uk-rat-u:before{content:"\E571"}.glyphicons-uk-rat-pg:before{content:"\E572"}.glyphicons-uk-rat-12a:before{content:"\E573"}.glyphicons-uk-rat-12:before{content:"\E574"}.glyphicons-uk-rat-15:before{content:"\E575"}.glyphicons-uk-rat-18:before{content:"\E576"}.glyphicons-uk-rat-r18:before{content:"\E577"}.glyphicons-tv:before{content:"\E578"}.glyphicons-sms:before{content:"\E579"}.glyphicons-mms:before{content:"\E580"}.glyphicons-us-rat-g:before{content:"\E581"}.glyphicons-us-rat-pg:before{content:"\E582"}.glyphicons-us-rat-pg-13:before{content:"\E583"}.glyphicons-us-rat-restricted:before{content:"\E584"}.glyphicons-us-rat-no-one-17:before{content:"\E585"}.glyphicons-equalizer:before{content:"\E586"}.glyphicons-speakers:before{content:"\E587"}.glyphicons-remote-control:before{content:"\E588"}.glyphicons-remote-control-tv:before{content:"\E589"}.glyphicons-shredder:before{content:"\E590"}.glyphicons-folder-heart:before{content:"\E591"}.glyphicons-person-running:before{content:"\E592"}.glyphicons-person:before{content:"\E593"}.glyphicons-voice:before{content:"\E594"}.glyphicons-stethoscope:before{content:"\E595"}.glyphicons-paired:before{content:"\E596"}.glyphicons-activity:before{content:"\E597"}.glyphicons-watch:before{content:"\E598"}.glyphicons-scissors-alt:before{content:"\E599"}.glyphicons-car-wheel:before{content:"\E600"}.glyphicons-chevron-up:before{content:"\E601"}.glyphicons-chevron-down:before{content:"\E602"}.glyphicons-superscript:before{content:"\E603"}.glyphicons-subscript:before{content:"\E604"}.glyphicons-text-size:before{content:"\E605"}.glyphicons-text-color:before{content:"\E606"}.glyphicons-text-background:before{content:"\E607"}.glyphicons-modal-window:before{content:"\E608"}.glyphicons-newspaper:before{content:"\E609"}.glyphicons-tractor:before{content:"\E610"}.glyphicons-camping:before{content:"\E611"}.glyphicons-camping-benches:before{content:"\E612"}.glyphicons-forest:before{content:"\E613"}.glyphicons-park:before{content:"\E614"}.glyphicons-field:before{content:"\E615"}.glyphicons-mountains:before{content:"\E616"}.glyphicons-fees-payments:before{content:"\E617"}.glyphicons-small-payments:before{content:"\E618"}.glyphicons-mixed-buildings:before{content:"\E619"}.glyphicons-industrial-zone:before{content:"\E620"}.glyphicons-visitor-tag:before{content:"\E621"}.glyphicons-businessman:before{content:"\E622"}.glyphicons-meditation:before{content:"\E623"}.glyphicons-bath:before{content:"\E624"}.glyphicons-donate:before{content:"\E625"}.glyphicons-sauna:before{content:"\E626"}.glyphicons-bedroom-nightstand:before{content:"\E627"}.glyphicons-bedroom-lamp:before{content:"\E628"}.glyphicons-doctor:before{content:"\E629"}.glyphicons-engineering-networks:before{content:"\E630"}.glyphicons-washing-machine:before{content:"\E631"}.glyphicons-dryer:before{content:"\E632"}.glyphicons-dishwasher:before{content:"\E633"}.glyphicons-luggage-group:before{content:"\E634"}.glyphicons-teenager:before{content:"\E635"}.glyphicons-person-stick:before{content:"\E636"}.glyphicons-person-stick-old:before{content:"\E637"}.glyphicons-traveler:before{content:"\E638"}.glyphicons-veteran:before{content:"\E639"}.glyphicons-group-chat:before{content:"\E640"}.glyphicons-elections:before{content:"\E641"}.glyphicons-law-justice:before{content:"\E642"}.glyphicons-judiciary:before{content:"\E643"}.glyphicons-house-fire:before{content:"\E644"}.glyphicons-firefighters:before{content:"\E645"}.glyphicons-police:before{content:"\E646"}.glyphicons-ambulance:before{content:"\E647"}.glyphicons-light-beacon:before{content:"\E648"}.glyphicons-important-day:before{content:"\E649"}.glyphicons-bike-park:before{content:"\E650"}.glyphicons-object-align-top:before{content:"\E651"}.glyphicons-object-align-bottom:before{content:"\E652"}.glyphicons-object-align-horizontal:before{content:"\E653"}.glyphicons-object-align-left:before{content:"\E654"}.glyphicons-object-align-vertical:before{content:"\E655"}.glyphicons-object-align-right:before{content:"\E656"}.glyphicons-reflect-y:before{content:"\E657"}.glyphicons-reflect-x:before{content:"\E658"}.glyphicons-tick:before{content:"\E659"}.glyphicons-lawnmower:before{content:"\E660"}.glyphicons-call-redirect:before{content:"\E661"}.glyphicons-call-ip:before{content:"\E662"}.glyphicons-call-record:before{content:"\E663"}.glyphicons-call-ringtone:before{content:"\E664"}.glyphicons-call-traffic:before{content:"\E665"}.glyphicons-call-hold:before{content:"\E666"}.glyphicons-call-incoming:before{content:"\E667"}.glyphicons-call-outgoing:before{content:"\E668"}.glyphicons-call-video:before{content:"\E669"}.glyphicons-call-missed:before{content:"\E670"}.glyphicons-theater:before{content:"\E671"}.glyphicons-heartbeat:before{content:"\E672"}.glyphicons-kettlebell:before{content:"\E673"}.glyphicons-fireplace:before{content:"\E674"}.glyphicons-street-lights:before{content:"\E675"}.glyphicons-pedestrian:before{content:"\E676"}.glyphicons-flood:before{content:"\E677"}.glyphicons-open-water:before{content:"\E678"}.glyphicons-for-sale:before{content:"\E679"}.glyphicons-dustbin:before{content:"\E680"}.glyphicons-door:before{content:"\E681"}.glyphicons-camp-fire:before{content:"\E682"}.glyphicons-fleur-de-lis:before{content:"\E683"}.glyphicons-temperature-settings:before{content:"\E684"}.glyphicons-article:before{content:"\E685"}.glyphicons-sunbath:before{content:"\E686"}.glyphicons-balanced-diet:before{content:"\E687"}.glyphicons-ticket:before{content:"\E688"}.glyphicons-parking-ticket:before{content:"\E689"}.glyphicons-parking-meter:before{content:"\E690"}.glyphicons-laptop:before{content:"\E691"}.glyphicons-tree-structure:before{content:"\E692"}.glyphicons-weather-warning:before{content:"\E693"}.glyphicons-temperature-low:before{content:"\E694"}.glyphicons-temperature-high:before{content:"\E695"}.glyphicons-temperature-low-warning:before{content:"\E696"}.glyphicons-temperature-high-warning:before{content:"\E697"}.glyphicons-hurricane:before{content:"\E698"}.glyphicons-storm:before{content:"\E699"}.glyphicons-sorted-waste:before{content:"\E700"}.glyphicons-ear:before{content:"\E701"}.glyphicons-ear-deaf:before{content:"\E702"}.glyphicons-file-plus:before{content:"\E703"}.glyphicons-file-minus:before{content:"\E704"}.glyphicons-file-lock:before{content:"\E705"}.glyphicons-file-cloud:before{content:"\E706"}.glyphicons-file-cloud-download:before{content:"\E707"}.glyphicons-file-cloud-upload:before{content:"\E708"}.glyphicons-paragraph:before{content:"\E709"}.glyphicons-list-numbered:before{content:"\E710"}.glyphicons-donate-heart:before{content:"\E711"}.glyphicons-government:before{content:"\E712"}.glyphicons-maze:before{content:"\E713"}.glyphicons-chronicle:before{content:"\E714"}.glyphicons-user-structure:before{content:"\E715"}.glyphicons-recycle:before{content:"\E716"}.glyphicons-gas:before{content:"\E717"}.glyphicons-waste-pipe:before{content:"\E718"}.glyphicons-water-pipe:before{content:"\E719"}.glyphicons-parking:before{content:"\E720"}.glyphicons-closed:before{content:"\E721"}.glyphicons-mouse:before{content:"\E722"}.glyphicons-mouse-double-click:before{content:"\E723"}.glyphicons-mouse-left-click:before{content:"\E724"}.glyphicons-mouse-right-click:before{content:"\E725"}.glyphicons-mouse-middle-click:before{content:"\E726"}.glyphicons-mouse-scroll:before{content:"\E727"}.glyphicons-resize-vertical:before{content:"\E728"}.glyphicons-resize-horizontal:before{content:"\E729"}.glyphicons-temperature:before{content:"\E730"}.glyphicons-puzzle:before{content:"\E731"}.glyphicons-puzzle-2:before{content:"\E732"}.glyphicons-puzzle-3:before{content:"\E733"}.glyphicons-nearby-square:before{content:"\E734"}.glyphicons-nearby-circle:before{content:"\E735"}.glyphicons-rotate-right:before{content:"\E736"}.glyphicons-rotate-left:before{content:"\E737"}.glyphicons-pictures:before{content:"\E738"}.glyphicons-photo-album:before{content:"\E739"}.glyphicons-cadastral-map:before{content:"\E740"}.glyphicons-fingerprint-scan:before{content:"\E741"}.glyphicons-fingerprint:before{content:"\E742"}.glyphicons-fingerprint-lock:before{content:"\E743"}.glyphicons-fingerprint-ok:before{content:"\E744"}.glyphicons-fingerprint-remove:before{content:"\E745"}.glyphicons-fingerprint-reload:before{content:"\E746"}.glyphicons-pending-notifications:before{content:"\E747"}.glyphicons-synchronization:before{content:"\E748"}.glyphicons-synchronization-ban:before{content:"\E749"}.glyphicons-hash:before{content:"\E750"}.glyphicons-gender-male:before{content:"\E751"}.glyphicons-gender-female:before{content:"\E752"}.glyphicons-gender-virgin-female:before{content:"\E753"}.glyphicons-gender-intersex:before{content:"\E754"}.glyphicons-gender-transgender:before{content:"\E755"}.glyphicons-gender-ori-lesbian:before{content:"\E756"}.glyphicons-gender-ori-gay:before{content:"\E757"}.glyphicons-gender-ori-hetero:before{content:"\E758"}.glyphicons-gender-other:before{content:"\E759"}.glyphicons-gender-unknown:before{content:"\E760"}.glyphicons-scanner:before{content:"\E761"}.glyphicons-multifunction-printer:before{content:"\E762"}.glyphicons-lasso:before{content:"\E763"}.glyphicons-view-360:before{content:"\E764"}.glyphicons-battery-charging:before{content:"\E765"}.glyphicons-battery-full:before{content:"\E766"}.glyphicons-battery-75:before{content:"\E767"}.glyphicons-battery-50:before{content:"\E768"}.glyphicons-battery-25:before{content:"\E769"}.glyphicons-battery-10:before{content:"\E770"}.glyphicons-satellite:before{content:"\E771"}.glyphicons-satellite-dish:before{content:"\E772"}.glyphicons-satellite-dish-alt:before{content:"\E773"}.glyphicons-auction:before{content:"\E774"}.glyphicons-directions:before{content:"\E775"}.glyphicons-race:before{content:"\E776"}.glyphicons-robot:before{content:"\E777"}.glyphicons-ruler-alt:before{content:"\E778"}.glyphicons-cube-empty:before{content:"\E779"}.glyphicons-cube-black:before{content:"\E780"}.glyphicons-move-square:before{content:"\E781"}.glyphicons-drop:before{content:"\E782"}.glyphicons-vr-headset:before{content:"\E783"}.glyphicons-vr-charging:before{content:"\E784"}.glyphicons-vr-low-battery:before{content:"\E785"}.glyphicons-vr-paired:before{content:"\E786"}.glyphicons-vr-settings:before{content:"\E787"}.glyphicons-vr-maintenance:before{content:"\E788"}.glyphicons-filter-remove:before{content:"\E789"}.glyphicons-filter-applied:before{content:"\E790"}.glyphicons-one-day:before{content:"\E791"}.glyphicons-user-vr:before{content:"\E792"}.glyphicons-user-vr-add:before{content:"\E793"}.glyphicons-user-vr-remove:before{content:"\E794"}.glyphicons-dice-1:before{content:"\E795"}.glyphicons-dice-2:before{content:"\E796"}.glyphicons-dice-3:before{content:"\E797"}.glyphicons-dice-4:before{content:"\E798"}.glyphicons-dice-5:before{content:"\E799"}.glyphicons-dice-6:before{content:"\E800"}
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */.sceditor-button div,div.sceditor-grip{background-image:url(famfamfam.png);background-repeat:no-repeat;width:16px;height:16px}.sceditor-button-youtube div{background-position:0 0}.sceditor-button-link div{background-position:0 -16px}.sceditor-button-unlink div{background-position:0 -32px}.sceditor-button-underline div{background-position:0 -48px}.sceditor-button-time div{background-position:0 -64px}.sceditor-button-table div{background-position:0 -80px}.sceditor-button-superscript div{background-position:0 -96px}.sceditor-button-subscript div{background-position:0 -112px}.sceditor-button-strike div{background-position:0 -128px}.sceditor-button-source div{background-position:0 -144px}.sceditor-button-size div{background-position:0 -160px}.sceditor-button-rtl div{background-position:0 -176px}.sceditor-button-right div{background-position:0 -192px}.sceditor-button-removeformat div{background-position:0 -208px}.sceditor-button-quote div{background-position:0 -224px}.sceditor-button-print div{background-position:0 -240px}.sceditor-button-pastetext div{background-position:0 -256px}.sceditor-button-paste div{background-position:0 -272px}.sceditor-button-outdent div{background-position:0 -288px}.sceditor-button-orderedlist div{background-position:0 -304px}.sceditor-button-maximize div{background-position:0 -320px}.sceditor-button-ltr div{background-position:0 -336px}.sceditor-button-left div{background-position:0 -352px}.sceditor-button-justify div{background-position:0 -368px}.sceditor-button-italic div{background-position:0 -384px}.sceditor-button-indent div{background-position:0 -400px}.sceditor-button-image div{background-position:0 -416px}.sceditor-button-horizontalrule div{background-position:0 -432px}.sceditor-button-format div{background-position:0 -448px}.sceditor-button-font div{background-position:0 -464px}.sceditor-button-emoticon div{background-position:0 -480px}.sceditor-button-email div{background-position:0 -496px}.sceditor-button-date div{background-position:0 -512px}.sceditor-button-cut div{background-position:0 -528px}.sceditor-button-copy div{background-position:0 -544px}.sceditor-button-color div{background-position:0 -560px}.sceditor-button-code div{background-position:0 -576px}.sceditor-button-center div{background-position:0 -592px}.sceditor-button-bulletlist div{background-position:0 -608px}.sceditor-button-bold div{background-position:0 -624px}div.sceditor-grip{background-position:0 -640px}.rtl div.sceditor-grip{background-position:0 -650px;width:10px;height:10px}.sceditor-container{position:relative;background:#fff;border:1px solid #d9d9d9;font-size:13px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#222;line-height:1;font-weight:700;border-radius:4px;background-clip:padding-box}.sceditor-container *,.sceditor-container :after,.sceditor-container :before{box-sizing:content-box}.sceditor-container,.sceditor-container div,div.sceditor-dropdown,div.sceditor-dropdown div{padding:0;margin:0;z-index:3}.sceditor-container iframe,.sceditor-container textarea{line-height:1;border:0;outline:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;color:#111;padding:0;margin:5px;resize:none;background:#fff;display:block}div.sceditor-resize-cover{position:absolute;top:0;left:0;background:#000;width:100%;height:100%;z-index:10;opacity:.3}.ie6 div.sceditor-resize-cover,.ie7 div.sceditor-resize-cover,.ie8 div.sceditor-resize-cover{background:#efefef}.sceditor-container.ie6{overflow:hidden}div.sceditor-grip{overflow:hidden;width:10px;height:10px;cursor:pointer;position:absolute;bottom:0;right:0;z-index:3}.sceditor-maximize{position:fixed;top:0;left:0;height:100%!important;width:100%!important;border-radius:0;background-clip:padding-box;z-index:2000}body.sceditor-maximize,html.sceditor-maximize{height:100%;width:100%;padding:0;margin:0;overflow:hidden}.ie6.sceditor-maximize{position:absolute}.sceditor-maximize div.sceditor-grip{display:none}.sceditor-maximize div.sceditor-toolbar{border-radius:0;background-clip:padding-box}div.sceditor-dropdown{position:absolute;border:1px solid #ccc;background:#fff;color:#333;z-index:4000;padding:10px;line-height:1;border-radius:2px;background-clip:padding-box;box-shadow:1px 2px 4px rgba(0,0,0,.2)}div.sceditor-dropdown a,div.sceditor-dropdown a:link{color:#333}div.sceditor-dropdown form{margin:0}div.sceditor-dropdown label{display:block;font-weight:700;color:#3c3c3c;padding:4px 0}div.sceditor-dropdown input,div.sceditor-dropdown textarea{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;outline:0;padding:4px;border:1px solid #ccc;border-top-color:#888;margin:0 0 .75em;border-radius:1px;background-clip:padding-box}div.sceditor-dropdown textarea{padding:6px}div.sceditor-dropdown input:focus,div.sceditor-dropdown textarea:focus{border-color:#666 #aaa #aaa;box-shadow:inset 0 1px 5px rgba(0,0,0,.1)}div.sceditor-dropdown .button{font-weight:700;color:#444;padding:6px 12px;background:#ececec;border:1px solid #ccc;border-radius:2px;background-clip:padding-box;cursor:pointer;margin:.3em 0 0}div.sceditor-dropdown .button:hover{background:#f3f3f3;box-shadow:0 1px 1px rgba(0,0,0,.15)}div.sceditor-font-picker,div.sceditor-fontsize-picker,div.sceditor-format{padding:6px 0}div.sceditor-color-picker,div.sceditor-emoticons,div.sceditor-more-emoticons{padding:0}.sceditor-pastetext textarea{border:1px solid #bbb;width:20em}.sceditor-emoticons img,.sceditor-more-emoticons img{padding:0;cursor:pointer;margin:2px}.sceditor-more{border-top:1px solid #bbb;display:block;text-align:center;cursor:pointer;font-weight:700;padding:6px 0}.sceditor-dropdown a:hover{background:#eee}.sceditor-font-option,.sceditor-fontsize-option,.sceditor-format a{display:block;padding:7px 10px;cursor:pointer;text-decoration:none;color:#222}.sceditor-fontsize-option{padding:7px 13px}.sceditor-color-column{float:left}.sceditor-color-option{display:block;border:1px solid #fff;height:10px;width:10px;overflow:hidden}.sceditor-color-option:hover{border:1px solid #333}div.sceditor-toolbar{overflow:hidden;padding:3px 5px 2px;background:#f7f7f7;border-bottom:1px solid silver;line-height:0;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px 3px 0 0;background-clip:padding-box}div.sceditor-group{display:inline-block;background:#ddd;margin:1px 5px 1px 0;padding:1px;border-bottom:1px solid #aaa;border-radius:3px;background-clip:padding-box}.ie6 div.sceditor-group,.ie7 div.sceditor-group{display:inline;zoom:1}.sceditor-button{float:left;cursor:pointer;padding:3px 5px;width:16px;height:20px;border-radius:3px;background-clip:padding-box;text-indent:-9999px}.ie .sceditor-button{text-indent:0}.ie6 .sceditor-button,.ie7 .sceditor-button{float:none!important;display:inline;zoom:1}.ie6 .sceditor-button{padding:0}.ie6 .sceditor-button div{margin:5px}.ie7 .sceditor-button div{margin:5px 0}.sceditor-button.active,.sceditor-button:active,.sceditor-button:hover{background:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.3),inset -1px 0 rgba(0,0,0,.3),inset 0 -1px 0 rgba(0,0,0,.2)}.sceditor-button:active{background:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.3),inset -1px 0 rgba(0,0,0,.3),inset 0 -1px 0 rgba(0,0,0,.2),inset 0 0 8px rgba(0,0,0,.3)}.sceditor-button.disabled:hover{background:inherit;cursor:default;box-shadow:none}.sceditor-button,.sceditor-button div{display:block}.sceditor-button div{margin:2px 0;padding:0;overflow:hidden;line-height:0;font-size:0;color:transparent}.sceditor-button.disabled div{filter:alpha(opacity=30);opacity:.3}.sceditor-button.text,.sceditor-button.text div,.sceditor-button.text-icon,.sceditor-button.text-icon div,.text .sceditor-button,.text .sceditor-button div,.text-icon .sceditor-button,.text-icon .sceditor-button div{width:auto;overflow:visible;line-height:16px;font-size:1em;color:inherit;text-indent:0}.sceditor-button.text div,.text .sceditor-button div{padding:0 2px;background:0 0}.sceditor-button.text-icon div,.text-icon .sceditor-button div{padding:0 2px 0 20px}.rtl div.sceditor-toolbar{text-align:right}.rtl .sceditor-button{float:right}.rtl div.sceditor-grip{right:auto;left:0}
@charset "UTF-8";
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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-color: transparent; }

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline 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 {
  box-sizing: content-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;
  box-sizing: content-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; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

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

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

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

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

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

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

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: 700; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " "; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: "\2014 \00A0"; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ""; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: "\00A0 \2014"; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .container:before, .container:after {
    display: table;
    content: " "; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .container-fluid:before, .container-fluid:after {
    display: table;
    content: " "; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-right: -15px;
  margin-left: -15px; }
  .row:before, .row:after {
    display: table;
    content: " "; }
  .row:after {
    clear: both; }

.row-no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }
  table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none; }
  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

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

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
  input[type="radio"][disabled], input[type="radio"].disabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled,
  fieldset[disabled]
  input[type="checkbox"] {
    cursor: not-allowed; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio.disabled label,
  fieldset[disabled] .radio label,
  .checkbox.disabled label,
  fieldset[disabled]
  .checkbox label {
    cursor: not-allowed; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer; }
  .radio-inline.disabled,
  fieldset[disabled] .radio-inline,
  .checkbox-inline.disabled,
  fieldset[disabled]
  .checkbox-inline {
    cursor: not-allowed; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    display: table;
    content: " "; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

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

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    display: table;
    content: " "; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " "; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .nav:before, .nav:after {
    display: table;
    content: " "; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      cursor: default;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      margin-bottom: 5px;
      text-align: center; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    display: table;
    content: " "; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " "; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    display: table;
    content: " "; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px; }
    @media (max-device-width: 480px) and (orientation: landscape) {
      .navbar-fixed-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px; } }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      padding-top: 0;
      padding-bottom: 0;
      margin-right: 0;
      margin-left: 0;
      border: 0;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-right: 15px;
      margin-left: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #090909; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      padding: 0 5px;
      color: #ccc;
      content: "/ "; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd; }
      .pagination > li > a:hover, .pagination > li > a:focus,
      .pagination > li > span:hover,
      .pagination > li > span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eeeeee;
        border-color: #ddd; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none; }
  .pager:before, .pager:after {
    display: table;
    content: " "; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  padding-left: 0;
  margin-bottom: 20px; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #eeeeee; }
    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
      color: inherit; }
    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
      color: #777777; }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > .small {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
      color: #c7ddef; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    display: table;
    content: " "; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    display: table;
    content: " "; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    display: table;
    content: " "; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0; }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px; }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px; }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px; }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px; }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }
  .popover > .arrow {
    border-width: 11px; }
    .popover > .arrow, .popover > .arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
    .popover > .arrow:after {
      content: "";
      border-width: 10px; }
  .popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0; }
    .popover.top > .arrow:after {
      bottom: 1px;
      margin-left: -10px;
      content: " ";
      border-top-color: #fff;
      border-bottom-width: 0; }
  .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0; }
    .popover.right > .arrow:after {
      bottom: -10px;
      left: 1px;
      content: " ";
      border-right-color: #fff;
      border-left-width: 0; }
  .popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25); }
    .popover.bottom > .arrow:after {
      top: 1px;
      margin-left: -10px;
      content: " ";
      border-top-width: 0;
      border-bottom-color: #fff; }
  .popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25); }
    .popover.left > .arrow:after {
      right: 1px;
      bottom: -10px;
      content: " ";
      border-right-width: 0;
      border-left-color: #fff; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .item {
    position: relative;
    display: none;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent;
  filter: alpha(opacity=50);
  opacity: 0.5; }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x; }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x; }
  .carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev:before {
    content: "\2039"; }
  .carousel-control .icon-next:before {
    content: "\203a"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .nav:before, .pet-list:before, .item-list:before, .content:before, .user-list:before, .holding-pen:before, .quick-links:before, .clearfix:after, .nav:after, .pet-list:after, .item-list:after, .content:after, .user-list:after, .holding-pen:after, .quick-links:after {
  display: table;
  content: " "; }

.clearfix:after, .nav:after, .pet-list:after, .item-list:after, .content:after, .user-list:after, .holding-pen:after, .quick-links:after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/*
  _variables.scss
*/
/*
  Fonts
*/
/*
  Colors
*/
/*
  Break Points
*/
/* TODO: Overwrite default breakpoints */
/*
  _mixins.scss
*/
@font-face {
  font-family: 'Cardenio Modern Bold';
  src: url("/fonts/cardenio_modern_bold-webfont.woff2") format("woff2"), url("/fonts/cardenio_modern_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Pacifico';
  src: url("/fonts/Pacifico-Regular.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto-Bold.ttf");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto-Italic.ttf");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("/fonts/Roboto-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("/fonts/RobotoCondensed-Regular.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("/fonts/RobotoCondensed-Bold.ttf");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("/fonts/RobotoCondensed-Italic.ttf");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("/fonts/RobotoCondensed-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic; }

body {
  background: #eab490 url("/img/bg.jpg");
  font: 14px/1.5 "Roboto", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  padding-bottom: 120px;
  -webkit-font-smoothing: antialiased; }

p {
  margin: 0 0 20px; }

a {
  color: #e1ab87;
  text-decoration: none; }
  a:hover, a:focus, a:active {
    color: #e1ab87;
    text-decoration: none;
    outline: none; }

ul {
  padding: 0;
  margin: 0 0 20px; }
  ul li {
    margin-left: 0; }

hr {
  border-color: #e1ab87;
  margin: 0 0 24px; }

input[type="checkbox"] {
  cursor: pointer; }

/*
  _animations.scss
*/
.fadeOut {
  -webkit-animation: fadeOut 0.4s ease-in;
  animation: fadeOut 0.4s ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); } }

.bob {
  -webkit-animation: bob 0.8s infinite;
  animation: bob 0.8s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes bobSmall {
  0%, 50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  25% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  75% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; } }

@keyframes bobSmall {
  0%, 50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  25% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  75% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; } }

@-webkit-keyframes bob {
  0%, 50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; } }

@keyframes bob {
  0%, 50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; } }

@-webkit-keyframes bobLarge {
  0%, 50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  25% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  75% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; } }

@keyframes bobLarge {
  0%, 50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  25% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  75% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; } }

@-webkit-keyframes bubbles {
  0% {
    opacity: 0; }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1500%);
    transform: translate(0, -1500%); } }

@keyframes bubbles {
  0% {
    opacity: 0; }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1500%);
    transform: translate(0, -1500%); } }

@-webkit-keyframes shine {
  0% {
    left: -75px; }
  15% {
    left: 200px; }
  100% {
    left: 200px; } }

@keyframes shine {
  0% {
    left: -75px; }
  15% {
    left: 200px; }
  100% {
    left: 200px; } }

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

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

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); } }

@keyframes bounce {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); } }

@-webkit-keyframes bgLoad {
  0% {
    background-color: #ebebeb; }
  100% {
    background-color: #c1c1c1; } }

@keyframes bgLoad {
  0% {
    background-color: #ebebeb; }
  100% {
    background-color: #c1c1c1; } }

.apng {
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat; }

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.2s; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

/*
  #Typography
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font: 14px/1.5 "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87;
  font-weight: normal;
  margin: 0; }

h1 {
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 36px; }

h2 {
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 12px; }

h3 {
  font-size: 24px;
  margin-bottom: 12px; }

h4 {
  font-size: 19px;
  font-style: italic;
  color: #fff;
  margin-bottom: 6px; }

h5 {
  font-size: 18px;
  margin-bottom: 12px; }

.text-danger {
  color: #d43c23; }

.text-success {
  color: #68aa6d; }

.hl {
  color: #eab490; }
  .hl.red {
    color: #d43c23; }
  h2 .hl {
    color: #b98c75; }

.text-trade, .text-charm {
  color: #8dc63f !important; }

.text-auction {
  color: #ff7b7b !important; }

.text-sale, .text-comprehension {
  color: #5dd0d1 !important; }

.text-honour {
  color: #e54b4b !important; }

.text-tenacity {
  color: #ea9a00 !important; }

.text-bronze {
  color: #b48e6b !important; }

.text-silver {
  color: #b7b7b7 !important; }

.text-gold {
  color: #e8b611 !important; }

.text-black {
  color: #555 !important; }

.avatar-wrapper {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 325px; }
  .avatar-wrapper .avatar-image, .avatar-wrapper .apng, .avatar-wrapper .clothing-back, .avatar-wrapper .clothing-front {
    position: absolute;
    top: 0px;
    left: 0px; }
  .avatar-wrapper .avatar-image {
    z-index: 1; }
  .avatar-wrapper .clothing-back {
    z-index: 0; }
  .avatar-wrapper .clothing-front {
    z-index: 2; }
  .avatar-wrapper .apng.back {
    z-index: 0; }
  .avatar-wrapper .apng.front {
    z-index: 2; }

.badge {
  background: #e8b492; }

.btn {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  background: none;
  border: 0;
  color: #e1ab87; }
  .btn:hover, .btn:focus, .btn:active {
    color: #fff;
    outline: none; }
  .btn.btn-lg, .btn-group-lg > .btn {
    font-size: 48px;
    font-weight: bold; }
  .btn.btn-primary {
    background: #fff;
    font-weight: bold; }
    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
      color: #e1ab87;
      background: #fce0bd; }
  .btn.btn-link {
    height: 31px;
    color: #e1ab87;
    font-weight: bold;
    line-height: 1.2;
    border: 2px solid #e1ab87;
    border-radius: 4px; }
    .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active {
      color: #fff;
      text-decoration: none;
      background: #e1ab87; }
  .btn.btn-success {
    color: #fff;
    background: #9cbb58; }
  .btn.btn-danger {
    color: #fff;
    background: #d43c23; }
  .btn.btn-warning {
    color: #fff;
    background: #ea9a00; }
  .btn.btn-inline {
    padding: 0px 1em;
    height: 1.4em;
    font-size: 0.9em;
    border-radius: 0px;
    vertical-align: text-top; }
  .btn.btn-secondary {
    background: #efe7c0;
    font-weight: bold; }
    .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active {
      color: white;
      background: #cac2b6; }
  .btn.btn-link-reversed {
    height: 31px;
    color: white;
    background: #e1ab87;
    font-weight: bold;
    line-height: 1.2;
    border: 2px solid #e1ab87;
    border-radius: 4px; }
    .btn.btn-link-reversed:hover, .btn.btn-link-reversed:focus, .btn.btn-link-reversed:active {
      color: #e1ab87;
      text-decoration: none;
      border: 2px solid #e1ab87;
      background: none; }
  .btn.btn-trade, .btn.btn-auction, .btn.btn-sale {
    color: #fff;
    font-weight: bold; }
  .btn.btn-trade {
    background: #8dc63f; }
  .btn.btn-auction {
    background: #ff7b7b; }
  .btn.btn-sale {
    background: #5dd0d1; }
  .btn.btn-basic {
    background: #d8a481;
    color: #fff; }
    .btn.btn-basic:hover, .btn.btn-basic:focus, .btn.btn-basic:active, .btn.btn-basic:visited {
      color: #fff; }
  .btn.btn-outline {
    color: #fff;
    font-weight: bold;
    border: 3px solid #fff;
    border-radius: 8px;
    text-transform: none;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
    .btn.btn-outline:hover, .btn.btn-outline:link, .btn.btn-outline:visited {
      color: #fff; }
  .btn.btn-gradient {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    border-radius: 8px;
    line-height: 1em;
    padding: 2px 12px;
    font-size: 19px;
    border: 3px solid #fff;
    background-image: linear-gradient(to bottom, #f89027, #f2782d); }
    .btn.btn-gradient:active {
      background-image: linear-gradient(to top, #f89027, #f2782d); }
    .btn.btn-gradient:active, .btn.btn-gradient:hover, .btn.btn-gradient:link, .btn.btn-gradient:visited {
      color: #fff; }

.carousel {
  overflow: hidden;
  border-radius: 10px;
  background: #555;
  height: 207px; }
  .carousel .carousel-indicators {
    bottom: 0px; }
  .carousel .item {
    width: 100%;
    height: 207px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    opacity: 1; }
    .carousel .item img {
      min-width: 100%; }
  .carousel .carousel-control.left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: none; }
  .carousel .carousel-control.right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: none; }
  .carousel .fa-caret-left,
  .carousel .fa-caret-right {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    font-size: 50px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
  .carousel .fa-caret-left {
    left: 0; }
  .carousel .fa-caret-right {
    right: 0; }

#linkCarousel {
  background: transparent;
  height: 80px;
  margin-left: -35px;
  margin-right: -35px; }
  #linkCarousel .carousel-inner {
    width: 92%;
    margin: 0px auto;
    height: 70px;
    overflow: initial; }
    #linkCarousel .carousel-inner .item.prev.right, #linkCarousel .carousel-inner .item.next.left {
      display: -ms-flexbox;
      display: flex; }
    #linkCarousel .carousel-inner .item.active, #linkCarousel .carousel-inner .item.prev.right, #linkCarousel .carousel-inner .item.next.left {
      height: 70px;
      overflow: initial;
      margin-bottom: 10px; }
      #linkCarousel .carousel-inner .item.active.active, #linkCarousel .carousel-inner .item.prev.right.active, #linkCarousel .carousel-inner .item.next.left.active {
        display: -ms-flexbox;
        display: flex; }
      #linkCarousel .carousel-inner .item.active .link-banner, #linkCarousel .carousel-inner .item.prev.right .link-banner, #linkCarousel .carousel-inner .item.next.left .link-banner {
        display: block;
        width: 20%;
        margin: 0px 5px;
        height: 70px;
        position: relative; }
        #linkCarousel .carousel-inner .item.active .link-banner .link-banner-content, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-content, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-content {
          border-radius: 8px;
          background-color: #d8a481;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          padding: 10px;
          height: 70px;
          overflow: hidden; }
          #linkCarousel .carousel-inner .item.active .link-banner .link-banner-content .link-banner-image-wrapper, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-content .link-banner-image-wrapper, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-content .link-banner-image-wrapper {
            min-width: 50px;
            width: 50px;
            height: 50px;
            margin-right: 10px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center; }
            #linkCarousel .carousel-inner .item.active .link-banner .link-banner-content .link-banner-image-wrapper img, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-content .link-banner-image-wrapper img, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-content .link-banner-image-wrapper img {
              min-width: 0; }
          #linkCarousel .carousel-inner .item.active .link-banner .link-banner-content .link-banner-title, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-content .link-banner-title, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-content .link-banner-title {
            -ms-flex-positive: 1;
            flex-grow: 1;
            text-align: left;
            line-height: 1.3em; }
        #linkCarousel .carousel-inner .item.active .link-banner .link-banner-new, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-new, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-new {
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #d85d5d;
          background-color: #fff;
          border-radius: 6px;
          padding: 3px 5px;
          line-height: 1em;
          position: absolute;
          bottom: -10px;
          left: 20px;
          width: 40px; }
  #linkCarousel .carousel-control {
    width: 4%;
    text-shadow: none;
    opacity: 1;
    height: 70px; }

.form-control {
  background: #fff;
  border-color: #e1ab87;
  box-shadow: none; }

.form-group {
  margin-bottom: 25px; }

.input-group .form-control:first-child {
  border-right: 0; }

.input-group .form-control:last-child {
  border-left: 0; }

.input-group-addon {
  top: 0;
  background: #fff;
  color: #e1ab87;
  border-color: #e1ab87; }

.pet-form {
  width: 70%;
  margin: 0px auto 50px auto; }
  .pet-form .form-control:focus {
    border: 0px;
    box-shadow: none; }
  .pet-form label, .pet-form input, .pet-form select {
    display: inline-block;
    vertical-align: middle;
    border: 0px;
    margin-bottom: 0px; }
  .pet-form .form-group {
    margin-bottom: 0px; }
  .pet-form label {
    text-transform: uppercase;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 28px;
    line-height: 1.2em; }
  .pet-form input, .pet-form select, .pet-form .pet-submit {
    border-radius: 0; }
  .pet-form input, .pet-form select {
    padding: 0px 5px;
    line-height: 1em;
    height: 1.8em;
    font-size: 0.9em; }
    @media (min-width: 768px) {
      .pet-form input, .pet-form select {
        margin-left: 1em;
        width: 40%; } }
  .pet-form .pet-name > label {
    color: #555; }
  .pet-form .pet-submit {
    font-size: 2em;
    font-weight: bold;
    line-height: 1em;
    padding: px;
    height: initial;
    padding: 5px 15px;
    margin-top: 20px; }
  .pet-form .pet-habitat {
    margin: 0px;
    width: 100%; }

.captcha {
  text-align: center;
  background-color: #e8b492;
  border-radius: 10px;
  padding: 10px; }

.captcha .captcha-image img {
  border: 1px solid #b46347; }

.captcha .captcha-selection {
  padding: 10px;
  line-height: 0; }

.captcha .captcha-selection label {
  width: 50px;
  line-height: 0;
  margin: 0; }

.captcha .captcha-description {
  color: #b46347; }

.icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat; }
  .icon:before {
    content: attr(data-count);
    display: block;
    position: absolute;
    top: -10px;
    right: -12px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    background: #d43c23;
    border-radius: 50%;
    width: 20px;
    overflow: hidden; }
  .icon:hover:before {
    opacity: 1.0; }
  .icon.read:before {
    background: #ebebeb; }
  .icon.mail {
    width: 27px;
    height: 20px;
    background-position: 0 -150px; }
    .icon.mail:hover {
      opacity: 0.8;
      background-image: url("/img/spritesheet.png");
      background-position: 0 -150px; }
  .icon.exclamation-mark {
    width: 11px;
    height: 22px;
    background-position: -50px -150px; }
    .icon.exclamation-mark:hover {
      opacity: 0.8;
      background-image: url("/img/spritesheet.png");
      background-position: -50px -150px; }
  .icon.flag {
    width: 21px;
    height: 24px;
    background-position: -325px -150px; }
  .icon.potato {
    width: 16px;
    height: 17px;
    background-position: -100px -150px; }
    .icon.potato.large {
      width: 50px;
      height: 50px;
      background-position: -350px -150px; }
    .icon.potato.medium {
      width: 27px;
      height: 30px;
      background-position: 0px -275px; }
    .icon.potato.small {
      width: 18px;
      height: 19px;
      background-position: -125px -175px; }
    .icon.potato.stroke {
      width: 20px;
      height: 21px;
      background-position: -100px -175px; }
    .icon.potato.scaled {
      -webkit-transform: scale(0.75);
      transform: scale(0.75); }
  .icon.turnip {
    width: 17px;
    height: 19px;
    background-position: -150px -150px; }
    .icon.turnip.large {
      width: 50px;
      height: 50px;
      background-position: -400px -150px; }
    .icon.turnip.stroke {
      width: 21px;
      height: 22px;
      background-position: -150px -175px; }
    .icon.turnip.scaled {
      -webkit-transform: scale(0.75);
      transform: scale(0.75); }
  .icon.poll {
    width: 25px;
    height: 20px;
    background-position: -50px -175px; }
  .icon.dice {
    width: 21px;
    height: 20px;
    background-position: -75px -175px; }
  .icon.arrow-large {
    width: 50px;
    height: 50px;
    background-position: -350px -100px; }
  .icon.heart {
    width: 17px;
    height: 14px;
    background-position: -450px -175px; }
  .icon.checkmark {
    width: 20px;
    height: 16px;
    background-position: -200px -150px; }
  .icon.cross {
    width: 14px;
    height: 15px;
    background-position: -250px -150px; }
  .icon.human {
    width: 109px;
    height: 103px;
    background-image: url("/img/classes.png");
    background-position: 0 0; }
  .icon.animal {
    width: 110px;
    height: 102px;
    background-image: url("/img/classes.png");
    background-position: 0 -150px; }
  .icon.elven {
    width: 110px;
    height: 102px;
    background-image: url("/img/classes.png");
    background-position: -150px 0; }
  .icon.galactic {
    width: 106px;
    height: 99px;
    background-image: url("/img/classes.png");
    background-position: -150px -150px; }
  .icon.sun {
    width: 16px;
    height: 16px;
    background-image: url("/img/spritesheet.png");
    background-position: 0px -175px; }
  .icon.moon {
    width: 16px;
    height: 16px;
    background-image: url("/img/spritesheet.png");
    background-position: -25px -175px; }
  .icon.tenacity, .icon.tnc {
    width: 22px;
    height: 20px;
    background-image: url("/img/spritesheet.png");
    background-position: 0 -200px; }
  .icon.honour, .icon.hnr {
    width: 22px;
    height: 20px;
    background-image: url("/img/spritesheet.png");
    background-position: -50px -200px; }
  .icon.charm, .icon.crm {
    width: 22px;
    height: 20px;
    background-image: url("/img/spritesheet.png");
    background-position: -100px -200px; }
  .icon.comprehension, .icon.cmp {
    width: 22px;
    height: 20px;
    background-image: url("/img/spritesheet.png");
    background-position: -150px -200px; }
  .icon.luck, .icon.luk {
    width: 22px;
    height: 20px;
    background-image: url("/img/spritesheet.png");
    background-position: -200px -200px; }
  .icon.stat {
    width: 22px;
    height: 20px;
    background-image: url("/img/spritesheet.png");
    background-position: -200px -200px; }
  .icon.pencil {
    width: 50px;
    height: 50px;
    background-image: url("/img/pencil.png");
    background-size: 100% 100%;
    background-repeat: no-repeat; }
    .icon.pencil.small {
      width: 32px;
      height: 32px; }
  .icon.pet-pencil {
    width: 21px;
    height: 21px;
    background-position: -250px -200px; }
  .icon.pet-exclamation {
    width: 21px;
    height: 20px;
    background-position: -275px -200px; }
  .icon.pet-hammer {
    width: 21px;
    height: 21px;
    background-position: -300px -200px; }
  .icon.pet-delete {
    width: 20px;
    height: 21px;
    background-position: -325px -200px; }
  .icon.sparkle {
    width: 18px;
    height: 23px;
    background-position: -350px -200px; }
    .icon.sparkle.large {
      width: 27px;
      height: 35px;
      background-position: -125px -275px; }
  .icon.gift {
    width: 27px;
    height: 27px;
    background-position: -175px -275px; }
  .icon.user-message {
    width: 24px;
    height: 18px;
    background-position: -200px -175px; }
    .icon.user-message.grey {
      background-position: -225px -275px; }
  .icon.user-friend {
    width: 24px;
    height: 17px;
    background-position: -225px -175px; }
    .icon.user-friend.grey {
      background-position: -250px -275px; }
      .icon.user-friend.grey.liked {
        background-position: -250px -300px; }
  .icon.user-link {
    width: 24px;
    height: 19px;
    background-position: -250px -175px; }
    .icon.user-link.grey {
      background-position: -275px -275px; }
  .icon.user-topics {
    width: 24px;
    height: 19px;
    background-position: -275px -175px; }
    .icon.user-topics.grey {
      background-position: -300px -275px; }
  .icon.user-posts {
    width: 24px;
    height: 21px;
    background-position: -300px -175px; }
    .icon.user-posts.grey {
      background-position: -325px -275px; }
  .icon.user-menagerie {
    width: 24px;
    height: 19px;
    background-position: -325px -175px; }
  .icon.user-block {
    width: 24px;
    height: 20px;
    background-position: -425px -275px; }
  .icon.user-mute {
    width: 24px;
    height: 6px;
    background-position: -400px -275px; }
  .icon.pet-quest {
    width: 43px;
    height: 45px;
    background-position: -0px -225px; }
    .icon.pet-quest.disabled {
      background-position: -200px -225px; }
  .icon.pet-pat {
    width: 35px;
    height: 45px;
    background-position: -50px -225px; }
    .icon.pet-pat.disabled {
      background-position: -250px -225px; }
  .icon.pet-chat {
    width: 39px;
    height: 45px;
    background-position: -100px -225px; }
    .icon.pet-chat.disabled {
      background-position: -300px -225px; }
  .icon.pet-gift {
    width: 36px;
    height: 45px;
    background-position: -150px -225px; }
    .icon.pet-gift.disabled {
      background-position: -350px -225px; }
  .icon.pet-birthday {
    width: 42px;
    height: 41px;
    background-position: 0px -350px; }
    .icon.pet-birthday.disabled {
      background-position: -50px -350px; }
  .icon.theater-turnip {
    width: 25px;
    height: 27px;
    background-position: -350px -275px; }
    .icon.theater-turnip.blank {
      background-position: -375px -275px; }
  .icon.quest-indicator {
    width: 16px;
    height: 20px;
    background-position: -275px -300px; }
    .icon.quest-indicator.blue {
      background-position: -300px -300px; }
    .icon.quest-indicator.red {
      background-position: -325px -300px; }
  .icon.hub.town-hops {
    width: 16px;
    height: 17px;
    background-position: -275px -325px; }
  .icon.hub.potato {
    width: 19px;
    height: 21px;
    background-position: -300px -325px; }
  .icon.hub.gift {
    width: 21px;
    height: 21px;
    background-position: -325px -325px; }
  .icon.hub.quest {
    width: 23px;
    height: 23px;
    background-position: -350px -325px; }

.check {
  width: 25px;
  height: 19px;
  background-position: -100px -275px; }

.arrow-left, .arrow-right {
  display: block;
  width: 34px;
  height: 129px;
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat; }
  .arrow-left:hover, .arrow-right:hover {
    opacity: 0.6; }
  .arrow-left.disabled, .arrow-right.disabled {
    opacity: 0.2; }

.arrow-left {
  background-position: -400px 0; }

.arrow-right {
  background-position: -450px 0; }

.affection {
  width: 21px;
  height: 19px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/affection.png");
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  .affection.positive {
    background-position: -42px 0px; }
    .affection.positive-half {
      background-position: -21px 0px; }
  .affection.negative {
    background-position: -84px 0px; }
    .affection.negative-half {
      background-position: -63px 0px; }

.modal-header {
  border: none; }

.modal-content {
  background: #efe7c0;
  border: 5px solid #b98c75;
  border-radius: 25px; }
  .modal-content--confirm {
    border: 5px solid #fff;
    background: #fce0bd;
    padding: 30px 40px;
    text-align: center;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    color: #555;
    font-size: 20px;
    margin-top: 200px; }
    .modal-content--confirm .modal-title {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #cb8e6d;
      margin-bottom: 10px; }
    .modal-content--confirm .modal-emphasis {
      display: block;
      color: #cb8e6d;
      font-weight: 700; }
    .modal-content--confirm label {
      color: #cb8e6d; }
    .modal-content--confirm .btn {
      font-size: 22px;
      padding: 5px 7px;
      line-height: 1em;
      font-weight: bold; }
      .modal-content--confirm .btn-default {
        background-color: #b7b7b7;
        color: #fff;
        margin-left: 5px; }
  .modal-content > p:last-child {
    margin-bottom: 0; }

.close {
  opacity: .5;
  transition: opacity .2s ease-out; }
  .close:hover {
    opacity: 1; }

#avatar-modal .modal-dialog {
  min-width: 1200px; }

.nav {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  list-style: none;
  margin: 0; }
  .nav li {
    display: block;
    float: left;
    margin: 0 24px 0 0;
    padding: 0; }
    .nav li:not(.hub-dropdown):hover .dropdown-menu {
      display: block; }
    .nav li:last-child {
      margin-right: 0; }
    .nav li a {
      display: block;
      color: #b98c75;
      font-weight: bold;
      padding: 0; }
      .nav li a:hover {
        background: none;
        color: #e1ab87; }
      .nav li a:focus {
        background: none; }
    .nav li.open a {
      background-color: #d8a481; }
      .nav li.open a:hover, .nav li.open a:focus, .nav li.open a:active {
        background-color: #d8a481; }
    .nav li .dropdown-menu {
      background: #d8a481;
      border: 0;
      border-top: #b98c75 solid 3px;
      left: -10px;
      border-radius: 0;
      box-shadow: none;
      margin: 0;
      padding: 0; }
      .nav li .dropdown-menu .divider {
        height: 2px;
        background-color: #e8b492; }
      .nav li .dropdown-menu li {
        display: block;
        float: none;
        margin: 0; }
        .nav li .dropdown-menu li a {
          display: block;
          font-size: 16px;
          color: #f8d0a1;
          padding: 4px 12px; }
          .nav li .dropdown-menu li a:hover, .nav li .dropdown-menu li a:focus, .nav li .dropdown-menu li a:active {
            background: #b98c75; }
  .nav.breadcrumbs .divider a {
    padding-right: 0;
    padding-left: 0; }
  .nav.breadcrumbs li {
    margin-right: 8px; }

.nav-tabs {
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  border: 0;
  margin: 0 0 36px; }
  .nav-tabs li {
    display: inline-block;
    float: none;
    margin-right: 5px; }
    .nav-tabs li a {
      display: block;
      min-width: 125px;
      background: #e1ab87;
      color: #fff;
      text-transform: uppercase;
      white-space: nowrap;
      text-align: center;
      border: 0;
      border-radius: 0;
      padding: 0 12px; }
      .nav-tabs li a:hover, .nav-tabs li a:focus, .nav-tabs li a:active {
        color: #f8d0a1;
        background: #fff; }
    .nav-tabs li.active a {
      color: #f8d0a1; }
    .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
      border: 0; }

.nav-pills {
  margin: 0 0 24px; }
  .nav-pills li {
    margin-right: 12px; }
    .nav-pills li a {
      padding: 6px; }
    .nav-pills li.active a {
      background: #e8b492; }
      .nav-pills li.active a:hover {
        background: #b98c75; }

.pagination {
  margin: 0 0 24px; }
  .pagination li {
    margin: 0; }
    .pagination li a {
      background: #e8b492;
      color: #fff;
      border: 0; }
      .pagination li a:hover {
        background: #e8b492;
        color: #fff;
        opacity: 0.6; }
    .pagination li.active > span {
      background: none;
      color: #e1ab87;
      border: 0px; }
      .pagination li.active > span:hover {
        background: #e8b492;
        color: #fff; }
    .pagination li.disabled > span {
      background: #e8b492;
      color: #fff;
      opacity: 0.3;
      border: 0px; }
      .pagination li.disabled > span:hover {
        background: #e8b492;
        color: #fff; }

.page-switcher {
  font-size: 18px;
  margin-top: 15px; }
  .page-switcher .glyphicon, .page-switcher .page-pagination {
    vertical-align: middle;
    color: inherit; }
  .page-switcher .glyphicon {
    top: 0;
    margin: 0; }
    .page-switcher .glyphicon:hover, .page-switcher .glyphicon:active, .page-switcher .glyphicon:focus {
      opacity: 0.5;
      outline: none; }
  .page-switcher .page-pagination {
    display: inline-block;
    font-weight: bold;
    line-height: 1; }

.panel-default {
  border: 0px;
  box-shadow: none; }

.pet-habitat {
  display: inline-block;
  position: relative;
  margin: 0 15px 17px 15px; }
  .pet-habitat .pet-habitat-pet {
    z-index: 2;
    position: relative;
    background: #fff;
    border-radius: 50%;
    height: 75px;
    width: 75px;
    display: inline-block;
    overflow: hidden; }
    .pet-habitat .pet-habitat-pet img {
      min-width: 75px;
      height: 75px; }
  .pet-habitat .pet-habitat-habitat {
    z-index: 1;
    position: absolute;
    left: -21px;
    top: -9px;
    height: 115px;
    width: 115px;
    background-position: center 35px;
    background-repeat: no-repeat; }
  .pet-habitat .pet-habitat-border {
    z-index: 0;
    position: absolute;
    background-color: #fff;
    -webkit-clip-path: polygon(50% 50%, 100% 90%, 100% 100%, 0% 100%, 0% 90%);
    clip-path: polygon(50% 50%, 100% 90%, 100% 100%, 0% 100%, 0% 90%);
    left: -22px;
    right: 0px;
    top: -27px;
    height: 121px;
    width: 119px;
    border-radius: 50%; }

.progress {
  background: #ebebeb;
  box-shadow: none; }
  .progress .progress-bar {
    background: linear-gradient(45deg, #acd038, #fcec54);
    box-shadow: none; }

.pet-status .pet-status-bar .progress {
  border: 3px solid #fff;
  border-radius: 10px;
  background: #ebebeb;
  height: 1.5em;
  margin-bottom: 0px;
  box-sizing: content-box;
  position: relative; }
  .pet-status .pet-status-bar .progress .progress-bar {
    background: linear-gradient(#fde62d, #ffbe47);
    box-shadow: none; }
    .pet-status .pet-status-bar .progress .progress-bar::before {
      content: 'Appetite';
      color: #fff;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 41px;
      width: 150px;
      display: block;
      text-align: center;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-weight: bold; }

.pet-dailies .pet-mood-bar {
  position: relative; }
  .pet-dailies .pet-mood-bar:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url("/img/moodbar.png");
    width: 22px;
    height: 41px; }
  .pet-dailies .pet-mood-bar .progress {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    background: #ebebeb;
    width: 39px;
    height: 20px;
    margin-bottom: 0px;
    position: absolute;
    top: 1px;
    left: 1px; }
    .pet-dailies .pet-mood-bar .progress .progress-bar {
      background: #ffbe47;
      box-shadow: none; }

/* base style */
.select-dropdown {
  min-width: 16em;
  position: relative;
  display: inline-block;
  min-height: 2em;
  max-height: 2em;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: #444;
  outline: none;
  border: .06em solid transparent;
  background-color: #cccccc;
  transition: 0.3s all ease-in-out; }
  .select-dropdown input {
    display: none; }
  .select-dropdown label {
    color: #555;
    display: block;
    height: 2em;
    line-height: 2em;
    padding-left: 1em;
    padding-right: 3em;
    cursor: pointer;
    position: relative;
    transition: 0.3s color ease-in-out; }
    .select-dropdown label:nth-child(2) {
      margin-top: 2em; }
  .select-dropdown input:checked + label {
    display: block;
    border-top: none;
    position: absolute;
    top: 0; }
    .select-dropdown input:checked + label:nth-child(2) {
      margin-top: 0;
      position: relative; }
  .select-dropdown::after {
    content: "";
    position: absolute;
    right: 0.8em;
    top: 0.9em;
    border: 0.3em solid #fff;
    border-color: #fff transparent transparent transparent;
    transition: .4s all ease-in-out; }
  .select-dropdown.expanded {
    border: 0.06em solid #fff;
    padding: 0;
    max-height: none; }
    .select-dropdown.expanded label:hover {
      color: #555;
      background-color: #f9edd2; }
    .select-dropdown.expanded input:checked + label {
      color: #555; }
    .select-dropdown.expanded::after {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
      top: .55em; }
  .select-dropdown.dv-dropdown {
    border-radius: 10px;
    background-color: #d7d7d7;
    border: 4px solid #d7d7d7;
    min-height: 34px;
    z-index: 1; }
    .select-dropdown.dv-dropdown label {
      color: #e1ab87;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-size: 20px;
      line-height: 26px;
      padding-left: 5px;
      height: 26px;
      text-align: center;
      padding-right: 2em; }
      .select-dropdown.dv-dropdown label.hide-deselected {
        display: none; }
    .select-dropdown.dv-dropdown input.hide-deselected {
      display: none; }
    .select-dropdown.dv-dropdown input:checked + label {
      background-color: #fff;
      border-radius: 7px;
      color: #b7b7b7;
      width: 100%; }
      .select-dropdown.dv-dropdown input:checked + label.hide-deselected {
        display: block; }
    .select-dropdown.dv-dropdown input:checked.hide-deselected {
      display: none; }
    .select-dropdown.dv-dropdown.expanded {
      background-color: #f8d0a1;
      border: 4px solid #f8d0a1; }
      .select-dropdown.dv-dropdown.expanded label:hover {
        background-color: #e1ab87;
        color: #fff; }
      .select-dropdown.dv-dropdown.expanded input:checked + label:hover {
        background-color: #fff;
        color: #b7b7b7; }
      .select-dropdown.dv-dropdown.expanded::after {
        top: 0.15em; }
    .select-dropdown.dv-dropdown::after {
      top: 0.7em;
      border-width: 7px;
      border-color: #d7d7d7 transparent transparent transparent; }

.select-dropdown-label {
  vertical-align: top;
  font-size: 18px;
  margin-right: 5px;
  display: inline-block; }
  .select-dropdown-label * {
    vertical-align: top; }

.select-dropdown-wrapper {
  position: absolute; }

/*
  #UI Elements
*/
.logo {
  display: block;
  width: 336px;
  height: 149px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/img/spritesheet.png") 0 0 no-repeat; }

hr {
  border-color: #e1ab87;
  margin: 0 0 24px; }

input[type="checkbox"] {
  cursor: pointer; }

input[type="checkbox"].customMarker + .outerLabel {
  position: relative;
  width: 17px;
  height: 17px;
  background: #fff;
  border-radius: 3px;
  display: inline-block; }

input[type="checkbox"].customMarker + .outerLabel .innerLabel {
  position: absolute;
  display: none; }

input[type="checkbox"].customMarker:checked + .outerLabel .innerLabel {
  display: block;
  margin: auto;
  top: 0px;
  left: 0px;
  color: #d43c23;
  font-size: 20px;
  padding: 1px; }

input[type="checkbox"].customMarker {
  display: none; }

.form-control {
  background: #fff;
  border-color: #e1ab87;
  box-shadow: none; }

.form-group {
  margin-bottom: 25px; }

.input-group .form-control:first-child {
  border-right: 0; }

.input-group .form-control:last-child {
  border-left: 0; }

.input-group-addon {
  top: 0;
  background: #fff;
  color: #e1ab87;
  border-color: #e1ab87; }

.wysihtml5-toolbar .btn {
  color: #b98c75; }
  .wysihtml5-toolbar .btn:hover, .wysihtml5-toolbar .btn:focus, .wysihtml5-toolbar .btn:active {
    color: #e1ab87;
    background: #fff; }

.user-avatar {
  width: 200px;
  height: 325px;
  background-repeat: no-repeat;
  background-position: center center; }
  .user-avatar.small {
    width: 160px;
    height: 260px;
    background-size: 50%; }

.user-pet {
  width: 75px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center center; }

.pet-full {
  display: inline-block;
  width: 275px;
  height: 200px;
  background: url("/img/pet-full.png") center center no-repeat; }

.item {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 4px; }

.pet-list {
  list-style: none;
  margin: 0; }
  .pet-list.collapsable {
    max-height: 80px;
    overflow: hidden;
    transition: all 0.6s ease-out; }
    .pet-list.collapsable.open {
      max-height: 320px; }
  .pet-list li {
    float: left;
    margin: 0 5px 5px 0; }
    .pet-list li:last-child {
      margin-right: 0; }

.item-list {
  list-style: none;
  margin: 0; }
  .item-list.collapsable {
    max-height: 80px;
    overflow: hidden;
    transition: all 0.6s ease-out; }
    .item-list.collapsable.open {
      max-height: 320px; }
  .item-list li {
    float: left;
    width: 75px;
    height: 75px;
    border-radius: 12px;
    margin: 0 0 5px 5px; }
    .item-list li:first-child {
      margin-right: 0; }

.more {
  display: block;
  font-size: 18px;
  text-align: right; }
  .more:hover {
    opacity: 0.6; }

.status {
  display: block;
  text-align: center; }
  .status.on {
    background: #9cbb58; }
  .status.off {
    background: #d43c23; }

.collapsable .collapsable-content {
  display: none; }

.popover {
  width: 290px;
  color: #333;
  background: #fff;
  border: none;
  box-shadow: none;
  padding: 6px 0; }
  .popover.left .arrow, .popover.right .arrow, .popover.top .arrow, .popover.bottom .arrow {
    border: none; }
  .popover h3 {
    background: none;
    color: #555;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    line-height: 1;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }

.well {
  color: #b46347;
  background: #e8b492;
  border: none; }
  .well a, .well a:hover {
    color: #fce0bd; }
  .well h4 {
    font-size: 24px;
    color: #fff;
    font-style: normal;
    text-transform: uppercase; }
  .well p {
    font-size: 16px; }

.back-link {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  color: #cb8e6d;
  text-transform: uppercase; }
  .back-link .glyphicon {
    font-size: 20px;
    color: #fff; }

.alert {
  margin-bottom: 35px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  border: none; }
  .alert.alert-danger {
    background: #fff; }
    .alert.alert-danger, .alert.alert-danger .close {
      color: #d43c23; }
    .alert.alert-danger ul {
      padding-left: inherit; }
  .alert.alert-success {
    background: #fff; }
    .alert.alert-success, .alert.alert-success .close {
      color: #68aa6d; }
  .alert .glyphicon {
    font-size: 12px; }
  .alert .float {
    float: right; }

.switch-page, [data-page] {
  display: none; }
  .switch-page.active, [data-page].active {
    display: block; }

[v-cloak] {
  display: none; }

.tooltip .rarity.common, .popover .rarity.common {
  color: #959595; }

.tooltip .rarity.uncommon, .popover .rarity.uncommon {
  color: #b98c75; }

.tooltip .rarity.rare, .popover .rarity.rare {
  color: #ed4900; }

.tooltip .rarity.legendary, .popover .rarity.legendary {
  color: #ea9a00; }

.tooltip .rarity.custom, .popover .rarity.custom {
  color: #56abbb; }

.tooltip .rarity.seasonal, .popover .rarity.seasonal {
  color: #76a635; }

.tooltip .rarity.limited, .popover .rarity.limited {
  color: #c167ff; }

.popover {
  padding: 0px;
  background-color: transparent;
  color: #fff;
  text-align: center;
  z-index: 9999 !important;
  font-size: 12px;
  line-height: 1.42857;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .popover.top .arrow:after {
    border-top-color: rgba(0, 0, 0, 0.9); }
  .popover.bottom .arrow:after {
    border-bottom-color: rgba(0, 0, 0, 0.9); }
  .popover.left .arrow:after {
    border-left-color: rgba(0, 0, 0, 0.9); }
  .popover.right .arrow:after {
    border-right-color: rgba(0, 0, 0, 0.9); }
  .popover .popover-content {
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 0px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .popover .popover-content .popover-info {
      width: 200px;
      padding: 5px; }
    .popover .popover-content .popover-preview-wrapper {
      width: 400px;
      display: -ms-flexbox;
      display: flex;
      padding: 5px 5px 5px 0px; }
      .popover .popover-content .popover-preview-wrapper .popover-preview {
        width: 200px;
        height: 325px;
        border-radius: 4px;
        overflow: hidden;
        background-color: #ebebeb; }
        .popover .popover-content .popover-preview-wrapper .popover-preview.loading {
          -webkit-animation: bgLoad 1s infinite alternate linear;
          animation: bgLoad 1s infinite alternate linear; }
        .popover .popover-content .popover-preview-wrapper .popover-preview.loaded {
          background-color: #ebebeb; }

.table-striped > thead > tr > th,
.table-striped > thead > tr > td,
.table-striped > tbody > tr > th,
.table-striped > tbody > tr > td,
.table-striped > tfoot > tr > th,
.table-striped > tfoot > tr > td {
  border: 0px; }

.table-striped {
  background-color: #fff;
  border-radius: 5px; }

.table-dv {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden; }
  .table-dv > thead > tr > td, .table-dv > thead > tr > th,
  .table-dv > tbody > tr > td,
  .table-dv > tbody > tr > th,
  .table-dv > tfoot > tr > td,
  .table-dv > tfoot > tr > th {
    border: 0px; }
  .table-dv > thead > tr > td,
  .table-dv > tbody > tr > td,
  .table-dv > tfoot > tr > td {
    padding: 16px; }
  .table-dv > thead > tr > th,
  .table-dv > tbody > tr > th,
  .table-dv > tfoot > tr > th {
    font-size: 1.2em;
    padding: 10px 16px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  .table-dv > tbody > tr:nth-of-type(even) {
    background-color: #f7f7f7; }
  .table-dv > tbody > tr > th {
    color: #b98c75; }
  .table-dv > tbody > tr > td {
    color: #555; }
  .table-dv > thead > tr {
    background-color: #e8b492; }
    .table-dv > thead > tr > th, .table-dv > thead > tr > td {
      color: #fff; }

.sceditor-container {
  min-width: 100%; }

.post-markup-guide {
  font-weight: bold;
  margin: 5px 0px; }
  .post-markup-guide a {
    color: #b98c75; }

.parsed-text {
  color: #555;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px; }
  .parsed-text p {
    margin: 0 0 1em; }
  .parsed-text .quote {
    border-left: 10px solid #f7f7f7;
    padding: 5px 30px;
    font-size: 15px; }
  .parsed-text .quote-user {
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-weight: bold; }
  .parsed-text code {
    background-color: #efe7c0;
    color: #b98c75;
    padding: 8px;
    display: inline-block;
    margin: 3px 0px; }
  .parsed-text ul,
  .parsed-text ol {
    padding-left: 40px;
    margin: 14px 0px; }
  .parsed-text table {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    width: 100%; }
    .parsed-text table tr:nth-of-type(odd) {
      background-color: #f7f7f7; }
    .parsed-text table td,
    .parsed-text table th {
      border: 0px; }
    .parsed-text table td {
      padding: 16px;
      color: #555; }
    .parsed-text table th {
      font-size: 1.2em;
      padding: 10px 16px;
      text-transform: uppercase;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      background-color: #e8b492;
      color: #fff; }
  .parsed-text img {
    max-width: 100%; }
  .parsed-text hr {
    border-color: #d5d5d5; }
  .parsed-text .spoiler {
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 8px;
    overflow: hidden; }
  .parsed-text .spoiler-header {
    margin: 0;
    background-color: #b7b7b7;
    padding: 5px 5px 5px 10px;
    min-height: 35px;
    line-height: 25px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff; }
  .parsed-text .spoiler-button {
    float: right;
    background: #fff;
    color: #b7b7b7;
    font-weight: bold;
    line-height: 15px;
    font-size: 15px;
    border-radius: 5px; }
  .parsed-text .spoiler-body {
    padding: 15px;
    border: 1px solid #d7d7d7;
    border-top-width: 0px;
    border-radius: 0px 0px 8px 8px;
    background-color: #fff; }
  .parsed-text .counter {
    background: none;
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    vertical-align: middle; }
    .parsed-text .counter * {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 75px;
      height: 75px; }
    .parsed-text .counter .counter-item {
      text-align: center;
      top: auto;
      left: auto;
      right: 0;
      bottom: -10px;
      width: auto;
      height: auto;
      min-width: 30px;
      border-radius: 30px;
      border: 2px solid #fff;
      background-color: #b98c75;
      font-size: 14px;
      color: #fff;
      padding: 0 5px; }

.round-tabs {
  text-align: left;
  margin-left: 12px;
  margin-bottom: 0; }
  .round-tabs li a {
    background: #c1c1c1;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .round-tabs li a:hover, .round-tabs li a:active, .round-tabs li a:focus {
      background: #fff;
      color: #e54b4b; }
  .round-tabs li.active a {
    background: #fff;
    color: #e54b4b; }

.round-tabs-content {
  background: #fff;
  border-radius: 12px;
  overflow: hidden; }
  .round-tabs-content--padded {
    padding: 20px; }

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

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-1 {
  margin: 0.25rem 0.25rem !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.m-2 {
  margin: 0.5rem 0.5rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.m-3 {
  margin: 1rem 1rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mr-3 {
  margin-right: 1rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.ml-3 {
  margin-left: 1rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-4 {
  margin: 1.5rem 1.5rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mr-4 {
  margin-right: 1.5rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.ml-4 {
  margin-left: 1.5rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-5 {
  margin: 3rem 3rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mr-5 {
  margin-right: 3rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.ml-5 {
  margin-left: 3rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

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

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-1 {
  padding: 0.25rem 0.25rem !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.p-2 {
  padding: 0.5rem 0.5rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.p-3 {
  padding: 1rem 1rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pr-3 {
  padding-right: 1rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pl-3 {
  padding-left: 1rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-4 {
  padding: 1.5rem 1.5rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pr-4 {
  padding-right: 1.5rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pl-4 {
  padding-left: 1.5rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-5 {
  padding: 3rem 3rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pr-5 {
  padding-right: 3rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.pl-5 {
  padding-left: 3rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 0 !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0 {
    margin-left: 0 !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1 {
    margin-left: 0.25rem !important; }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2 {
    margin-left: 0.5rem !important; }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem 1rem !important; }
  .mt-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3 {
    margin-left: 1rem !important; }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem 1.5rem !important; }
  .mt-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4 {
    margin-left: 1.5rem !important; }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem 3rem !important; }
  .mt-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5 {
    margin-left: 3rem !important; }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-sm-0 {
    padding: 0 0 !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0 {
    padding-left: 0 !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1 {
    padding-left: 0.25rem !important; }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2 {
    padding-left: 0.5rem !important; }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem 1rem !important; }
  .pt-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3 {
    padding-left: 1rem !important; }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem 1.5rem !important; }
  .pt-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4 {
    padding-left: 1.5rem !important; }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem 3rem !important; }
  .pt-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5 {
    padding-left: 3rem !important; }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto {
    margin-left: auto !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 0 !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mr-md-0 {
    margin-right: 0 !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0 {
    margin-left: 0 !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1 {
    margin-left: 0.25rem !important; }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2 {
    margin-left: 0.5rem !important; }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem 1rem !important; }
  .mt-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3 {
    margin-left: 1rem !important; }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem 1.5rem !important; }
  .mt-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4 {
    margin-left: 1.5rem !important; }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem 3rem !important; }
  .mt-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5 {
    margin-left: 3rem !important; }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-md-0 {
    padding: 0 0 !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pr-md-0 {
    padding-right: 0 !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0 {
    padding-left: 0 !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1 {
    padding-left: 0.25rem !important; }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2 {
    padding-left: 0.5rem !important; }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem 1rem !important; }
  .pt-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3 {
    padding-left: 1rem !important; }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem 1.5rem !important; }
  .pt-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4 {
    padding-left: 1.5rem !important; }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem 3rem !important; }
  .pt-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5 {
    padding-left: 3rem !important; }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .mr-md-auto {
    margin-right: auto !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto {
    margin-left: auto !important; }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 0 !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0 {
    margin-left: 0 !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1 {
    margin-left: 0.25rem !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2 {
    margin-left: 0.5rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem 1rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3 {
    margin-left: 1rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem 1.5rem !important; }
  .mt-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4 {
    margin-left: 1.5rem !important; }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem 3rem !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5 {
    margin-left: 3rem !important; }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-lg-0 {
    padding: 0 0 !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0 {
    padding-left: 0 !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1 {
    padding-left: 0.25rem !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2 {
    padding-left: 0.5rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem 1rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3 {
    padding-left: 1rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem 1.5rem !important; }
  .pt-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4 {
    padding-left: 1.5rem !important; }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem 3rem !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5 {
    padding-left: 3rem !important; }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto {
    margin-left: auto !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 0 !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0 {
    margin-left: 0 !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1 {
    margin-left: 0.25rem !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2 {
    margin-left: 0.5rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem 1rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3 {
    margin-left: 1rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem 1.5rem !important; }
  .mt-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4 {
    margin-left: 1.5rem !important; }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem 3rem !important; }
  .mt-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5 {
    margin-left: 3rem !important; }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-xl-0 {
    padding: 0 0 !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0 {
    padding-left: 0 !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1 {
    padding-left: 0.25rem !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2 {
    padding-left: 0.5rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem 1rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3 {
    padding-left: 1rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem 1.5rem !important; }
  .pt-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4 {
    padding-left: 1.5rem !important; }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem 3rem !important; }
  .pt-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5 {
    padding-left: 3rem !important; }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto {
    margin-left: auto !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }

.flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
  -ms-filter: "FlipH"; }

ul.reset {
  margin-left: 40px; }

.mw-100 {
  max-width: 100%; }

.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word; }

.grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }

/*
  #Layout
*/
#wardrobe::before {
  background: url("/img/banners.png") 0 0 no-repeat; }

#menagerie::before {
  background: url("/img/banners.png") -250px 0 no-repeat; }

#forum::before {
  background: url("/img/banners.png") -500px 0 no-repeat; }

#notifications::before {
  background: url("/img/banners.png") -750px 0 no-repeat; }

#npc-diary::before {
  background: url("/img/banners.png") -1000px 0px no-repeat; }

#friend-list::before {
  background: url("/img/banners.png") -1250px 0 no-repeat; }

#treasury::before {
  background: url("/img/banners.png") 0px -100px no-repeat; }

#messages::before {
  background: url("/img/banners.png") -250px -100px no-repeat; }

#playground::before {
  background: url("/img/banners.png") -500px -100px no-repeat; }

#world-map::before {
  background: url("/img/banners.png") -750px -100px no-repeat; }

#pet-diary::before {
  background: url("/img/banners.png") -1000px -100px no-repeat; }

#trade-market::before {
  background: url("/img/banners.png") -1250px -100px no-repeat; }

#inventory::before {
  background: url("/img/banners.png") 0 -200px no-repeat; }

#pet-accessories::before {
  background: url("/img/banners.png") 0 -200px no-repeat; }

#register::before {
  background: url("/img/banners.png") -500px -200px no-repeat; }

#news::before {
  background: url("/img/banners.png") -750px -200px no-repeat; }

#daily-quests::before {
  background: url("/img/banners.png") -1000px -200px no-repeat; }

#user-profile::before {
  background: url("/img/banners.png") -1250px -200px no-repeat; }

#pet-profile::before {
  background: url("/img/banners.png") 0 -300px no-repeat; }

#alchemy::before {
  background: url("/img/banners.png") -250px -300px no-repeat; }

#chance-machine::before {
  background: url("/img/banners.png") -500px -300px no-repeat; }

#shops::before {
  background: url("/img/banners.png") -750px -300px no-repeat; }

#hatchery::before {
  background: url("/img/banners.png") -1000px -300px no-repeat; }

#quests::before {
  background: url("/img/banners.png") -1250px -300px no-repeat; }

#account::before {
  background: url("/img/banners.png") 0 -400px no-repeat; }

#banned::before {
  background: url("/img/banners.png") -250px -400px no-repeat; }

#town::before {
  background: url("/img/banners.png") -500px -400px no-repeat; }

#redeem-items::before {
  background: url("/img/banners.png") -750px -400px no-repeat; }

#ticket-desk::before {
  background: url("/img/banners.png") -1000px -400px no-repeat; }

#login::before {
  background: url("/img/banners.png") 0px -500px no-repeat; }

#not-found::before {
  background: url("/img/banners.png") -250px -500px no-repeat; }

#credits::before {
  background: url("/img/banners.png") -500px -500px no-repeat; }

#tos::before {
  background: url("/img/banners.png") -750px -500px no-repeat; }

#rules::before {
  background: url("/img/banners.png") -1000px -500px no-repeat; }

#conduct::before {
  background: url("/img/banners.png") -500px -700px no-repeat; }

#achievements::before {
  background: url("/img/banners.png") 0px -600px no-repeat; }

#adventuring::before {
  background: url("/img/banners.png") -250px -600px no-repeat; }

#banned::before {
  background: url("/img/banners.png") -500px -600px no-repeat; }

#customs::before {
  background: url("/img/banners.png") -750px -600px no-repeat; }

#guilds::before {
  background: url("/img/banners.png") -1000px -600px no-repeat; }

#pet-accessories::before {
  background: url("/img/banners.png") -1250px -600px no-repeat; }

#privacy::before {
  background: url("/img/banners.png") 0px -700px no-repeat; }

#referrals::before {
  background: url("/img/banners.png") -250px -700px no-repeat; }

#ad-theater::before {
  background: url("/img/banners.png") -750px -700px no-repeat; }

#clothing-diary::before {
  background: url("/img/banners.png") -1000px -700px no-repeat; }

#welcome::before {
  background: url("/img/welcome.png") no-repeat; }

.toolbar {
  margin-bottom: 24px; }
  .toolbar .form-control {
    height: 31px;
    border: none; }

.container {
  position: relative;
  width: 996px; }

.random-event-modal {
  color: #555; }
  .random-event-modal .random-event-text {
    text-align: center; }
  .random-event-modal .npc-image {
    margin-bottom: 25px; }
    .random-event-modal .npc-image .npc-thumbnail {
      border-radius: 50%;
      border: 4px solid #fff;
      position: relative;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle; }
      .random-event-modal .npc-image .npc-thumbnail.npc {
        width: 150px;
        height: 150px; }
      .random-event-modal .npc-image .npc-thumbnail.pet {
        width: 75px;
        height: 75px; }
      .random-event-modal .npc-image .npc-thumbnail img {
        position: absolute;
        top: -3px;
        left: -3px; }
    .random-event-modal .npc-image .speech-bubble {
      display: inline-block;
      padding: 10px;
      border-radius: 13px;
      background-color: #fff;
      position: relative;
      margin-left: 25px; }
      .random-event-modal .npc-image .speech-bubble:before {
        content: "";
        display: inline-block;
        position: absolute;
        border: 17px solid #fff;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: transparent;
        left: -34px;
        top: 31px; }
  .random-event-modal .random-event-text {
    margin-bottom: 20px;
    font-size: 17px;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .random-event-modal .random-event-text .item-name {
      color: #d43c23; }

.random-event {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 730px;
  margin-bottom: 15px;
  margin-top: -20px; }
  .random-event .random-event-npc {
    border-radius: 50px;
    border: 3px solid #fff;
    width: 75px;
    height: 75px;
    position: relative;
    overflow: hidden;
    background-position: center; }
    .random-event .random-event-npc.npc {
      background-size: 140%; }
    .random-event .random-event-npc img {
      max-width: 75px;
      position: absolute;
      top: -3px;
      left: -3px; }
  .random-event .random-event-text {
    background-color: #fff;
    padding: 13px 13px 13px 16px;
    border-radius: 12px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 25px;
    height: 47px;
    position: relative;
    color: #555; }
    .random-event .random-event-text:before {
      content: '';
      display: block;
      position: absolute;
      left: -30px;
      border: 10px solid #fff;
      border-color: transparent #fff transparent transparent;
      border-width: 7px 15px;
      top: 23px;
      color: #555; }
    .random-event .random-event-text .random-event-line {
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
      .random-event .random-event-text .random-event-line:before {
        content: 'Random Event!';
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 3px; }
    .random-event .random-event-text .btn {
      font-weight: bold;
      border-radius: 6px;
      font-size: 12px;
      padding: 5px 7px;
      line-height: 1em;
      float: right; }

.body-main-content {
  position: relative; }

.content {
  position: relative;
  padding-top: 40px;
  background-color: #f8d0a1;
  border: 4px solid #fff;
  border-bottom: 0;
  border-top-left-radius: 120px;
  border-top-right-radius: 120px; }
  .content:before {
    content: ' ';
    position: absolute;
    display: block;
    width: 226px;
    height: 72px;
    visibility: visible;
    top: -23px;
    right: 77px; }
  .content .tutorial-button {
    cursor: pointer;
    background-color: #e8b492;
    border-radius: 50%;
    border: 4px solid #fff;
    position: absolute;
    top: -11px;
    right: 25px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 37px;
    font-size: 30px;
    font-weight: bold;
    color: #fff; }
  .content .content-body {
    padding: 40px 47px;
    min-height: 500px; }
  .content .content-item {
    margin-bottom: 30px; }
    .content .content-item:last-child {
      margin-bottom: 0; }
    .content .content-item h2 {
      color: #fff;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 22px; }

.content-item--tab h2 {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 0;
  padding: 0 10px;
  background-color: #d8a481;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.alert-block, .flash-div {
  margin-bottom: 20px;
  z-index: 1; }

.alert-block {
  border-radius: 16px; }

.flash-div {
  position: absolute;
  left: 66px;
  max-width: 590px;
  top: -8px;
  min-width: 590px; }

.tutorial-modal {
  cursor: pointer;
  pointer-events: none; }
  .tutorial-modal:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10; }
  .tutorial-modal.active {
    pointer-events: auto; }
    .tutorial-modal.active .tutorial-popup {
      opacity: 1;
      top: 20%; }
    .tutorial-modal.active:before {
      display: block; }
  .tutorial-modal .tutorial-popup {
    color: #b46347;
    background: #fff;
    font-size: 16px;
    line-height: 1.2em;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    border-radius: 12px;
    text-align: left;
    position: fixed;
    z-index: 11;
    padding: 15px;
    width: 400px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease-out; }
    .tutorial-modal .tutorial-popup:after {
      content: '';
      border: 15px solid #fff;
      border-left-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      position: absolute;
      right: 65px;
      bottom: -30px; }

.fade-10 {
  opacity: 0.1; }

.fade-25 {
  opacity: 0.25; }

.fade-50 {
  opacity: 0.5; }

.fade-75 {
  opacity: 0.75; }

#footer .footer-body {
  background: #e8b492;
  color: #fff;
  border: 4px solid white;
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin: 0 0 24px;
  padding: 12px 47px; }
  #footer .footer-body a {
    color: #fff; }
    #footer .footer-body a:hover {
      color: #fff; }

#information {
  text-align: center; }
  #information .online-display {
    margin-bottom: 20px; }
    #information .online-display .btn {
      font-size: 16px;
      padding: 7px 20px;
      line-height: 1em; }
  #information a.fa, #information a.fab {
    margin-right: 7px; }
    #information a.fa, #information a.fa:link, #information a.fa:hover, #information a.fa:visited, #information a.fab, #information a.fab:link, #information a.fab:hover, #information a.fab:visited {
      color: #fff;
      font-size: 18px; }
    #information a.fa:last-of-type, #information a.fab:last-of-type {
      margin-right: 0; }

#copyright {
  color: #fff;
  font-weight: bold;
  text-align: center; }

#main-header {
  background-repeat: repeat-x;
  background-position: bottom;
  color: #555;
  font-weight: bold;
  min-width: 1096px; }
  #main-header .header-overlay {
    position: absolute;
    z-index: 0;
    height: 269px;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  #main-header .narrative {
    position: relative;
    top: -130px; }
  #main-header .header-content {
    position: relative;
    height: 267px; }
    #main-header .header-content .logo, #main-header .header-content .logo-link {
      position: absolute;
      left: 0;
      z-index: 5; }
    #main-header .header-content .logo {
      bottom: -58px;
      pointer-events: none; }
    #main-header .header-content .logo-link {
      bottom: -35px;
      width: 336px;
      height: 126px; }
  #main-header .user-pet {
    position: absolute;
    bottom: 75px;
    left: 200px;
    z-index: 2; }
    #main-header .user-pet.hatching-item {
      -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
      filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
  #main-header .user-active-pet {
    display: block;
    position: absolute;
    width: 425px;
    height: 262px;
    left: -81px;
    bottom: 27px;
    z-index: 0; }
  #main-header .user-avatar {
    position: absolute;
    top: 0px;
    left: 60px;
    height: 250px;
    z-index: 4; }
    #main-header .user-avatar .display-avatar {
      display: block;
      overflow: hidden;
      height: inherit;
      -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
      filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
  #main-header #topbar {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 335px; }
    #main-header #topbar .welcome {
      min-width: 216px;
      font-size: 18px; }
      #main-header #topbar .welcome a {
        display: inline-block; }
    #main-header #topbar .notifications {
      margin-right: 42px; }
  #main-header .npc {
    position: absolute;
    right: -50px;
    bottom: -35px;
    width: 250px;
    height: 322px;
    background: bottom right no-repeat;
    z-index: 4; }
    #main-header .npc .npc-heart, #main-header .npc .npc-broken-heart {
      position: absolute;
      top: 105px;
      left: 35px;
      opacity: 0; }
  #main-header .speech-bubble {
    display: block;
    position: absolute;
    left: 288px;
    top: 20px;
    width: 480px;
    padding: 3px;
    background: #fff;
    color: #b98c75;
    font-weight: normal;
    border-radius: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    z-index: 5; }
  #main-header .speech-bubble__content {
    padding: 15px;
    border-radius: 20px;
    min-height: 132px;
    background: #efe7c0;
    color: #555; }
  #main-header .step-summary {
    font-weight: bold; }
  #main-header .option-a {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2px;
    border: none;
    line-height: 1.3;
    border-radius: 4px;
    padding: 2px 20px;
    background-color: #f8d0a1; }
    #main-header .option-a:hover, #main-header .option-a:active, #main-header .option-a:focus {
      background-color: #eab490; }
      #main-header .option-a:hover:before, #main-header .option-a:active:before, #main-header .option-a:focus:before {
        content: ' ';
        position: absolute;
        top: 5px;
        left: 5px;
        background: url("/img/spritesheet.png") -361px -14px;
        width: 7px;
        height: 13px;
        -webkit-animation: bounce 0.3s infinite alternate linear;
        animation: bounce 0.3s infinite alternate linear; }
  #main-header .controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px; }
  #main-header .control {
    position: relative;
    padding: 0 5px;
    color: #333;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle; }
    #main-header .control:active:not([disabled]), #main-header .control:focus:not([disabled]) {
      outline: none; }
      #main-header .control:active:not([disabled]) .glyphicon::before, #main-header .control:focus:not([disabled]) .glyphicon::before {
        -webkit-filter: drop-shadow(1px 0px 0 #f8d0a1) drop-shadow(-1px 0px 0 #f8d0a1) drop-shadow(0px 1px 0 #f8d0a1) drop-shadow(0px -1px 0 #f8d0a1) drop-shadow(1px 1px 0 #f8d0a1) drop-shadow(-1px 1px 0 #f8d0a1) drop-shadow(1px -1px 0 #f8d0a1) drop-shadow(-1px -1px 0 #f8d0a1);
        filter: drop-shadow(1px 0px 0 #f8d0a1) drop-shadow(-1px 0px 0 #f8d0a1) drop-shadow(0px 1px 0 #f8d0a1) drop-shadow(0px -1px 0 #f8d0a1) drop-shadow(1px 1px 0 #f8d0a1) drop-shadow(-1px 1px 0 #f8d0a1) drop-shadow(1px -1px 0 #f8d0a1) drop-shadow(-1px -1px 0 #f8d0a1); }
    #main-header .control[disabled] {
      opacity: 0.6; }
    #main-header .control + .control {
      margin-left: 10px; }
  #main-header .glyphicon {
    font-size: 20px;
    vertical-align: middle; }
  #main-header .glyphicon-triangle-left, #main-header .control--red {
    color: #e54b4b; }
  #main-header .glyphicon-triangle-right {
    color: #56abbb; }
  #main-header .glyphicon-forward, #main-header .control--green {
    color: #76a635; }
  #main-header .glyphicon-refresh {
    color: #959595; }
    #main-header .glyphicon-refresh.loading {
      -webkit-animation: rotate 0.5s linear infinite;
      animation: rotate 0.5s linear infinite; }
  #main-header .speech, #main-header .reset {
    display: block;
    position: relative;
    height: 20px;
    border-radius: 10px;
    font-size: 20px;
    overflow: hidden; }
  #main-header .speech {
    width: 30px;
    line-height: 0.5;
    background-color: #f7f7f7; }
  #main-header .reset {
    width: 20px;
    line-height: 20px;
    background-color: #959595;
    color: #fff;
    font-style: normal; }
    #main-header .reset .cross-out {
      top: 7px; }
    #main-header .reset[disabled] {
      opacity: 0.6; }
  #main-header .cross-out {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #e54b4b;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #main-header .narration {
    font-weight: 700;
    font-style: italic; }
  #main-header .arrow {
    display: block;
    position: absolute;
    top: 80px;
    right: -18px;
    width: 21px;
    height: 19px;
    bottom: 8px;
    background: url("/img/spritesheet.png") -300px -150px no-repeat;
    z-index: 2; }
    #main-header .arrow--left {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      -webkit-filter: FlipH;
      filter: FlipH;
      left: -18px;
      top: 60px; }
  #main-header .vue-typer .typed {
    color: #555; }
  #main-header .vue-typer .custom.caret {
    display: none; }
  #main-header .vue-typer .nowrap {
    white-space: nowrap; }

#top-nav, #hub-nav {
  height: 39px;
  min-width: 1096px; }
  #top-nav .nav, #hub-nav .nav {
    position: relative;
    font-size: 18px; }
    #top-nav .nav > li, #hub-nav .nav > li {
      margin-right: 16px; }
      #top-nav .nav > li > a, #hub-nav .nav > li > a {
        padding: 4px 8px; }

#top-nav {
  background: #d8a481;
  color: #fff;
  border-bottom: 4px solid #fce0bd; }
  #top-nav .dropdown-menu {
    background-color: #fff; }
    #top-nav .dropdown-menu > li > a {
      background-color: #f1dcb9; }
  #top-nav .nav {
    margin-left: 331px; }
    #top-nav .nav .dropdown:hover > a {
      background-color: #f1dcb9;
      color: #cb8e6d; }
    #top-nav .nav .dropdown .dropdown-menu {
      border-top-color: #fff;
      border-top-width: 7px;
      z-index: 501; }
      #top-nav .nav .dropdown .dropdown-menu > li > a {
        color: #cb8e6d; }
        #top-nav .nav .dropdown .dropdown-menu > li > a:hover {
          background: #d8a481;
          color: #fff; }
      #top-nav .nav .dropdown .dropdown-menu .divider {
        background-color: #f8d0a1; }
    #top-nav .nav:before {
      content: ' ';
      position: absolute;
      visibility: visible;
      top: -3px;
      left: -38px;
      background: url("/img/spritesheet.png") -350px 0;
      width: 19px;
      height: 26px; }
    #top-nav .nav > li > a {
      color: #fff; }
      #top-nav .nav > li > a:hover {
        background: #d8a481; }
    #top-nav .nav > li.right {
      float: right; }
    #top-nav .nav > li > span {
      color: #fff;
      padding: 4px 8px;
      font-weight: normal; }
  #top-nav .clock span {
    font-size: 16px;
    vertical-align: middle; }

#hub-nav {
  background: #f8d0a1;
  color: #b98c75;
  border-bottom: 4px solid #d8a481;
  margin-bottom: 35px; }
  #hub-nav .potato-menu .progress {
    width: 60px; }
  #hub-nav .items-menu .progress {
    width: 40px; }
  #hub-nav .progress {
    border: 2px solid #fff;
    border-radius: 12px;
    display: inline-block;
    background: #fff;
    position: relative;
    margin-bottom: 0px;
    vertical-align: middle;
    height: 15px; }
    #hub-nav .progress .progress-bar {
      position: absolute;
      height: 28px;
      background: linear-gradient(45deg, #ffbe47, #fcec54); }
  #hub-nav .nav {
    margin-left: 115px;
    line-height: 35px; }
    #hub-nav .nav .hub-dropdown .fas.fa-caret-down {
      -webkit-transform: rotateZ(0deg);
      transform: rotateZ(0deg); }
    #hub-nav .nav .hub-dropdown.active .fas.fa-caret-down {
      -webkit-transform: rotateZ(180deg);
      transform: rotateZ(180deg);
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s; }
    #hub-nav .nav .hub-dropdown.active .dropdown-menu {
      display: block;
      z-index: 500; }
      #hub-nav .nav .hub-dropdown.active .dropdown-menu .loading {
        text-align: center;
        color: #fff;
        padding: 15px; }
    #hub-nav .nav .hub-dropdown.potato-menu li:last-of-type > a, #hub-nav .nav .hub-dropdown.items-menu li:last-of-type > a, #hub-nav .nav .hub-dropdown.quests-menu li:last-of-type > a {
      background-color: #cb8e6d;
      color: #fce0bd; }
    #hub-nav .nav .hub-dropdown.potato-menu li > a, #hub-nav .nav .hub-dropdown.items-menu li > a {
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    #hub-nav .nav .hub-dropdown.stats-menu .dropdown-menu {
      width: 90px;
      min-width: 0px;
      font-size: 15px;
      padding: 5px 0px; }
      #hub-nav .nav .hub-dropdown.stats-menu .dropdown-menu li {
        padding: 1px 15px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        line-height: 25px; }
    #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu {
      width: 340px; }
      #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item:nth-of-type(2n) a {
        background-color: #cb8e6d; }
      #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 5px;
        padding-bottom: 5px; }
        #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-npc {
          position: relative; }
          #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-npc .quest-indicator {
            position: absolute;
            bottom: 3px;
            left: -5px; }
          #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-npc .quest-icon {
            border-radius: 50%;
            border: 4px solid #fff;
            overflow: hidden;
            width: 70px;
            display: block; }
            #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-npc .quest-icon img {
              max-width: 100%; }
        #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-text {
          margin-left: 10px; }
          #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-text .quest-name {
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #fff;
            font-size: 17px;
            white-space: normal; }
          #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-text .quest-summary {
            color: #333;
            font-weight: normal;
            white-space: normal;
            font-size: 13px; }
      #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quests-link a {
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        padding-top: 8px;
        padding-bottom: 8px; }
        #hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quests-link a span {
          color: #fff; }
    #hub-nav .nav .hub-dropdown .dropdown-menu {
      width: 230px;
      text-transform: none;
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      border-top-color: #d8a481;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      overflow: hidden; }
      #hub-nav .nav .hub-dropdown .dropdown-menu > li > a {
        background-color: #d8a481;
        color: #fff; }
        #hub-nav .nav .hub-dropdown .dropdown-menu > li > a span {
          color: #f8d0a1; }
        #hub-nav .nav .hub-dropdown .dropdown-menu > li > a:hover {
          background: #e8b492;
          color: #fff; }
      #hub-nav .nav .hub-dropdown .dropdown-menu .divider {
        background-color: #f8d0a1; }
    #hub-nav .nav > li {
      margin-right: 10px; }
      #hub-nav .nav > li > a {
        color: #b98c75;
        padding: 0;
        font-size: 15px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 35px; }
        #hub-nav .nav > li > a > * {
          margin-right: 5px; }
        #hub-nav .nav > li > a .fas.fa-caret-down {
          color: white;
          font-size: 21px; }
      #hub-nav .nav > li.right {
        float: right; }
      #hub-nav .nav > li > span {
        color: #fff;
        padding: 4px 8px;
        font-weight: normal; }

.content .block-content {
  margin-bottom: 0px; }
  .content .block-content h2 {
    color: #cb8e6d;
    line-height: 1em; }
  .content .block-content .block-input {
    margin-bottom: 12px; }
    .content .block-content .block-input .form-control {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      border: 0px;
      font-size: 17px;
      border-radius: 6px; }
    .content .block-content .block-input .col-xs-8 {
      padding-left: 0px; }
      .content .block-content .block-input .col-xs-8 a {
        line-height: 33.9844px; }
  .content .block-content .block-info-section .block-info-heading {
    font-weight: bold;
    margin-bottom: 8px;
    color: #d85d5d; }
  .content .block-content .block-info-section .block-info-text ul {
    padding-left: 1em;
    list-style: none;
    color: #555;
    margin-bottom: 12px; }
  .content .block-content .block-info-section .block-info-text ul li::before {
    content: "\2022";
    color: #d85d5d;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -14px; }
  .content .block-content hr {
    border-top-color: #e8b492;
    border-width: 3px;
    margin-top: 9px;
    opacity: 0.5; }

.block-user-wrapper {
  padding-right: 0px;
  margin-bottom: 15px; }
  .block-user-wrapper .block-user {
    background-color: #fff;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -ms-flex-align: center;
    align-items: center; }
    .block-user-wrapper .block-user .block-user-icon img {
      border-radius: 50%;
      border: 3px solid #f8d0a1; }
    .block-user-wrapper .block-user .block-user-info {
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding-left: 10px; }
      .block-user-wrapper .block-user .block-user-info .block-user-name a {
        color: #b98c75;
        font-size: 20px;
        font-weight: bold; }
      .block-user-wrapper .block-user .block-user-info .btn {
        font-weight: bold;
        font-size: 15px;
        padding: 1px 5px; }

.achievement-categories-list {
  margin-bottom: 30px;
  list-style: none;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  .achievement-categories-list .glyphicon {
    font-size: 18px;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: all 0.3s ease; }
  .achievement-categories-list .achievement-category.active .glyphicon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .achievement-categories-list .achievement-category-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .achievement-categories-list .achievement-category-title {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b98c75;
    margin-bottom: 0;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    cursor: pointer;
    width: 50%;
    font-size: 22px; }
  .achievement-categories-list .achievement-category-subtitle {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #ea9a00;
    width: 50%;
    text-align: right;
    font-size: 16px; }
  .achievement-categories-list .achievement-to {
    color: #fff; }
  .achievement-categories-list .achievement-bar {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 120px;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #fff;
    vertical-align: text-top;
    overflow: hidden; }
  .achievement-categories-list .achievement-bar-progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #ea9a00;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: skewX(-30deg) scaleX(1.2);
    transform: skewX(-30deg) scaleX(1.2); }
  .achievement-categories-list .achievements-list {
    list-style: none; }
  .achievement-categories-list .achievement {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 5px 0; }
  .achievement-categories-list .achievement-complete {
    display: inline-block;
    padding: 0 10px;
    background: linear-gradient(to right, #ea9a00, #e54b4b);
    border-radius: 15px;
    border: 2px solid #fff;
    color: #fff; }
  .achievement-categories-list .achievement-header {
    text-transform: uppercase;
    background-color: #e8b492;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 50%;
    padding: 10px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .achievement-categories-list .achievement-image {
    padding-right: 15px;
    width: 50px;
    height: 35px; }
  .achievement-categories-list .achievement-title {
    color: #fff;
    line-height: 1em;
    font-size: 16pt;
    font-weight: bold; }
  .achievement-categories-list .achievement-date {
    font-size: 11pt;
    color: #b46347;
    font-weight: normal; }
  .achievement-categories-list .achievement-description {
    background-color: #f9edd2;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 50%;
    padding: 10px 20px;
    font-size: 14pt;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }

#adventuring iframe {
  border: 0px;
  width: 100%; }

#alchemy .alchemy-label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff; }

#alchemy .alchemy-error {
  font-weight: bold;
  color: #fff; }

#alchemy .menagerie-link {
  color: #fff; }

#alchemy .recipe-index {
  float: right; }

#alchemy .menu {
  background: #e8b492;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding: 10px 25px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold; }

#alchemy .alchemize-area {
  background: linear-gradient(0deg, #cdc09d, transparent 95%) no-repeat;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 3px solid #fff;
  padding: 25px 25px; }
  #alchemy .alchemize-area.item-alchemize {
    background: linear-gradient(0deg, #cdc09d, #dcdec9 95%) no-repeat; }

#alchemy .machine {
  position: relative; }
  #alchemy .machine img {
    position: relative;
    z-index: 5;
    display: block;
    margin: auto; }

#alchemy .info {
  background: #fff;
  border-radius: 25px;
  padding: 5px 20px 20px;
  margin-top: 30px; }
  #alchemy .info h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px auto 0; }
  #alchemy .info p {
    color: #555;
    margin: auto; }

#alchemy .formula {
  margin: 25px auto; }
  #alchemy .formula p {
    color: #fff; }

#alchemy .title {
  color: #b98c75;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  margin-left: 25px; }
  #alchemy .title i {
    font-size: 15px; }

#alchemy .ingredients {
  text-align: center;
  margin: 25px auto 0; }
  #alchemy .ingredients .pet-habitat-wrapper {
    position: relative;
    display: inline-block;
    margin: 5px 15px; }
    #alchemy .ingredients .pet-habitat-wrapper::after {
      content: ' ';
      display: inline-block;
      position: absolute;
      background: url("/img/plus.png");
      background-size: contain;
      width: 75px;
      height: 75px;
      top: 0;
      right: -55px; }
    #alchemy .ingredients .pet-habitat-wrapper:last-of-type::after {
      display: none; }

#alchemy .alchemize-banner {
  position: relative;
  max-width: 300px;
  margin: 30px auto;
  display: block;
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out; }
  #alchemy .alchemize-banner.active:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    cursor: pointer; }
  #alchemy .alchemize-banner.active:active {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }

.alchemize-item-popup .modal-dialog,
.alchemize-pet-popup .modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 620px; }

.alchemize-buttons {
  text-align: center;
  margin-bottom: 30px; }
  .alchemize-buttons .alchemize-btn {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 25px;
    line-height: 1em;
    padding: 5px 7px;
    border-radius: 10px;
    margin: 0px 10px;
    box-shadow: none; }
    .alchemize-buttons .alchemize-btn-primary, .alchemize-buttons .alchemize-btn-primary:hover {
      background-color: #b98c75;
      color: #fff; }
    .alchemize-buttons .alchemize-btn-secondary, .alchemize-buttons .alchemize-btn-secondary:hover {
      background-color: #998675;
      color: #fff; }
    .alchemize-buttons .alchemize-btn-success, .alchemize-buttons .alchemize-btn-success:hover {
      background-color: #76a635;
      color: #fff; }

.alchemize-popup {
  text-align: center; }
  .alchemize-popup.item-alchemize .modal-content {
    border-color: #fff;
    background: #dcdec9; }
    .alchemize-popup.item-alchemize .modal-content h2 {
      color: #555; }
    .alchemize-popup.item-alchemize .modal-content h3 {
      color: #959595; }
    .alchemize-popup.item-alchemize .modal-content .alchemy-name {
      color: #e54b4b;
      text-transform: uppercase; }
    .alchemize-popup.item-alchemize .modal-content .alchemy-item {
      background-image: url("/img/alchemy/alchemy-socket.png");
      background-repeat: no-repeat;
      background-position: center;
      height: 150px; }
      .alchemize-popup.item-alchemize .modal-content .alchemy-item img {
        position: relative;
        top: 38px;
        left: 3px; }
    .alchemize-popup.item-alchemize .modal-content .alchemize-btn {
      font-size: 20px; }
  .alchemize-popup .pet {
    position: relative;
    display: inline-block; }
    .alchemize-popup .pet::before {
      position: absolute;
      content: '';
      width: 75%;
      padding-bottom: 60%;
      background: #fff;
      border-radius: 50%;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto; }
    .alchemize-popup .pet img {
      position: relative;
      z-index: 5; }
  .alchemize-popup h2,
  .alchemize-popup h3 {
    font-weight: bold; }
  .alchemize-popup h3 {
    color: #b98c75; }
  .alchemize-popup h2 {
    text-transform: none;
    margin: 10px auto 0; }
  .alchemize-popup .pet-name {
    color: #d43c23;
    text-transform: uppercase; }
  .alchemize-popup p {
    color: #555;
    font-size: 18px; }

#alchemize-modal .alchemy-multiple h3 {
  margin-bottom: 40px; }

#alchemize-modal .alchemy-multiple .alchemy-result-wrapper {
  min-height: 600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center; }
  #alchemize-modal .alchemy-multiple .alchemy-result-wrapper .alchemy-note {
    color: #555;
    width: 90%;
    margin: 0 auto; }

#alchemize-modal .alchemy-multiple .item {
  margin-bottom: 25px; }

#alchemize-modal .alchemy-multiple h2 {
  font-size: 25px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #b98c75; }

#alchemize-modal .alchemy-multiple .items-list {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0; }

#alchemize-modal .alchemy-multiple .item-name {
  display: inline;
  color: #555; }

#alchemize-modal .alchemy-multiple .item-thumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 50px;
  margin-bottom: 5%;
  -ms-flex-pack: center;
  justify-content: center; }
  #alchemize-modal .alchemy-multiple .item-thumbs .item {
    width: 20%;
    text-align: center; }
    #alchemize-modal .alchemy-multiple .item-thumbs .item .img-responsive {
      margin: 0px auto; }

#alchemize-modal .alchemy-multiple .item-columns {
  display: block;
  margin-top: 20px;
  padding: 0 20px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  text-align: left; }
  #alchemize-modal .alchemy-multiple .item-columns .item-name {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    text-transform: none;
    font-weight: 400; }

.recipe-sort {
  text-align: right;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px; }

.recipes {
  list-style: none;
  margin: 0 0 24px;
  font-size: 18px; }
  .recipes .recipe {
    color: #fff;
    position: relative;
    margin-top: 25px;
    margin-bottom: 50px; }
    .recipes .recipe .recipe-icon {
      position: absolute;
      left: -35px;
      top: -20px; }
    .recipes .recipe .recipe-header {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      padding: 0px 10px;
      background-color: #fff;
      color: #959595;
      text-transform: uppercase;
      font-weight: bold;
      line-height: 35px; }
      .recipes .recipe .recipe-header .recipe-header-title {
        padding-left: 45px; }
      .recipes .recipe .recipe-header .recipe-header-subtitle {
        float: right;
        text-align: right; }
    .recipes .recipe .recipe-content {
      border-radius: 0;
      background-color: #e8b492;
      padding: 15px 15px 15px 30px; }
      .recipes .recipe .recipe-content .recipe-content-ingredients {
        max-width: 550px; }
      .recipes .recipe .recipe-content .recipe-content-form {
        float: right;
        width: 250px;
        text-align: right;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        line-height: 1.3; }
        .recipes .recipe .recipe-content .recipe-content-form > div {
          margin-top: 5px; }
          .recipes .recipe .recipe-content .recipe-content-form > div .alchemy-button {
            width: 70px;
            height: 46px;
            display: inline-block;
            background-image: url("/img/alchemy_button.png");
            background-position: 0px 0px; }
            .recipes .recipe .recipe-content .recipe-content-form > div .alchemy-button:active {
              background-position: -70px 0px; }
            .recipes .recipe .recipe-content .recipe-content-form > div .alchemy-button.disabled {
              background-position: -140px 0px; }
    .recipes .recipe .recipe-footer {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      background-color: #b98c75;
      text-transform: uppercase;
      padding: 5px 10px;
      font-size: 12px; }
      .recipes .recipe .recipe-footer .recipe-footer-count {
        float: right;
        text-align: right; }

.chance-popup {
  text-align: center; }
  .chance-popup .close {
    font-size: 60px;
    color: #fff;
    opacity: 1; }
  @media (min-width: 768px) {
    .chance-popup .modal-dialog {
      width: 550px; } }
  .chance-popup .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .chance-popup .modal-header::before, .chance-popup .modal-header::after {
      display: none; }
  .chance-popup .back {
    font-size: 32px;
    opacity: 0;
    pointer-events: none;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #e1ab87; }
    .chance-popup .back i {
      font-size: 22px; }
    .chance-popup .back .glyphicon-remove {
      font-size: 0.6em; }
  .chance-popup .success .close {
    color: #e1ab87; }
  .chance-popup .modal-content {
    background: #cac2b6; }
    .chance-popup .modal-content.success {
      background: #fff; }
    .chance-popup .modal-content.success .back {
      opacity: 1;
      pointer-events: auto;
      cursor: pointer; }
  .chance-popup .modal-body {
    min-height: 600px;
    height: 600px;
    overflow: hidden; }

.chance-machine {
  position: absolute;
  left: 40px;
  width: 443px;
  height: 593px;
  background-image: url("/img/chance/CHANCEMACHINE_FILMSTRIP.gif");
  background-position: left center;
  margin: 0 auto; }
  .chance-machine.play {
    -webkit-animation: drawAnimation 3.7s steps(37);
    animation: drawAnimation 3.7s steps(37); }
    .chance-machine.play.faster {
      -webkit-animation: drawAnimation 3s steps(37);
      animation: drawAnimation 3s steps(37); }
  .chance-machine .prompt-arrow {
    position: absolute;
    top: 34%;
    right: 11%;
    width: 41px;
    font-size: 25px;
    color: #b98c75;
    -webkit-animation: arrowBounce 1s infinite;
    animation: arrowBounce 1s infinite; }
    .chance-machine .prompt-arrow .arrow-text {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      line-height: 1em;
      position: relative;
      bottom: -5px; }
      .chance-machine .prompt-arrow .arrow-text .glyphicon {
        font-size: 0.6em; }
  .chance-machine .confirmation {
    position: absolute;
    top: 60%;
    right: -8%;
    width: 200px;
    padding: 10px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #333;
    background-color: #fff;
    border-radius: 10px; }
    .chance-machine .confirmation::before {
      content: "";
      display: block;
      position: absolute;
      top: -9px;
      left: 90px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #ffffff transparent; }
    .chance-machine .confirmation p {
      text-align: left;
      font-size: 16px; }
    .chance-machine .confirmation .btn {
      font-weight: bold; }

.post-draw {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%; }
  .post-draw .item {
    margin-bottom: 25px; }
  .post-draw h2 {
    font-size: 35px;
    line-height: 1.1;
    font-weight: bold; }
  .post-draw .items-list {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0; }
  .post-draw .item-name {
    display: inline;
    color: #555; }
  .post-draw.multiple .item-thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px 50px;
    margin-bottom: 5%; }
    .post-draw.multiple .item-thumbs .item {
      width: 20%;
      text-align: center; }
      .post-draw.multiple .item-thumbs .item .img-responsive {
        margin: 0px auto; }
  .post-draw.multiple h2 {
    font-size: 25px; }
  .post-draw .item-columns {
    display: block;
    margin-top: 20px;
    padding: 0 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    text-align: left; }
    .post-draw .item-columns .item-name {
      display: block;
      margin-top: 5px;
      font-size: 16px;
      text-transform: none;
      font-weight: 400; }

.chance-popup--premium .chance-machine {
  background-image: url("/img/chance/PREMCHANCEMACHINE_FILMSTRIP.gif");
  width: 524px; }
  .chance-popup--premium .chance-machine.play {
    -webkit-animation: drawAnimationPremium 3.7s steps(37);
    animation: drawAnimationPremium 3.7s steps(37); }
    .chance-popup--premium .chance-machine.play.faster {
      -webkit-animation: drawAnimationPremium 3s steps(37);
      animation: drawAnimationPremium 3s steps(37); }

@media (min-width: 768px) {
  .chance-popup--premium .modal-dialog {
    width: 620px; } }

.chance-popup--premium .modal-content {
  background-color: #a1a1a1; }

.chance-popup--premium .confirmation {
  top: 56%;
  right: -6%; }

.chance-popup--premium .prompt-arrow {
  right: 6%;
  color: #fff; }

@-webkit-keyframes drawAnimation {
  100% {
    background-position: -16391px 0px; } }

@keyframes drawAnimation {
  100% {
    background-position: -16391px 0px; } }

@-webkit-keyframes drawAnimationPremium {
  100% {
    background-position: -19388px 0px; } }

@keyframes drawAnimationPremium {
  100% {
    background-position: -19388px 0px; } }

@-webkit-keyframes arrowBounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@keyframes arrowBounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

/*
  Character Creation
*/
#character-creation {
  position: relative; }
  #character-creation canvas {
    position: absolute;
    top: 0;
    height: 100vmax !important;
    max-height: 812px;
    z-index: 0; }
  #character-creation .preview-container {
    background-image: url("/img/character_creation/preview_base.png");
    background-repeat: no-repeat;
    background-position: center bottom; }
  #character-creation .create-banner {
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out; }
    #character-creation .create-banner:hover {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
      cursor: pointer; }
    #character-creation .create-banner:active, #character-creation .create-banner:focus {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
      outline: none;
      box-shadow: none; }
  #character-creation .active .bubbles {
    position: relative;
    bottom: -50px; }
    #character-creation .active .bubbles > .particle {
      opacity: 0;
      position: absolute;
      background-color: white;
      -webkit-animation: bubbles 2s ease-in infinite;
      animation: bubbles 2s ease-in infinite;
      border-radius: 100%; }
  #character-creation:before {
    background: url("/img/create.png") no-repeat; }
  #character-creation .arrow:hover {
    opacity: 0.6; }
  #character-creation .arrow.disabled {
    opacity: 0.2; }
  #character-creation .slide-arrow-right {
    display: block;
    width: 23px;
    height: 73px;
    background-image: url("/img/character_creation/spritesheet.png");
    background-repeat: no-repeat;
    background-position: 0 0; }
  #character-creation .slide-arrow-left, #character-creation .subslide-arrow-left {
    position: absolute;
    top: 50%;
    left: 36px;
    margin-top: -65px;
    z-index: 3; }
  #character-creation .slide-arrow-right, #character-creation .subslide-arrow-right {
    position: absolute;
    top: 450px;
    right: 10px;
    margin-top: -65px;
    z-index: 3; }
  #character-creation .character-creation-slides, #character-creation .character-creation-subslides {
    position: relative;
    width: auto;
    height: 812px;
    z-index: 1;
    overflow: hidden; }
  #character-creation .character-creation-slide, #character-creation .character-creation-subslide {
    position: absolute;
    width: 100%;
    height: 812px;
    top: 0;
    left: 0; }
    #character-creation .character-creation-slide .character, #character-creation .character-creation-subslide .character {
      background: url("/img/shadow.png") 30px 330px no-repeat; }
  #character-creation .character-creation-subslides {
    height: 812px;
    max-height: 812px;
    height: 812px;
    overflow-x: hidden; }
    #character-creation .character-creation-subslides .content-wrapper {
      position: relative;
      overflow: hidden;
      height: 572px; }
    #character-creation .character-creation-subslides .bubbles {
      position: fixed;
      top: -100px;
      left: 15%;
      height: 150px;
      width: 70%;
      margin: 0 auto;
      z-index: -1; }
      #character-creation .character-creation-subslides .bubbles > .particle {
        opacity: 0;
        position: absolute;
        background-color: white;
        -webkit-animation: bubbles 5s ease-in infinite;
        animation: bubbles 5s ease-in infinite;
        border-radius: 100%; }
  #character-creation .character-creation-background {
    background: url("/img/character_creation/modalback.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10% 20%; }
  #character-creation .subslide-arrow-left, #character-creation .subslide-arrow-right {
    display: block;
    width: 42px;
    height: 136px;
    background-image: url("/img/character_creation/spritesheet.png");
    background-repeat: no-repeat; }
  #character-creation .subslide-arrow-left {
    left: 15%;
    background-position: -25px 0px; }
  #character-creation .subslide-arrow-right {
    right: 15%;
    background-position: -75px 0px; }
  #character-creation .class-select {
    float: left;
    width: 25%; }
  #character-creation .character-class {
    display: inline-block;
    position: relative;
    min-height: 200px;
    color: #b98c75;
    margin-bottom: 24px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }
    #character-creation .character-class .class-image {
      display: inline-block;
      height: 684px;
      background-image: url("/img/character_creation/races.png");
      background-repeat: no-repeat;
      position: relative; }
      #character-creation .character-class .class-image.human {
        width: 304px;
        background-position: 0px 0px; }
      #character-creation .character-class .class-image.animal {
        width: 299px;
        background-position: -304px 0px; }
      #character-creation .character-class .class-image.elven {
        width: 299px;
        background-position: -603px 0px; }
      #character-creation .character-class .class-image.galactic {
        width: 302px;
        background-position: -905px 0px; }
      #character-creation .character-class .class-image .description {
        position: absolute;
        bottom: 40px;
        left: 40px;
        right: 40px;
        background: #fff;
        border-radius: 8px;
        padding: 15px;
        font-size: 13px;
        color: #555;
        line-height: 1.3;
        text-align: left;
        height: 170px;
        overflow: hidden; }
    #character-creation .character-class .character-stats {
      text-align: left; }
      #character-creation .character-class .character-stats ul {
        list-style-type: none;
        margin-bottom: 5px; }
        #character-creation .character-class .character-stats ul li {
          float: left;
          width: 25%;
          text-align: center; }
          #character-creation .character-class .character-stats ul li .icon {
            width: 43px;
            height: 38px;
            background-image: url("/img/character_creation/stats.png");
            background-repeat: no-repeat; }
            #character-creation .character-class .character-stats ul li .icon.tenacity {
              background-position: 0px 0px; }
            #character-creation .character-class .character-stats ul li .icon.honour {
              background-position: -50px 0px; }
            #character-creation .character-class .character-stats ul li .icon.charm {
              background-position: -100px 0px; }
            #character-creation .character-class .character-stats ul li .icon.comprehension {
              background-position: -150px 0px; }
            #character-creation .character-class .character-stats ul li .icon.up {
              background-position-y: -50px; }
            #character-creation .character-class .character-stats ul li .icon.down {
              background-position-y: -100px; }
      #character-creation .character-class .character-stats .stats-description .text-tnc {
        color: #ffc451; }
      #character-creation .character-class .character-stats .stats-description .text-hnr {
        color: #ff7e7e; }
      #character-creation .character-class .character-stats .stats-description .text-crm {
        color: #a8d170; }
      #character-creation .character-class .character-stats .stats-description .text-cmp {
        color: #45e2ff; }
    #character-creation .character-class.active {
      -webkit-filter: grayscale(0%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(0%);
      transition: all .2s ease-out; }
      #character-creation .character-class.active .character-class-left {
        color: #fff; }
      #character-creation .character-class.active .character-class-right {
        color: #fff; }
        #character-creation .character-class.active .character-class-right .stats li {
          color: #fff; }
    #character-creation .character-class .character-class-left {
      float: left;
      width: 110px;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-size: 26px;
      text-align: center;
      text-transform: uppercase;
      color: #f8d0a1; }
    #character-creation .character-class .character-class-right {
      padding-left: 135px;
      font-size: 13px;
      text-align: left; }
      #character-creation .character-class .character-class-right .stats {
        position: absolute;
        right: 15px;
        bottom: 15px;
        list-style: none;
        margin: 0; }
        #character-creation .character-class .character-class-right .stats li {
          display: inline-block;
          color: #959595;
          margin: 0 6px 0 0; }
  #character-creation .choice-list, #character-creation .items-list {
    list-style: none;
    text-align: left;
    margin: 50px 0 0; }
    #character-creation .choice-list li, #character-creation .items-list li {
      display: inline-block; }
  #character-creation .choice, #character-creation .items-list-item {
    margin-bottom: 20px;
    opacity: 0.5; }
    #character-creation .choice.active, #character-creation .items-list-item.active {
      opacity: 1.0; }
  #character-creation #choose-class {
    padding-right: 50px; }
  #character-creation #choose-features .part-types li {
    margin-right: 2px; }
    #character-creation #choose-features .part-types li a {
      border-radius: 6px 6px 0px 0px;
      font-weight: normal;
      font-size: 20px;
      min-width: 100px; }
    #character-creation #choose-features .part-types li.active a, #character-creation #choose-features .part-types li.active a:hover, #character-creation #choose-features .part-types li.active a:active, #character-creation #choose-features .part-types li.active a:visited, #character-creation #choose-features .part-types li.active a:focus, #character-creation #choose-features .part-types li.active a:link {
      color: #e1ab87; }
  #character-creation #choose-features .character-base {
    display: inline-block;
    margin: 30px 68px 0 0;
    transition: all 0.25s ease-in; }
    #character-creation #choose-features .character-base:last-child {
      margin-right: 0; }
    #character-creation #choose-features .character-base.active {
      opacity: 0.6; }
  #character-creation #choose-clothes #create-character {
    margin-top: 36px; }
  #character-creation #choose-clothes .item-types li {
    margin-right: 2px; }
    #character-creation #choose-clothes .item-types li a {
      border-radius: 6px 6px 0px 0px;
      font-weight: normal;
      font-size: 20px;
      min-width: 100px; }
    #character-creation #choose-clothes .item-types li.active a, #character-creation #choose-clothes .item-types li.active a:hover, #character-creation #choose-clothes .item-types li.active a:active, #character-creation #choose-clothes .item-types li.active a:visited, #character-creation #choose-clothes .item-types li.active a:focus, #character-creation #choose-clothes .item-types li.active a:link {
      color: #e1ab87; }
  #character-creation #choose-features h2, #character-creation #choose-clothes h2, #character-creation #enter-world h2 {
    font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 45px;
    margin-top: 20px; }
    #character-creation #choose-features h2 .username, #character-creation #choose-clothes h2 .username, #character-creation #enter-world h2 .username {
      color: #e54b4b; }
  #character-creation h1 {
    font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 45px;
    color: #fff; }

#clothing-diary-content {
  display: -ms-flexbox;
  display: flex; }
  #clothing-diary-content .item-preview-pane {
    margin-right: 15px;
    text-align: center;
    width: 220px; }
    #clothing-diary-content .item-preview-pane .item-preview-header {
      margin-left: 12px;
      margin-right: 12px;
      padding: 5px;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      font-size: 18px;
      line-height: 1em;
      text-align: center;
      background-color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #b98c75; }
    #clothing-diary-content .item-preview-pane .item-preview-wrapper {
      padding: 10px;
      background-color: #fff;
      border-radius: 12px;
      margin-bottom: 20px; }
      #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview {
        position: relative;
        width: 200px;
        height: 325px; }
        #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview img, #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview div {
          position: absolute;
          top: 0;
          left: 0; }
        #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview #front-layer, #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview .apng.front {
          z-index: 2; }
        #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview #preview-skin {
          z-index: 1; }
        #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview #back-layer, #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview .apng.back {
          z-index: 0; }
      #clothing-diary-content .item-preview-pane .item-preview-wrapper .save-preview {
        margin-top: 10px; }
        #clothing-diary-content .item-preview-pane .item-preview-wrapper .save-preview .btn {
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff;
          font-size: 16px;
          line-height: 1em;
          padding: 5px 7px;
          margin-top: 10px; }
    #clothing-diary-content .item-preview-pane .skin-select {
      display: -ms-flexbox;
      display: flex;
      text-transform: uppercase;
      font-size: 18px;
      margin-bottom: 20px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #b98c75; }
      #clothing-diary-content .item-preview-pane .skin-select select {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 5px;
        width: 100%; }
    #clothing-diary-content .item-preview-pane .wardrobe-note {
      color: #555;
      line-height: 1.2em; }
      #clothing-diary-content .item-preview-pane .wardrobe-note span {
        background-color: #b98c75;
        color: #fff;
        border: 2px solid #fff;
        padding: 4px;
        border-radius: 15px;
        font-size: 8px;
        line-height: 1em;
        vertical-align: middle; }
  #clothing-diary-content .item-pane {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 15px;
    width: 614px; }
    #clothing-diary-content .item-pane .rarity-tabs {
      display: -ms-flexbox;
      display: flex;
      margin-left: 12px;
      margin-right: 12px; }
      #clothing-diary-content .item-pane .rarity-tabs .rarity-tab {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        font-size: 18px;
        line-height: 1em;
        text-align: center;
        background-color: #b98c75;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #faebc1; }
        #clothing-diary-content .item-pane .rarity-tabs .rarity-tab.active {
          background-color: #faebc1;
          color: #b98c75; }
        #clothing-diary-content .item-pane .rarity-tabs .rarity-tab:hover {
          cursor: pointer; }
    #clothing-diary-content .item-pane .item-content {
      background-color: #faebc1;
      padding: 30px;
      border-radius: 12px;
      width: 100%; }
      #clothing-diary-content .item-pane .item-content .search-bar {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        #clothing-diary-content .item-pane .item-content .search-bar .search-owned, #clothing-diary-content .item-pane .item-content .search-bar .search-slot {
          -ms-flex-item-align: stretch;
          align-self: stretch;
          margin-right: 7px;
          width: 35%; }
        #clothing-diary-content .item-pane .item-content .search-bar .search-keyword {
          margin-right: 5px; }
      #clothing-diary-content .item-pane .item-content .item-not-found {
        color: #555; }
      #clothing-diary-content .item-pane .item-content .item-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 528px;
        -ms-flex-line-pack: start;
        align-content: flex-start; }
        #clothing-diary-content .item-pane .item-content .item-list .item-wrapper {
          display: inline-block;
          position: relative;
          padding: 5px;
          -ms-flex: 0 0 16.6667%;
          flex: 0 0 16.6667%;
          width: 80px;
          height: 80px;
          margin: 4px 0px; }
          #clothing-diary-content .item-pane .item-content .item-list .item-wrapper:hover {
            cursor: pointer; }
          #clothing-diary-content .item-pane .item-content .item-list .item-wrapper img {
            background-color: transparent;
            border: 3px solid transparent;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 0; }
          #clothing-diary-content .item-pane .item-content .item-list .item-wrapper.active img {
            background-color: #d85d5d;
            border: 3px solid #d85d5d;
            border-radius: 50%; }
          #clothing-diary-content .item-pane .item-content .item-list .item-wrapper.skinned img {
            background-color: #959595;
            border: 3px solid #959595;
            border-radius: 50%; }
          #clothing-diary-content .item-pane .item-content .item-list .item-wrapper .item-in-wardrobe {
            position: absolute;
            left: 55px;
            bottom: 0px;
            background-color: #b98c75;
            color: #fff;
            border: 2px solid #fff;
            padding: 4px;
            border-radius: 15px;
            font-size: 8px;
            line-height: 1em; }
      #clothing-diary-content .item-pane .item-content .page-switcher {
        text-align: right; }
        #clothing-diary-content .item-pane .item-content .page-switcher .prev-page:hover, #clothing-diary-content .item-pane .item-content .page-switcher .next-page:hover {
          cursor: pointer; }
  #clothing-diary-content input, #clothing-diary-content select {
    border: 0px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b98c75; }
    #clothing-diary-content input[type="text"], #clothing-diary-content select[type="text"] {
      padding: 1px 5px; }

.comments {
  margin: 0 0 24px;
  list-style: none; }
  .comments .comment .block-message {
    margin-bottom: 12px;
    margin-left: 95px; }
  .comments .comment.mute {
    opacity: 0.75; }
  .comments .comment .comment-icon {
    float: left;
    border-radius: 50%;
    border: 3px solid #fff;
    overflow: hidden;
    background: #fff; }
  .comments .comment .comment-content {
    background: #e8b492;
    color: #fff;
    border-radius: 10px;
    padding: 12px 24px;
    margin: 0 0 12px 95px;
    min-height: 78px; }
    .comments .comment .comment-content.author {
      background: #d8a481; }
    .comments .comment .comment-content a {
      color: #fff; }
    .comments .comment .comment-content .comment-head {
      margin-bottom: 12px; }
    .comments .comment .comment-content .time {
      float: right; }
    .comments .comment .comment-content .user {
      font-weight: bold; }
    .comments .comment .comment-content .comment-body p:last-child {
      margin-bottom: 0; }

.add-comment {
  border-radius: 10px;
  background: #e8b492;
  color: #fff;
  padding: 16px 24px;
  margin: 0 0 0 95px; }
  .add-comment h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-style: normal;
    line-height: 1em;
    margin-bottom: 12px;
    font-size: 20px; }
  .add-comment .form-group {
    margin-bottom: 12px; }
  .add-comment .comment-body {
    min-height: 220px; }
  .add-comment .btn:hover {
    background: #f8d0a1;
    color: #b98c75; }
  .add-comment hr {
    border-color: #fff; }

.add-friend {
  margin-bottom: 24px; }

#customs .customs-rules, #customs .item-select, #customs input[type=text], #customs select, #customs textarea {
  border-radius: 8px;
  border: 0px; }

#customs .custom-row {
  color: #555; }
  #customs .custom-row .item-previews {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #customs .custom-row .item-previews .preview-clothing {
      position: relative;
      width: 200px;
      height: 325px; }
      #customs .custom-row .item-previews .preview-clothing img {
        position: absolute;
        top: 0;
        left: 0; }

#customs .collect-modal .close {
  opacity: 1; }

#customs .collect-modal .modal-dialog {
  margin: 150px auto; }

#customs .collect-modal .modal-content {
  border-color: #fff;
  background: #fce0bd; }
  #customs .collect-modal .modal-content h2 {
    color: #555;
    margin-top: 5px;
    margin-bottom: 5px; }
  #customs .collect-modal .modal-content h3 {
    color: #959595; }
  #customs .collect-modal .modal-content .item-name {
    color: #e54b4b;
    text-transform: uppercase;
    font-weight: bold; }
  #customs .collect-modal .modal-content .item-image {
    background-image: url("/img/alchemy/alchemy-socket.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 150px; }
    #customs .collect-modal .modal-content .item-image img {
      position: relative;
      top: 38px;
      left: 3px; }

#customs .customs-form label {
  color: #555; }

#customs .customs-form .item-select {
  display: inline-block; }
  #customs .customs-form .item-select .panel-body {
    padding-bottom: 20px; }
    #customs .customs-form .item-select .panel-body .item-select-item {
      position: relative;
      display: inline-block; }
      #customs .customs-form .item-select .panel-body .item-select-item .item-select-count {
        text-align: center;
        position: absolute;
        right: 0;
        bottom: -10px;
        min-width: 30px;
        border-radius: 30px;
        border: 2px solid #fff;
        background-color: #b98c75;
        font-size: 14px;
        color: #fff;
        padding: 0 5px; }
      #customs .customs-form .item-select .panel-body .item-select-item:first-of-type {
        margin-right: 15px; }
      #customs .customs-form .item-select .panel-body .item-select-item.selected img {
        -webkit-filter: drop-shadow(1px 0px 0 #f8d0a1) drop-shadow(-1px 0px 0 #f8d0a1) drop-shadow(0px 1px 0 #f8d0a1) drop-shadow(0px -1px 0 #f8d0a1) drop-shadow(1px 1px 0 #f8d0a1) drop-shadow(-1px 1px 0 #f8d0a1) drop-shadow(1px -1px 0 #f8d0a1) drop-shadow(-1px -1px 0 #f8d0a1);
        filter: drop-shadow(1px 0px 0 #f8d0a1) drop-shadow(-1px 0px 0 #f8d0a1) drop-shadow(0px 1px 0 #f8d0a1) drop-shadow(0px -1px 0 #f8d0a1) drop-shadow(1px 1px 0 #f8d0a1) drop-shadow(-1px 1px 0 #f8d0a1) drop-shadow(1px -1px 0 #f8d0a1) drop-shadow(-1px -1px 0 #f8d0a1); }
      #customs .customs-form .item-select .panel-body .item-select-item.selected .item-select-count {
        border-color: #f8d0a1;
        border-width: 3px;
        bottom: -11px; }

#customs .customs-form .reference-link {
  display: -ms-flexbox;
  display: flex; }

#customs .customs-form .help-text {
  color: #555;
  margin-top: 5px; }

#customs .customs-form .upload-row {
  display: -ms-flexbox;
  display: flex; }
  #customs .customs-form .upload-row > div {
    display: inline-block; }
  #customs .customs-form .upload-row .upload-image {
    width: 220px; }
  #customs .customs-form .upload-row .upload-or {
    width: 80px;
    padding-top: 4px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555; }
  #customs .customs-form .upload-row .upload-url {
    width: 500px; }

#customs .customs-form .image-upload-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff; }

#customs .customs-form .submit-button, #customs .customs-form .refund-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 25px;
  border-radius: 8px;
  padding: 3px 10px; }

#customs .customs-form .refund-button {
  margin-left: 10px; }

#customs .customs-table {
  text-align: center; }
  #customs .customs-table th {
    text-align: center;
    font-size: 1.3em;
    line-height: 1em; }
  #customs .customs-table td {
    padding: 12px 16px; }
    #customs .customs-table td a {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #cb8e6d;
      font-size: 1.1em; }
    #customs .customs-table td .label {
      font-size: 1.1em;
      border-radius: 6px;
      padding: .1em .6em;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff; }
      #customs .customs-table td .label.label-success {
        background-color: #9cbb58; }
        #customs .customs-table td .label.label-success a, #customs .customs-table td .label.label-success a:hover {
          color: #fff; }
  #customs .customs-table tr:nth-of-type(2n) {
    background-color: #f9edd2; }

#customs .collect-form {
  display: inline-block; }
  #customs .collect-form .btn {
    font-size: 1.1em;
    border-radius: 6px;
    padding: .1em .6em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    margin-left: 10px; }

#customs .modal-content {
  padding: 50px;
  text-align: center;
  font-size: 16px;
  color: #555; }
  #customs .modal-content .btn {
    font-size: 1.1em;
    border-radius: 6px;
    padding: .1em .6em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff; }

#event {
  margin-top: 20px; }

.event-error {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  color: #555;
  font-size: 20px; }

.event-icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/event_icons.png");
  background-repeat: no-repeat; }
  .event-icon.tail.left {
    background-position: -50px -100px;
    width: 29px;
    height: 16px; }
  .event-icon.tail.bottom {
    background-position: -100px -100px;
    width: 39px;
    height: 20px; }

.event-modal .modal-content {
  border-color: #fff;
  background: #fce0bd;
  color: #555;
  font-size: 18px;
  text-align: center;
  padding: 50px; }
  .event-modal .modal-content .task-name {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b98c75;
    font-size: 35px; }
  .event-modal .modal-content .task-description {
    font-size: 18px;
    margin-bottom: 20px; }
  .event-modal .modal-content .task-info {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #e54b4b; }
  .event-modal .modal-content form {
    display: inline-block; }

.event-title-wrapper {
  text-align: center;
  position: absolute;
  top: -61px;
  width: 958px;
  margin: 0 -47px; }
  .event-title-wrapper .event-title {
    display: inline-block;
    position: relative;
    padding: 0 10px;
    background-image: url("/img/event-banner-middle-s.png");
    background-size: contain;
    text-align: center;
    line-height: 122px;
    font-size: 35px;
    color: #b98c75;
    font-family: "Cardenio Modern Bold", "Helvetica", "Arial", sans-serif; }
    .event-title-wrapper .event-title::before, .event-title-wrapper .event-title::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      height: 122px;
      background-size: contain;
      background-repeat: no-repeat; }
    .event-title-wrapper .event-title::before {
      left: -60px;
      width: 61px;
      background-image: url("/img/event-banner-left-s.png"); }
    .event-title-wrapper .event-title::after {
      right: -57px;
      width: 57px;
      background-image: url("/img/event-banner-right-s.png"); }

.event-button {
  display: inline-block;
  min-width: 202px;
  height: 56px;
  padding: 5px 20px 10px;
  border: 4px solid #fff;
  border-radius: 20px;
  box-shadow: inset 0px -4px 0px 2px #f2a365;
  background-color: #f7c97f;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  vertical-align: middle; }
  .event-button:active, .event-button:focus {
    padding-top: 10px;
    background-color: #f5bd77;
    box-shadow: none;
    outline: none; }
  .event-button.disabled, .event-button[disabled] {
    background-color: #cfcfcf;
    box-shadow: inset 0px -4px 0px 2px #c4c4c4; }
    .event-button.disabled:active, .event-button.disabled:focus, .event-button[disabled]:active, .event-button[disabled]:focus {
      background-color: #cbcbcb;
      box-shadow: none; }
  .event-button.button-alt {
    box-shadow: inset 0px -4px 0px 2px #d43c23;
    background-color: #e34f32; }
    .event-button.button-alt:active, .event-button.button-alt:focus {
      background-color: #dd5041;
      box-shadow: none; }
  .event-button.button-success {
    box-shadow: inset 0px -4px 0px 2px #80b636;
    background-color: #8dc63f; }
    .event-button.button-success:active, .event-button.button-success:focus {
      background-color: #72a230;
      box-shadow: none; }
  .event-button.button-orange {
    box-shadow: inset 0px -4px 0px 2px #d6860e;
    background-color: #f1a026; }
    .event-button.button-orange:active, .event-button.button-orange:focus {
      background-color: #be770c;
      box-shadow: none; }

.event-tab-content {
  min-height: 350px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .event-tab-content .tab-pane {
    width: 100%; }

.event-tier {
  font-size: 14px;
  line-height: 1.2em; }
  .event-tier .text-highlight {
    color: #d43c23;
    font-weight: bold; }
  .event-tier .event-tier-current {
    font-size: 16px; }
  .event-tier .event-tier-points, .event-tier .event-tier-currency {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px; }
    .event-tier .event-tier-points img, .event-tier .event-tier-currency img {
      min-width: 75px;
      width: 75px;
      height: 75px;
      margin-right: 10px; }
    .event-tier .event-tier-points div, .event-tier .event-tier-currency div {
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: left; }
      .event-tier .event-tier-points div a, .event-tier .event-tier-currency div a {
        font-weight: bold; }

.event-divider {
  height: 5px;
  width: 70%;
  margin: 15px auto;
  background: #cbcbcb;
  border-radius: 2.5px;
  border-color: transparent; }
  .event-divider.long {
    width: 80%; }

.event-task-info {
  font-size: 16px; }

.event-list {
  text-align: left;
  font-size: 17px;
  list-style: none; }

.event-score-table {
  font-size: 18px;
  font-weight: 700;
  width: 100%; }
  .event-score-table td {
    padding: 2px 10px; }
  .event-score-table tr:nth-child(odd) {
    background-color: #ebebeb; }
  .event-score-table tr.highlight {
    background-color: #ea9a00; }
    .event-score-table tr.highlight > * {
      color: #fff; }
      .event-score-table tr.highlight > * a {
        color: #fff; }
  .event-score-table-rank {
    color: #d8a481;
    text-align: right;
    width: 30px; }
  .event-score-table-user a {
    color: #959595;
    text-transform: uppercase; }
  .event-score-table-points {
    color: #b7b7b7;
    text-align: right; }

.event-row {
  margin-top: 20px; }
  .event-row .round-tabs li.active a {
    color: #e34f32;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px; }
    .event-row .round-tabs li.active a:hover {
      color: #e34f32; }

.event-rewards-list {
  list-style: none;
  margin-bottom: 0; }
  .event-rewards-list .icon.scaled {
    margin-left: -10px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }

.event-rewards-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px; }
  .event-rewards-block:nth-child(even) {
    background-color: #fff0c6; }

.event-rewards-text {
  -ms-flex: 1 1 60%;
  flex: 1 1 60%;
  padding-right: 40px; }

.event-rewards-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #ea9a00;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle; }

.event-rewards-items {
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555; }
  .event-rewards-items .inventory-item {
    display: inline-block;
    margin-bottom: 10px; }

.event-rewards-description--padded {
  padding-left: 20px; }

.event-rewards-achievement {
  color: #b98c75; }

.event-rewards-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2; }

.event-rewards-circle {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 50%;
  border: 4px solid #e8b492; }

.event-rewards-subtext {
  font-size: 18px; }

.event-note {
  margin-top: 5px;
  text-align: center; }
  .event-note .event-participant-count {
    color: #e54b4b; }

#reward-modal .modal-content .harvest-reward-blurb {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  color: #555;
  margin-bottom: 20px; }

#reward-modal .modal-content .harvest-modal-rewards {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555; }
  #reward-modal .modal-content .harvest-modal-rewards .reward {
    margin-bottom: 15px; }
  #reward-modal .modal-content .harvest-modal-rewards .items h1 {
    color: #555;
    font-size: 18px;
    margin-top: 10px; }
  #reward-modal .modal-content .harvest-modal-rewards .items .item-name {
    color: #e54b4b; }

#reward-modal .modal-content .event-modal-rewards .reward-items:before, #reward-modal .modal-content .event-modal-rewards .reward-items:after {
  display: table;
  content: " "; }

#reward-modal .modal-content .event-modal-rewards .reward-items:after {
  clear: both; }

#reward-modal .modal-content .event-modal-rewards .reward-items .reward {
  float: left;
  margin-bottom: 20px;
  max-width: 50%;
  width: 50%;
  padding: 0px 7px; }
  #reward-modal .modal-content .event-modal-rewards .reward-items .reward h1 {
    font-size: 18px;
    line-height: 1.2em;
    margin-top: 15px; }

#reward-modal.event-reward-modal .modal-dialog .reward-info,
#pet-harvest-modal .modal-dialog .reward-info {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  margin-bottom: 15px; }

#reward-modal.event-reward-modal .modal-dialog .event-reward,
#pet-harvest-modal .modal-dialog .event-reward {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  font-size: 18px; }
  #reward-modal.event-reward-modal .modal-dialog .event-reward.stats,
  #pet-harvest-modal .modal-dialog .event-reward.stats {
    font-size: 16px;
    color: #555; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.stats .reward-tnc,
    #pet-harvest-modal .modal-dialog .event-reward.stats .reward-tnc {
      color: #ea9a00; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.stats .reward-hnr,
    #pet-harvest-modal .modal-dialog .event-reward.stats .reward-hnr {
      color: #e54b4b; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.stats .reward-cmp,
    #pet-harvest-modal .modal-dialog .event-reward.stats .reward-cmp {
      color: #56abbb; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.stats .reward-crm,
    #pet-harvest-modal .modal-dialog .event-reward.stats .reward-crm {
      color: #76a635; }
  #reward-modal.event-reward-modal .modal-dialog .event-reward.items,
  #pet-harvest-modal .modal-dialog .event-reward.items {
    margin-top: 10px;
    margin-bottom: 15px; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.items .reward,
    #pet-harvest-modal .modal-dialog .event-reward.items .reward {
      display: inline-block;
      position: relative;
      margin-left: 3px;
      margin-right: 3px;
      margin-bottom: 15px; }
      #reward-modal.event-reward-modal .modal-dialog .event-reward.items .reward .reward-item-quantity,
      #pet-harvest-modal .modal-dialog .event-reward.items .reward .reward-item-quantity {
        text-align: center;
        position: absolute;
        right: 0;
        bottom: -10px;
        min-width: 30px;
        border-radius: 30px;
        border: 2px solid #fff;
        background-color: #b98c75;
        font-size: 14px;
        color: #fff;
        padding: 0 5px; }
  #reward-modal.event-reward-modal .modal-dialog .event-reward.quest,
  #pet-harvest-modal .modal-dialog .event-reward.quest {
    color: #555;
    margin-bottom: 0px;
    line-height: 1.2em; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.quest:before,
    #pet-harvest-modal .modal-dialog .event-reward.quest:before {
      content: 'Quest';
      color: #d43c23;
      margin-right: 10px; }
  #reward-modal.event-reward-modal .modal-dialog .event-reward.shop,
  #pet-harvest-modal .modal-dialog .event-reward.shop {
    color: #555;
    margin-bottom: 0px;
    line-height: 1.2em; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.shop:before,
    #pet-harvest-modal .modal-dialog .event-reward.shop:before {
      content: 'Shop';
      color: #ea9a00;
      margin-right: 10px; }
  #reward-modal.event-reward-modal .modal-dialog .event-reward.achievement,
  #pet-harvest-modal .modal-dialog .event-reward.achievement {
    margin-top: 15px;
    margin-bottom: 15px; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.achievement img,
    #pet-harvest-modal .modal-dialog .event-reward.achievement img {
      vertical-align: bottom; }
  #reward-modal.event-reward-modal .modal-dialog .event-reward.affections, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet,
  #pet-harvest-modal .modal-dialog .event-reward.affections,
  #pet-harvest-modal .modal-dialog .event-reward.npc,
  #pet-harvest-modal .modal-dialog .event-reward.pet {
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    margin: 15px auto 5px;
    -ms-flex-align: center;
    align-items: center; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.affections img, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc img, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet img,
    #pet-harvest-modal .modal-dialog .event-reward.affections img,
    #pet-harvest-modal .modal-dialog .event-reward.npc img,
    #pet-harvest-modal .modal-dialog .event-reward.pet img {
      width: 75px;
      border-radius: 50%;
      border: 3px solid #f8d0a1;
      margin-right: 5px; }
    #reward-modal.event-reward-modal .modal-dialog .event-reward.affections .reward-info, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc .reward-info, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet .reward-info,
    #pet-harvest-modal .modal-dialog .event-reward.affections .reward-info,
    #pet-harvest-modal .modal-dialog .event-reward.npc .reward-info,
    #pet-harvest-modal .modal-dialog .event-reward.pet .reward-info {
      text-align: left; }
      #reward-modal.event-reward-modal .modal-dialog .event-reward.affections .reward-info .reward-name, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc .reward-info .reward-name, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet .reward-info .reward-name,
      #pet-harvest-modal .modal-dialog .event-reward.affections .reward-info .reward-name,
      #pet-harvest-modal .modal-dialog .event-reward.npc .reward-info .reward-name,
      #pet-harvest-modal .modal-dialog .event-reward.pet .reward-info .reward-name {
        color: #555;
        line-height: 1.2em; }
      #reward-modal.event-reward-modal .modal-dialog .event-reward.affections .reward-info .reward-quantity, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc .reward-info .reward-quantity, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet .reward-info .reward-quantity,
      #pet-harvest-modal .modal-dialog .event-reward.affections .reward-info .reward-quantity,
      #pet-harvest-modal .modal-dialog .event-reward.npc .reward-info .reward-quantity,
      #pet-harvest-modal .modal-dialog .event-reward.pet .reward-info .reward-quantity {
        color: #d43c23;
        line-height: 1em;
        font-size: 16px; }

.collection-event .event-collection-timer {
  color: #555;
  font-size: 15px;
  margin-bottom: 10px; }
  .collection-event .event-collection-timer .timer-right {
    float: right; }
  .collection-event .event-collection-timer .timer-left {
    float: left; }
  .collection-event .event-collection-timer .timer-right b, .collection-event .event-collection-timer .timer-left b {
    color: #d43c23; }

.collection-event .event-header {
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 15px;
  text-align: center; }

.collection-event .event-gatherables {
  display: -ms-flexbox;
  display: flex;
  background-color: #eab490;
  padding: 10px;
  border-radius: 16px;
  margin-bottom: 15px; }
  .collection-event .event-gatherables .event-currency-item {
    width: 75px;
    height: 75px; }
  .collection-event .event-gatherables .event-currency {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 7px;
    margin-top: 5px; }
    .collection-event .event-gatherables .event-currency > div:first-of-type {
      font-size: 26px;
      font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
      color: #fff; }
      .collection-event .event-gatherables .event-currency > div:first-of-type span {
        margin-right: 5px; }
      .collection-event .event-gatherables .event-currency > div:first-of-type > span:nth-of-type(2) {
        display: inline-block;
        width: 7px;
        height: 7px;
        background-color: #fff;
        border-radius: 50%; }
    .collection-event .event-gatherables .event-currency > div:last-of-type {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #b46347;
      font-size: 18px; }
      .collection-event .event-gatherables .event-currency > div:last-of-type > span:first-of-type {
        margin-right: 7px; }
      .collection-event .event-gatherables .event-currency > div:last-of-type > span:last-of-type {
        font-size: 22px;
        line-height: 1.3em; }
    .collection-event .event-gatherables .event-currency > div > span:last-of-type {
      font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
      color: #d43c23; }
  .collection-event .event-gatherables .gatherable-list {
    width: 170px; }
    .collection-event .event-gatherables .gatherable-list div {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #b46347; }
    .collection-event .event-gatherables .gatherable-list .gatherables {
      display: -ms-flexbox;
      display: flex;
      padding-right: 10px;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .collection-event .event-gatherables .gatherable-list .gatherables img {
        width: 50px;
        height: 50px; }
  .collection-event .event-gatherables .gatherable-info {
    width: 170px;
    padding: 10px;
    background-color: #fff;
    border-radius: 12px;
    font-size: 13px;
    color: #555; }

.collection-event .event-body .event-img-header {
  text-align: center;
  margin-bottom: 15px; }
  .collection-event .event-body .event-img-header img {
    height: 55px; }

.collection-event .event-body .event-info .event-description {
  padding: 10px;
  background-color: #fff;
  border-radius: 12px; }

.collection-event .event-body .event-quick-links .quick-links-info {
  color: #555;
  text-align: left;
  margin-bottom: 10px; }
  .collection-event .event-body .event-quick-links .quick-links-info .text-highlight {
    font-weight: bold; }

.collection-event .event-body .event-quick-links .random-button {
  margin-bottom: 10px;
  font-size: 24px;
  border-radius: 14px;
  padding: 10px 20px 15px;
  height: 66px; }
  .collection-event .event-body .event-quick-links .random-button:not(.disabled) {
    box-shadow: inset 0px -4px 0px 2px #f46824;
    background-image: linear-gradient(to bottom, #ffbe47, #f88e35); }
    .collection-event .event-body .event-quick-links .random-button:not(.disabled):active, .collection-event .event-body .event-quick-links .random-button:not(.disabled):focus {
      padding-top: 10px;
      background-image: none;
      background-color: #f46824;
      box-shadow: none;
      outline: none; }

.collection-event .event-body .event-quick-links .quick-links-countdown {
  color: #555;
  margin-bottom: 10px; }

.collection-event .event-body .event-quick-links .text-highlight, .collection-event .event-body .event-quick-links .countdown {
  color: #d43c23; }

.collection-event .event-body .event-quick-links .btn-warning {
  font-weight: bold;
  font-size: 14px;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px; }

.gatherable-item {
  position: absolute; }
  .gatherable-item .gatherable-button {
    background-color: transparent;
    padding: 0px;
    width: 50px;
    height: 50px;
    border: 0px; }

.coop-event .event-button {
  font-size: 24px; }

.coop-event .event-tab-content {
  font-size: 14px;
  min-height: initial; }
  .coop-event .event-tab-content.daily-rewards {
    margin-bottom: 15px; }

.coop-event .event-row {
  margin-top: 10px; }

.coop-event .event-task-info, .coop-event .event-list, .coop-event .event-tier-current {
  font-size: 14px; }

.coop-event .daily-rewards .event-reward-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.coop-event .daily-rewards .text-highlight {
  color: #d43c23;
  font-weight: bold;
  margin-right: 5px; }

.coop-event .daily-rewards .btn-claim {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  background-color: #f1a026;
  padding: 3px 5px;
  font-size: 14px;
  line-height: 1em;
  margin-left: 5px; }
  .coop-event .daily-rewards .btn-claim.disabled {
    background-color: #b7b7b7; }

.coop-event .daily-rewards .reward-checkbox {
  background-color: #d7d7d7;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  margin-right: 5px;
  border-radius: 4px; }
  .coop-event .daily-rewards .reward-checkbox.checked:after {
    content: '';
    display: block;
    background-image: url("/img/checkmark.png");
    position: absolute;
    top: -4px;
    left: -1px;
    width: 22px;
    height: 22px;
    background-size: 100%; }

.coop-event .event-rewards-block {
  padding: 5px 20px 15px;
  display: block; }
  .coop-event .event-rewards-block .event-rewards-text .event-rewards-description {
    font-size: 14px;
    line-height: 1.2em; }
  .coop-event .event-rewards-block .event-rewards-text {
    padding: 0px;
    margin-bottom: 10px; }
    .coop-event .event-rewards-block .event-rewards-text .event-rewards-title {
      font-size: 24px; }
  .coop-event .event-rewards-block .event-rewards-description {
    width: 100%;
    padding: 0 20px; }
  .coop-event .event-rewards-block:not(.active) {
    background-color: #fefefe;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
    .coop-event .event-rewards-block:not(.active):nth-child(even) {
      background-color: #fff0c6; }
  .coop-event .event-rewards-block .event-rewards-countdown {
    font-weight: bold;
    font-style: italic;
    color: #b7b7b7;
    position: relative;
    top: -5px; }
  .coop-event .event-rewards-block .btn {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    line-height: 1em;
    padding: 5px 7px;
    border-radius: 6px; }
    .coop-event .event-rewards-block .btn.btn-success {
      background-color: #76a635; }
    .coop-event .event-rewards-block .btn.disabled {
      background-color: #b7b7b7; }
  .coop-event .event-rewards-block .event-rewards-items {
    text-align: center;
    margin-bottom: 10px; }

.coop-event .event-header img {
  display: block;
  max-width: 100%;
  margin: 0px auto;
  margin-bottom: 15px; }

.coop-event .event-header .event-info .event-description {
  margin-bottom: 20px; }
  .coop-event .event-header .event-info .event-description .parsed-text {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    border-radius: 12px;
    background-color: #fff;
    padding: 15px;
    font-size: 15px; }
    .coop-event .event-header .event-info .event-description .parsed-text img {
      display: inline-block;
      margin: 0px; }

.coop-event .event-tasks {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px; }
  .coop-event .event-tasks .event-tasks-roll {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .coop-event .event-tasks .event-tasks-roll > div {
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .coop-event .event-tasks .event-tasks-roll .event-task-spacer {
      width: 33%;
      text-align: left; }
      .coop-event .event-tasks .event-tasks-roll .event-task-spacer:first-of-type {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        font-size: 24px; }
        .coop-event .event-tasks .event-tasks-roll .event-task-spacer:first-of-type .fa-caret-right {
          margin: 0px 5px; }
        .coop-event .event-tasks .event-tasks-roll .event-task-spacer:first-of-type .task-rolls {
          color: #ea9a00; }
      .coop-event .event-tasks .event-tasks-roll .event-task-spacer:last-of-type {
        padding-left: 15px;
        color: #d85d5d; }
  .coop-event .event-tasks .event-task {
    display: inline-block;
    margin: 0 5px 15px 5px;
    vertical-align: top; }
  .coop-event .event-tasks .task-countdown {
    color: #e54b4b;
    text-align: center; }
  .coop-event .event-tasks .task-checklist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .coop-event .event-tasks .task-checklist .checklist-divider {
      background-color: #e8b492;
      width: 4px;
      margin: 15px 40px 15px;
      border-radius: 4px; }
    .coop-event .event-tasks .task-checklist .checklist-item {
      display: -ms-flexbox;
      display: flex;
      width: 27%; }
      .coop-event .event-tasks .task-checklist .checklist-item:first-of-type:before {
        display: none; }
      .coop-event .event-tasks .task-checklist .checklist-item .checklist-check {
        margin-right: 10px; }
      .coop-event .event-tasks .task-checklist .checklist-item .checklist-item-content {
        text-align: left;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .coop-event .event-tasks .task-checklist .checklist-item .checklist-item-content .checklist-item-name {
          font-size: 20px;
          margin-top: 3px;
          margin-bottom: 3px;
          vertical-align: middle;
          display: inline-block;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #d85d5d; }
        .coop-event .event-tasks .task-checklist .checklist-item .checklist-item-content .checklist-description {
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          margin-bottom: 5px; }
        .coop-event .event-tasks .task-checklist .checklist-item .checklist-item-content .hand-in-button {
          font-size: 15px;
          min-width: 100px;
          height: 45px;
          border-width: 3px;
          border-radius: 16px;
          margin-top: 10px; }
  .coop-event .event-tasks .confirm-reroll-tasks {
    margin-left: 10px; }
  .coop-event .event-tasks .reroll-indicator {
    display: inline-block;
    padding-left: 10px;
    color: #d85d5d; }

.coop-event .event-progress-timer {
  font-weight: bold;
  font-style: italic;
  color: #555;
  width: 100%;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  z-index: 99; }

.coop-event #progress-container {
  position: relative; }

.coop-event .event-progress {
  margin: 40px 0px 50px;
  position: relative; }
  .coop-event .event-progress .event-progress-bar {
    width: 100%;
    height: 10px;
    border-radius: 500px;
    background-color: #d7d7d7;
    border: 4px solid #fff;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
    margin-bottom: 3px; }
    .coop-event .event-progress .event-progress-bar img {
      position: absolute;
      right: 100%; }
    .coop-event .event-progress .event-progress-bar .progress-bar {
      overflow: hidden;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      background-color: transparent; }
      .coop-event .event-progress .event-progress-bar .progress-bar .gradient-bg {
        width: 100%;
        height: 10px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51e7ec+0,fde62d+50,f74444+100 */
        background: #f74444;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #f74444 0%, #fde62d 50%, #51e7ec 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$rainbowRed', endColorstr='$rainbowBlue',GradientType=1 );
        /* IE6-9 */ }
  .coop-event .event-progress .event-progress-percentage {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 28px;
    -webkit-filter: drop-shadow(1px 0px 0 #ffbe47) drop-shadow(-1px 0px 0 #ffbe47) drop-shadow(0px 1px 0 #ffbe47) drop-shadow(0px -1px 0 #ffbe47) drop-shadow(1px 1px 0 #ffbe47) drop-shadow(-1px 1px 0 #ffbe47) drop-shadow(1px -1px 0 #ffbe47) drop-shadow(-1px -1px 0 #ffbe47);
    filter: drop-shadow(1px 0px 0 #ffbe47) drop-shadow(-1px 0px 0 #ffbe47) drop-shadow(0px 1px 0 #ffbe47) drop-shadow(0px -1px 0 #ffbe47) drop-shadow(1px 1px 0 #ffbe47) drop-shadow(-1px 1px 0 #ffbe47) drop-shadow(1px -1px 0 #ffbe47) drop-shadow(-1px -1px 0 #ffbe47);
    margin-left: 10px; }
  .coop-event .event-progress .event-progress-percentage-tier {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 28px;
    -webkit-filter: drop-shadow(1px 0px 0 #9cbb58) drop-shadow(-1px 0px 0 #9cbb58) drop-shadow(0px 1px 0 #9cbb58) drop-shadow(0px -1px 0 #9cbb58) drop-shadow(1px 1px 0 #9cbb58) drop-shadow(-1px 1px 0 #9cbb58) drop-shadow(1px -1px 0 #9cbb58) drop-shadow(-1px -1px 0 #9cbb58);
    filter: drop-shadow(1px 0px 0 #9cbb58) drop-shadow(-1px 0px 0 #9cbb58) drop-shadow(0px 1px 0 #9cbb58) drop-shadow(0px -1px 0 #9cbb58) drop-shadow(1px 1px 0 #9cbb58) drop-shadow(-1px 1px 0 #9cbb58) drop-shadow(1px -1px 0 #9cbb58) drop-shadow(-1px -1px 0 #9cbb58);
    float: right;
    margin-right: 10px; }
  .coop-event .event-progress .event-tier-milestones {
    position: absolute;
    top: -11px;
    display: -ms-flexbox;
    display: flex;
    width: 872px;
    z-index: 1; }
    .coop-event .event-progress .event-tier-milestones .event-tier-milestone {
      text-align: center;
      position: absolute; }
      .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-claimed {
        filter: gray;
        -webkit-filter: grayscale(1) contrast(0.4) brightness(1.5);
        filter: grayscale(1) contrast(0.3) brightness(1.5); }
      .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-available img, .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-claimed img {
        width: 40px;
        position: relative; }
      .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-available + .tier-message, .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-claimed + .tier-message {
        width: 86px;
        left: -23px;
        top: 5px;
        color: #d85d5d;
        text-transform: uppercase; }
        .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-available + .tier-message:before, .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-claimed + .tier-message:before {
          bottom: -20px;
          left: 37px; }
      .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-hidden {
        border-radius: 50%;
        background-color: #fff;
        width: 26px;
        height: 26px;
        position: relative;
        top: 7px; }
        .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-hidden + .tier-message {
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          right: -13px;
          top: 50px;
          color: #959595; }
          .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-hidden + .tier-message:before {
            top: -20px;
            right: 20px; }
      .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-message {
        position: absolute;
        background-color: #fff;
        border-radius: 6px;
        padding: 3px 5px;
        line-height: 1em;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        font-style: italic;
        font-weight: bold; }
        .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-message:before {
          display: block;
          content: '';
          border: 10px solid #fff;
          border-width: 10px 6px;
          border-top-color: transparent;
          border-left-color: transparent;
          border-right-color: transparent;
          position: absolute; }
      .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-pointer {
        -webkit-animation: bobSmall 0.8s infinite;
        animation: bobSmall 0.8s infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        border: 10px solid #d85d5d;
        border-width: 10px 6px;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        position: absolute;
        left: 14px;
        top: -17px; }

.coop-event .event-body {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px; }
  .coop-event .event-body .event-note {
    margin-bottom: 0px;
    font-size: 14px; }

.coop-event .event-img-header {
  text-align: center;
  margin-bottom: 20px; }
  .coop-event .event-img-header.mb-0-5 {
    margin-bottom: 0.5em !important; }

.coop-event .event-contribute .contribute-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  -ms-flex-pack: center;
  justify-content: center; }
  .coop-event .event-contribute .contribute-item img {
    width: 75px;
    min-width: 75px;
    margin-right: 10px;
    -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
    filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
  .coop-event .event-contribute .contribute-item .event-button {
    font-size: 18px;
    padding: 7px 10px 10px;
    height: 52px;
    border-width: 4px; }

.coop-event .event-pet-interaction {
  margin-bottom: 10px; }

.coop-event .contribute-currency {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  width: 320px;
  margin: 0 auto; }
  .coop-event .contribute-currency img {
    width: 75px;
    min-width: 75px;
    margin-right: 10px;
    -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
    filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
  .coop-event .contribute-currency .contribute-currency-text {
    font-size: 14px;
    line-height: 1.2em;
    background-color: #fff;
    border-radius: 6px;
    padding: 7px; }
    .coop-event .contribute-currency .contribute-currency-text a, .coop-event .contribute-currency .contribute-currency-text .currency-item-name {
      font-weight: bold; }

.coop-event .contribute-text {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center; }
  .coop-event .contribute-text .text-highlight {
    color: #d43c23;
    font-weight: bold; }
  .coop-event .contribute-text .contribute-stats {
    color: #b46347;
    font-style: italic;
    font-weight: bold; }

.coop-event .event-quick-links .btn-warning {
  font-weight: bold;
  font-size: 20px;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px; }

.coop-event .event-reward-currencies {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  font-size: 20px;
  margin-bottom: 5px; }
  .coop-event .event-reward-currencies::after {
    content: "";
    display: table;
    clear: both; }
  .coop-event .event-reward-currencies > * {
    float: left; }
  .coop-event .event-reward-currencies--inline {
    display: inline-block;
    vertical-align: middle; }
  .coop-event .event-reward-currencies > div:first-of-type {
    margin-right: 20px; }
  .coop-event .event-reward-currencies .icon.scaled {
    margin-right: -10px;
    margin-bottom: -25px;
    margin-top: -25px; }

.coop-event .event-reward-inventory {
  margin-bottom: 5px; }

.coop-event .event-record {
  text-align: center;
  font-size: 22px; }
  .coop-event .event-record .event-record-header {
    margin-top: 15px; }
  .coop-event .event-record .record-count {
    color: #e54b4b;
    font-weight: bold; }
  .coop-event .event-record ul {
    display: inline-block;
    list-style-type: none; }
    .coop-event .event-record ul li {
      font-size: 20px; }
      .coop-event .event-record ul li:before {
        content: "";
        background-image: url("/img/event_bullet.png");
        height: 18px;
        width: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px; }

.coop-event .icon.checklist-checkbox {
  background-image: url("/img/gifting_event.png");
  width: 27px;
  height: 27px;
  background-position: -80px 0px; }
  .coop-event .icon.checklist-checkbox.checked {
    background-position: -120px 0px; }

#pet-harvest-modal .modal-dialog {
  margin-top: 100px;
  width: 420px; }

#pet-harvest-modal .modal-banner {
  text-align: center;
  position: relative;
  z-index: 1; }
  #pet-harvest-modal .modal-banner img {
    position: relative;
    z-index: 1;
    bottom: -35px; }
  #pet-harvest-modal .modal-banner .bubbles > .particle {
    opacity: 0;
    position: absolute;
    background-color: white;
    -webkit-animation: bubbles 3s ease-in infinite;
    animation: bubbles 3s ease-in infinite;
    border-radius: 100%; }

#pet-harvest-modal .modal-content {
  border-color: #fff;
  padding: 50px;
  text-align: center;
  background-color: #f8d0a1; }
  #pet-harvest-modal .modal-content h1 {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b98c75;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 30px; }
  #pet-harvest-modal .modal-content label {
    cursor: pointer;
    padding: 4px;
    position: relative;
    margin: 0px 3px; }
  #pet-harvest-modal .modal-content input:checked + label {
    background-color: #f9edd2;
    border-radius: 12px; }
  #pet-harvest-modal .modal-content .interaction-text {
    margin-top: 7px;
    color: #cb8e6d;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 18px; }
  #pet-harvest-modal .modal-content .interaction-result {
    margin-top: 7px;
    color: #555;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 18px; }
    #pet-harvest-modal .modal-content .interaction-result .interaction-highlight {
      font-weight: bold;
      color: #b98c75; }
  #pet-harvest-modal .modal-content .interaction-result-buttons {
    margin-bottom: 0px; }
  #pet-harvest-modal .modal-content .interaction-error {
    color: #555;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 18px; }
  #pet-harvest-modal .modal-content .pet-action-buttons, #pet-harvest-modal .modal-content .interaction-result-buttons {
    margin-top: 30px;
    margin-bottom: 20px; }
    #pet-harvest-modal .modal-content .pet-action-buttons .btn, #pet-harvest-modal .modal-content .interaction-result-buttons .btn {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      font-size: 17px;
      line-height: 1em;
      padding: 5px 7px;
      border-radius: 6px;
      display: inline-block;
      width: auto;
      margin: 0px 5px; }
      #pet-harvest-modal .modal-content .pet-action-buttons .btn.btn-success, #pet-harvest-modal .modal-content .interaction-result-buttons .btn.btn-success {
        background-color: #76a635; }
      #pet-harvest-modal .modal-content .pet-action-buttons .btn.btn-danger, #pet-harvest-modal .modal-content .interaction-result-buttons .btn.btn-danger {
        background-color: #d85d5d; }

#pet-profile .coop-interact-progress {
  background: #fff;
  margin: 10px auto;
  border: 3px solid #fff;
  height: 15px;
  border-radius: 10px; }

#pet-profile .coop-interact-banner, #pet-profile .coop-harvest-banner {
  display: inline-block;
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out; }
  #pet-profile .coop-interact-banner:not(.disabled):hover, #pet-profile .coop-harvest-banner:not(.disabled):hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    cursor: pointer; }
  #pet-profile .coop-interact-banner:not(.disabled):active, #pet-profile .coop-harvest-banner:not(.disabled):active {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  #pet-profile .coop-interact-banner.disabled, #pet-profile .coop-harvest-banner.disabled {
    filter: gray;
    -webkit-filter: grayscale(1) contrast(0.5) brightness(1.4);
    filter: grayscale(1) contrast(0.5) brightness(1.4); }

#pet-profile .coop-harvest-banner {
  margin: 5px 0px; }

#pet-profile .coop-countdown {
  display: block;
  width: 200px;
  text-align: center;
  color: #d43c23; }

.coop-event-modal .modal-dialog {
  width: 500px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.coop-event-modal .modal-content {
  background-color: #f8d0a1;
  padding: 30px; }
  .coop-event-modal .modal-content h1 {
    font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
    color: #d85d5d;
    font-size: 32px;
    text-transform: none;
    font-weight: normal;
    margin-bottom: 5px; }
  .coop-event-modal .modal-content .donate-text {
    color: #555;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    margin-bottom: 5px; }
  .coop-event-modal .modal-content .donate-quantity {
    margin: 20px auto 15px;
    border: 0px;
    width: 150px; }
  .coop-event-modal .modal-content .donate-note {
    color: #555;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 14px; }
  .coop-event-modal .modal-content .donate-buttons {
    margin-top: 15px; }
    .coop-event-modal .modal-content .donate-buttons .btn {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      font-size: 20px;
      line-height: 1em;
      padding: 5px 9px;
      border-radius: 8px;
      margin: 0px 6px; }
      .coop-event-modal .modal-content .donate-buttons .btn.btn-success {
        background-color: #76a635; }
      .coop-event-modal .modal-content .donate-buttons .btn.btn-danger {
        background-color: #d85d5d; }

.gifting-event .gifting-npc {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .gifting-event .gifting-npc .gifting-npc-icon {
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 50%;
    margin-right: 30px;
    min-width: 152px;
    height: 152px; }
  .gifting-event .gifting-npc .gifting-npc-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 15px;
    background-color: #fff;
    color: #555;
    border-radius: 12px;
    padding: 30px;
    position: relative;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 16px; }
    .gifting-event .gifting-npc .gifting-npc-text:before {
      content: '';
      display: block;
      position: absolute;
      border: 15px solid #fff;
      border-color: transparent #fff transparent transparent;
      left: -30px;
      top: 60px; }

.gifting-event .gifting-tree {
  position: relative; }
  .gifting-event .gifting-tree .ornaments {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px; }
    .gifting-event .gifting-tree .ornaments .ornament {
      position: absolute;
      /*
          &:nth-of-type(1) {
            left: 300px;
            top: 160px;
          }
          &:nth-of-type(2) {
            left: 470px;
            top: 178px;
          }
          &:nth-of-type(3) {
            left: 175px;
            top: 234px;
          }
          &:nth-of-type(4) {
            left: 613px;
            top: 240px;
          }
          &:nth-of-type(5) {
            left: 73px;
            top: 353px;
          }
          &:nth-of-type(6) {
            left: 702px;
            top: 360px;
          }
          */ }

.gifting-event .event-info {
  display: -ms-flexbox;
  display: flex; }
  .gifting-event .event-info .event-gifts {
    width: 42%; }
    .gifting-event .event-info .event-gifts .presents-wrapper {
      padding-left: 35px;
      padding-right: 110px;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      margin-bottom: 25px; }
      .gifting-event .event-info .event-gifts .presents-wrapper .presents {
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center; }
        .gifting-event .event-info .event-gifts .presents-wrapper .presents .presents-count {
          font-size: 45px;
          line-height: 1em;
          margin-bottom: 7px;
          font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
          -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
          filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
        .gifting-event .event-info .event-gifts .presents-wrapper .presents .presents-action {
          padding: 7px 5px;
          border-radius: 8px;
          width: 90px;
          line-height: 1em;
          font-size: 16px;
          margin-left: auto;
          margin-right: auto;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff; }
        .gifting-event .event-info .event-gifts .presents-wrapper .presents.donated {
          margin-right: 10px; }
          .gifting-event .event-info .event-gifts .presents-wrapper .presents.donated .presents-action {
            background-color: #76a635; }
          .gifting-event .event-info .event-gifts .presents-wrapper .presents.donated .presents-count {
            color: #76a635; }
        .gifting-event .event-info .event-gifts .presents-wrapper .presents.claimed {
          margin-left: 10px; }
          .gifting-event .event-info .event-gifts .presents-wrapper .presents.claimed .presents-action {
            background-color: #d85d5d; }
          .gifting-event .event-info .event-gifts .presents-wrapper .presents.claimed .presents-count {
            color: #d85d5d; }
    .gifting-event .event-info .event-gifts .wrapping-wrapper {
      background-color: #fff;
      border-radius: 8px;
      width: 220px;
      margin-left: 54px;
      margin-bottom: 30px; }
      .gifting-event .event-info .event-gifts .wrapping-wrapper .wrapping-paper {
        float: left;
        margin-left: -20px;
        margin-top: -14px;
        -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
        filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
      .gifting-event .event-info .event-gifts .wrapping-wrapper .wrapping-text {
        font-size: 15px;
        padding: 7px;
        line-height: 1.3em;
        margin-left: 53px;
        font-style: italic;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #959595; }
        .gifting-event .event-info .event-gifts .wrapping-wrapper .wrapping-text .wrapping-paper-count {
          font-size: 22px;
          margin-right: 2px;
          color: #d85d5d; }
    .gifting-event .event-info .event-gifts .donate-gift {
      margin-bottom: 30px; }
      .gifting-event .event-info .event-gifts .donate-gift .gift-section-header .gift-bullet {
        margin-top: -12px; }
      .gifting-event .event-info .event-gifts .donate-gift .roll-tasks {
        padding-left: 35px; }
        .gifting-event .event-info .event-gifts .donate-gift .roll-tasks .roll-tasks-button {
          display: inline-block;
          height: 44px;
          padding: 3px 14px 10px;
          border: 3px solid #fff;
          border-radius: 12px;
          box-shadow: inset 0px -3px 0px 2px #649521;
          background-color: #76a635;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          font-size: 20px;
          vertical-align: middle;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff; }
          .gifting-event .event-info .event-gifts .donate-gift .roll-tasks .roll-tasks-button:active, .gifting-event .event-info .event-gifts .donate-gift .roll-tasks .roll-tasks-button:focus {
            padding-top: 5px;
            background-color: #649521;
            box-shadow: none;
            outline: none; }
      .gifting-event .event-info .event-gifts .donate-gift .gift-checklist {
        padding-left: 35px; }
        .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll {
          margin-top: 10px;
          -ms-flex-align: center;
          align-items: center;
          display: -ms-flexbox;
          display: flex; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks {
            display: inline-block;
            height: 42px;
            padding: 3px 9px 10px;
            border: 3px solid #fff;
            border-radius: 12px;
            box-shadow: inset 0px -3px 0px 2px #ea9a00;
            background-color: #ffbe47;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            font-size: 18px;
            vertical-align: middle;
            margin-bottom: 5px;
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #fff; }
            .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks:focus {
              padding-top: 5px;
              background-color: #ea9a00;
              box-shadow: none;
              outline: none; }
            .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks.disabled, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks[disabled] {
              background-color: #cfcfcf;
              box-shadow: inset 0px -4px 0px 2px #c4c4c4; }
              .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks.disabled:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks.disabled:focus, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks[disabled]:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks[disabled]:focus {
                background-color: #cbcbcb;
                box-shadow: none; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .reroll-indicator {
            display: inline-block;
            padding-left: 7px;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            font-style: italic;
            color: #555;
            line-height: 1.1em; }
            .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .reroll-indicator .reroll-count {
              font-weight: bold;
              color: #d85d5d; }
        .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item {
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 3px; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-check {
            margin-right: 7px; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .hand-in-button, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .select-present {
            background-color: #76a635;
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #fff; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .select-present {
            font-size: 18px;
            line-height: 1em;
            padding: 3px 5px;
            border-radius: 8px;
            margin-left: 5px; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .hand-in-button {
            font-size: 15px;
            line-height: 1em;
            padding: 5px 7px;
            border-radius: 5px; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .checklist-item-name {
            font-size: 20px;
            margin-top: 3px;
            margin-bottom: 3px;
            vertical-align: middle;
            display: inline-block;
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #d85d5d; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .checklist-description {
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #555;
            margin-bottom: 5px; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .task-list {
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #555; }
            .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .task-list .task-item {
              margin-left: 5px; }
              .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .task-list .task-item:before {
                content: '';
                display: inline-block;
                position: relative;
                left: -5px;
                width: 10px;
                height: 10px;
                border: 2px solid #fff;
                border-radius: 50%;
                background-color: #fff; }
              .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .task-list .task-item.done:before {
                background-color: #76a635; }
        .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present {
          display: inline-block;
          height: 44px;
          padding: 3px 14px 10px;
          border: 3px solid #fff;
          border-radius: 12px;
          box-shadow: inset 0px -3px 0px 2px #649521;
          background-color: #76a635;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          font-size: 20px;
          vertical-align: middle;
          margin-top: 10px;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present:focus {
            padding-top: 5px;
            background-color: #649521;
            box-shadow: none;
            outline: none; }
          .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present.disabled, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present[disabled] {
            background-color: #cfcfcf;
            box-shadow: inset 0px -4px 0px 2px #c4c4c4; }
            .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present.disabled:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present.disabled:focus, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present[disabled]:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present[disabled]:focus {
              background-color: #cbcbcb;
              box-shadow: none; }
    .gifting-event .event-info .event-gifts .receive-gift .gift-section-header {
      margin-bottom: 8px; }
    .gifting-event .event-info .event-gifts .receive-gift .pick-present {
      margin-left: 35px;
      margin-bottom: 10px; }
      .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button {
        display: inline-block;
        height: 70px;
        padding: 7px 16px 10px;
        border: 4px solid #fff;
        border-radius: 12px;
        box-shadow: inset 0px -3px 0px 2px #ca3b3b;
        background-color: #d85d5d;
        font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
        font-size: 30px;
        vertical-align: middle;
        text-transform: none;
        color: #fff; }
        .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button:active, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button:focus {
          padding-top: 10px;
          background-color: #ca3b3b;
          box-shadow: none;
          outline: none; }
        .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button.disabled, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button[disabled] {
          background-color: #cfcfcf;
          box-shadow: inset 0px -4px 0px 2px #c4c4c4; }
          .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button.disabled:active, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button.disabled:focus, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button[disabled]:active, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button[disabled]:focus {
            background-color: #cbcbcb;
            box-shadow: none; }
    .gifting-event .event-info .event-gifts .receive-gift .pick-present-info {
      margin-left: 35px;
      color: #555;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      width: 234px; }
      .gifting-event .event-info .event-gifts .receive-gift .pick-present-info p {
        margin-bottom: 10px; }
      .gifting-event .event-info .event-gifts .receive-gift .pick-present-info .present-highlight {
        font-weight: bold;
        color: #d85d5d; }
  .gifting-event .event-info .event-prizes {
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .gifting-event .event-info .event-prizes .event-end-time {
      background-color: #ea9a00;
      font-size: 18px;
      border-radius: 5px;
      font-style: italic;
      margin-bottom: 20px;
      margin-top: 15px;
      display: inline-block;
      padding: 3px 20px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff; }
      .gifting-event .event-info .event-prizes .event-end-time.ended {
        background-color: #d85d5d;
        font-size: 16px; }
    .gifting-event .event-info .event-prizes .currency-wrapper {
      background-color: #fff;
      border-radius: 5px;
      margin-left: 45px;
      height: 54px;
      margin-bottom: 30px;
      display: inline-block; }
      .gifting-event .event-info .event-prizes .currency-wrapper .currency-item {
        float: left;
        margin-left: -50px;
        margin-top: -10px;
        -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
        filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
      .gifting-event .event-info .event-prizes .currency-wrapper .currency-text {
        font-size: 15px;
        padding: 3px 12px 3px 3px;
        line-height: 1.6em;
        margin-left: 30px;
        font-style: italic;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #959595; }
        .gifting-event .event-info .event-prizes .currency-wrapper .currency-text .currency-text-header {
          font-size: 20px; }
        .gifting-event .event-info .event-prizes .currency-wrapper .currency-text .currency-count {
          font-size: 16px;
          text-transform: initial;
          font-weight: normal;
          font-style: normal;
          color: #555; }
          .gifting-event .event-info .event-prizes .currency-wrapper .currency-text .currency-count .currency-highlight {
            font-weight: bold; }
        .gifting-event .event-info .event-prizes .currency-wrapper .currency-text .currency-highlight {
          color: #d85d5d; }
    .gifting-event .event-info .event-prizes .additional-prizes .additional-prizes-header {
      margin-bottom: 15px; }
    .gifting-event .event-info .event-prizes .additional-prizes .unlock-time {
      font-style: italic;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #d85d5d;
      margin-bottom: 15px; }
    .gifting-event .event-info .event-prizes .additional-prizes .prize-row {
      display: -ms-flexbox;
      display: flex;
      background-color: #fff;
      border-radius: 12px;
      padding: 5px;
      margin-bottom: 15px;
      width: 100%;
      -ms-flex-align: center;
      align-items: center; }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row .gift-bow {
        margin-left: -20px;
        margin-top: -10px; }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row .prize-text {
        -ms-flex-positive: 1;
        flex-grow: 1;
        color: #555;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        font-size: 15px;
        margin-left: 10px; }
        .gifting-event .event-info .event-prizes .additional-prizes .prize-row .prize-text .prize-present-count {
          font-weight: bold;
          color: #d85d5d; }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row .btn {
        border-radius: 12px;
        font-size: 15px;
        line-height: 19px;
        padding: 3px 8px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff; }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row .btn-prize-available {
        background: linear-gradient(to bottom, #ffbe47, #ea9a00); }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row .btn-prize-unavailable {
        background-color: #c1c1c1; }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row .btn-prize-claimed {
        background-color: #76a635; }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row.available .gift-bow {
        background-position: 0px -40px; }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row.unavailable .gift-bow {
        background-position: -60px -40px; }
      .gifting-event .event-info .event-prizes .additional-prizes .prize-row.claimed .gift-bow {
        background-position: -120px -40px; }

.gifting-event .icon.gift-crown, .gifting-event .icon.gift-snowflake, .gifting-event .icon.checklist-checkbox, .gifting-event .icon.gift-bow {
  background-image: url("/img/gifting_event.png"); }

.gifting-event .icon.gift-crown {
  width: 31px;
  height: 29px;
  background-position: 0px 0px; }

.gifting-event .icon.gift-snowflake {
  margin-bottom: 12px;
  width: 30px;
  height: 26px;
  background-position: -40px 0px; }

.gifting-event .icon.checklist-checkbox {
  width: 27px;
  height: 27px;
  background-position: -80px 0px; }
  .gifting-event .icon.checklist-checkbox.checked {
    background-position: -120px 0px; }

.gifting-event .icon.gift-bow {
  width: 48px;
  height: 35px;
  background-position: 0px -40px; }

#reward-modal.gift-reward-modal .modal-dialog {
  width: 675px;
  margin-top: 0px; }
  #reward-modal.gift-reward-modal .modal-dialog.narrow {
    width: 425px; }
  #reward-modal.gift-reward-modal .modal-dialog.wide {
    width: 750px; }
  #reward-modal.gift-reward-modal .modal-dialog .modal-content {
    background-color: #fce0bd; }
  #reward-modal.gift-reward-modal .modal-dialog .donated-text {
    color: #555;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 17px; }
    #reward-modal.gift-reward-modal .modal-dialog .donated-text .donated-count {
      color: #d85d5d;
      font-weight: bold; }
  #reward-modal.gift-reward-modal .modal-dialog .sort-menu {
    margin-top: 10px;
    text-align: left; }
  #reward-modal.gift-reward-modal .modal-dialog .wrapping-choices input[type="radio"] {
    display: none; }
    #reward-modal.gift-reward-modal .modal-dialog .wrapping-choices input[type="radio"] + label {
      margin: 5px 10px 20px;
      padding-bottom: 10px;
      min-height: 170px; }
    #reward-modal.gift-reward-modal .modal-dialog .wrapping-choices input[type="radio"]:checked + label {
      display: inline-block; }
      #reward-modal.gift-reward-modal .modal-dialog .wrapping-choices input[type="radio"]:checked + label:after {
        content: '';
        display: block;
        width: 70px;
        height: 10px;
        background-color: #fff;
        border-radius: 50%;
        margin: 0px auto; }
  #reward-modal.gift-reward-modal .modal-dialog .select-instructions {
    font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
    color: #cb8e6d;
    font-size: 27px;
    margin-bottom: 25px; }
  #reward-modal.gift-reward-modal .modal-dialog .btn-success {
    font-weight: bold;
    font-size: 25px;
    line-height: 1em;
    padding: 5px 10px;
    background-color: #76a635; }
  #reward-modal.gift-reward-modal .modal-dialog .inventory .page-switcher {
    text-align: left;
    color: #cb8e6d; }
  #reward-modal.gift-reward-modal .modal-dialog .present-wrapped-text {
    color: #d85d5d;
    font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
    font-size: 30px; }
  #reward-modal.gift-reward-modal .modal-dialog .present-wrapped-info {
    font-style: italic;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #cb8e6d;
    font-size: 20px;
    width: 70%;
    margin: 10px auto 0; }
  #reward-modal.gift-reward-modal .modal-dialog .pick-present-background {
    background-image: url("/img/gifting_tree_small.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    height: 380px;
    background-size: 133%;
    background-position: center;
    position: relative; }
    #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] {
      display: none; }
      #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] + label {
        position: absolute; }
        #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] + label img {
          width: 100px; }
        #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] + label:nth-of-type(1) {
          left: 163px;
          top: 61px; }
        #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] + label:nth-of-type(2) {
          left: 292px;
          top: 71px; }
        #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] + label:nth-of-type(3) {
          left: 68px;
          top: 115px; }
        #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] + label:nth-of-type(4) {
          left: 402px;
          top: 120px; }
        #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] + label:nth-of-type(5) {
          left: -4px;
          top: 206px; }
        #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"] + label:nth-of-type(6) {
          left: 470px;
          top: 212px; }
      #reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type="radio"]:checked + label {
        -webkit-filter: drop-shadow(0px 0px 5px #ffbe47);
        filter: drop-shadow(0px 0px 5px #ffbe47); }
  #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped {
    margin-top: 40px;
    margin-bottom: 20px; }
  #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-text, #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-item, #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-info {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-text {
    font-weight: bold;
    font-size: 20px;
    color: #cb8e6d; }
  #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-item {
    font-size: 22px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #d85d5d;
    margin-bottom: 20px; }
  #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-info {
    font-size: 16px;
    color: #555;
    margin-bottom: 50px; }

.competitive-event .bg-comp_arrow {
  width: 45px;
  height: 30px;
  background: url("/img/comp_sprites.png") -720px -262px; }

.competitive-event .bg-comp_attack {
  width: 353px;
  height: 84px;
  background: url("/img/comp_sprites.png") -442px -10px; }

.competitive-event #join-event-modal .modal-dialog {
  width: 455px;
  top: 200px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
  .competitive-event #join-event-modal .modal-dialog .modal-content {
    border: 0;
    box-shadow: none;
    -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
    filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
    .competitive-event #join-event-modal .modal-dialog .modal-content .team-header {
      position: absolute;
      left: -23px;
      top: -134px; }
    .competitive-event #join-event-modal .modal-dialog .modal-content .team-text {
      text-align: center;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #b98c75;
      font-weight: bold;
      position: relative;
      margin-top: 130px;
      margin-bottom: 50px; }
    .competitive-event #join-event-modal .modal-dialog .modal-content .continue-button {
      position: absolute;
      left: 70px;
      bottom: -100px;
      transition: -webkit-transform .15s ease-out;
      transition: transform .15s ease-out; }
      .competitive-event #join-event-modal .modal-dialog .modal-content .continue-button:not(.disabled):hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        cursor: pointer; }
      .competitive-event #join-event-modal .modal-dialog .modal-content .continue-button:not(.disabled):active {
        -webkit-transform: translateY(5px);
        transform: translateY(5px); }
      .competitive-event #join-event-modal .modal-dialog .modal-content .continue-button.disabled {
        filter: gray;
        -webkit-filter: grayscale(1) contrast(0.5) brightness(1.4);
        filter: grayscale(1) contrast(0.5) brightness(1.4); }
    .competitive-event #join-event-modal .modal-dialog .modal-content .btn {
      line-height: 1em;
      font-weight: bold;
      font-size: 18px;
      padding: 3px 5px; }
      .competitive-event #join-event-modal .modal-dialog .modal-content .btn.confirm-switch {
        background-color: #76a635; }
      .competitive-event #join-event-modal .modal-dialog .modal-content .btn.cancel-button {
        background-color: #d85d5d; }

.competitive-event .text-highlight {
  color: #d85d5d; }

.competitive-event .event-start .event-header {
  margin-bottom: 15px; }

.competitive-event .event-start .start-text {
  color: #555;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 15px; }

.competitive-event .event-start .start-button {
  text-align: center;
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out; }
  .competitive-event .event-start .start-button:not(.disabled):hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    cursor: pointer; }
  .competitive-event .event-start .start-button:not(.disabled):active {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  .competitive-event .event-start .start-button.disabled {
    filter: gray;
    -webkit-filter: grayscale(1) contrast(0.5) brightness(1.4);
    filter: grayscale(1) contrast(0.5) brightness(1.4); }

.competitive-event .event-content .team-banner {
  margin-bottom: 15px; }

.competitive-event .event-content .team-blurb {
  color: #555;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 15px; }

.competitive-event .event-content .teams {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .competitive-event .event-content .teams .team {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 33%;
    text-align: center; }
    .competitive-event .event-content .teams .team .header {
      margin-bottom: 10px;
      font-family: "Cardenio Modern Bold", "Helvetica", "Arial", sans-serif;
      text-transform: lowercase;
      font-size: 33px;
      line-height: 1em; }
    .competitive-event .event-content .teams .team .portrait-wrapper {
      position: relative;
      margin-bottom: 15px; }
      .competitive-event .event-content .teams .team .portrait-wrapper .point-gain {
        width: 258px;
        height: 52px;
        background: url("/img/comp_sprites.png") -442px -262px;
        position: absolute;
        bottom: -10px;
        left: 8px; }
        .competitive-event .event-content .teams .team .portrait-wrapper .point-gain span {
          font-family: "Cardenio Modern Bold", "Helvetica", "Arial", sans-serif;
          text-transform: lowercase;
          position: absolute;
          left: 40px;
          top: 10px;
          color: #fff;
          font-size: 23px; }
    .competitive-event .event-content .teams .team .position, .competitive-event .event-content .teams .team .points {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-style: italic;
      line-height: 1.3em;
      font-size: 16px; }
    .competitive-event .event-content .teams .team .points {
      color: #555; }

.competitive-event .event-content .event-progress {
  margin-bottom: 25px;
  background-color: #fff;
  height: 32px;
  border-radius: 17px;
  border: 4px solid #fff;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  .competitive-event .event-content .event-progress .event-progress-bar {
    position: relative;
    margin-right: 16px;
    margin-left: 16px; }
    .competitive-event .event-content .event-progress .event-progress-bar:first-of-type {
      margin-left: 0; }
    .competitive-event .event-content .event-progress .event-progress-bar:last-of-type {
      margin-right: 0; }
    .competitive-event .event-content .event-progress .event-progress-bar .left-edge {
      position: absolute;
      left: -26px;
      border: 13px solid #fff;
      width: 0;
      height: 0; }
    .competitive-event .event-content .event-progress .event-progress-bar .right-edge {
      position: absolute;
      right: -26px;
      border: 13px solid #fff;
      width: 0;
      height: 0; }

.competitive-event .event-content .event-activities {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .competitive-event .event-content .event-activities .tasks {
    width: 50%; }
    .competitive-event .event-content .event-activities .tasks .team-goals {
      width: 412px;
      height: 479px;
      background: url("/img/comp_sprites.png") -10px -10px;
      background-repeat: no-repeat;
      padding: 80px 40px 40px 40px; }
      .competitive-event .event-content .event-activities .tasks .team-goals .goal-blurb {
        margin-bottom: 15px;
        color: #555;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
      .competitive-event .event-content .event-activities .tasks .team-goals .goal {
        display: -ms-flexbox;
        display: flex;
        line-height: 1.8em;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 25px; }
        .competitive-event .event-content .event-activities .tasks .team-goals .goal .image-wrapper {
          margin-right: 20px;
          position: relative; }
          .competitive-event .event-content .event-activities .tasks .team-goals .goal .image-wrapper .check {
            position: absolute;
            bottom: -10px;
            right: -10px;
            width: 57px;
            height: 56px;
            background: url("/img/comp_sprites.png") -10px -580px; }
        .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info {
          -ms-flex-positive: 1;
          flex-grow: 1;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
          .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-name {
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #e54b4b;
            font-style: italic; }
          .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-description {
            color: #555;
            line-height: 1.1em; }
          .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center; }
            .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .numeric {
              text-transform: uppercase;
              font-weight: bold;
              font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
              color: #d85d5d;
              font-style: italic;
              width: 50%;
              text-align: right;
              padding-right: 5px; }
            .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress {
              margin-left: auto;
              margin-bottom: 0px;
              width: 50%;
              height: 16px;
              border: 2px solid #fff;
              border-radius: 8px;
              background-color: #fff; }
              .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress .progress-bar {
                background-color: #959595;
                background: #959595;
                position: relative; }
                .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress .progress-bar.completed {
                  background-color: #76a635;
                  background: #76a635; }
                  .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress .progress-bar.completed:after {
                    border: 6px solid #76a635;
                    border-color: #76a635 transparent transparent #76a635; }
                .competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress .progress-bar:after {
                  content: '';
                  display: block;
                  border: 6px solid #959595;
                  border-color: #959595 transparent transparent #959595;
                  position: absolute;
                  right: -12px; }
    .competitive-event .event-content .event-activities .tasks .refresh {
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #555;
      font-style: italic;
      font-weight: bold;
      text-align: center;
      font-size: 13px;
      margin-top: 7px; }
  .competitive-event .event-content .event-activities .duels {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    text-align: center;
    color: #555;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .competitive-event .event-content .event-activities .duels .random-duel {
      margin-bottom: 20px; }
      .competitive-event .event-content .event-activities .duels .random-duel .duel-button {
        font-size: 27px;
        line-height: 1em;
        padding: 10px 12px 10px;
        height: 62px; }
        .competitive-event .event-content .event-activities .duels .random-duel .duel-button.disabled {
          background-color: #cfcfcf;
          box-shadow: inset 0px -4px 0px 2px #c4c4c4; }
        .competitive-event .event-content .event-activities .duels .random-duel .duel-button:hover {
          color: #fff; }
        .competitive-event .event-content .event-activities .duels .random-duel .duel-button:active, .competitive-event .event-content .event-activities .duels .random-duel .duel-button:focus {
          color: #fff; }
        .competitive-event .event-content .event-activities .duels .random-duel .duel-button:not(.disabled):active, .competitive-event .event-content .event-activities .duels .random-duel .duel-button:not(.disabled):focus {
          padding-top: 14px;
          box-shadow: none; }
      .competitive-event .event-content .event-activities .duels .random-duel .next-duel-challenge {
        font-weight: bold; }
      .competitive-event .event-content .event-activities .duels .random-duel > div {
        font-size: 13px;
        margin-top: 5px; }
    .competitive-event .event-content .event-activities .duels .duel-record .header-wrapper {
      text-align: center; }
      .competitive-event .event-content .event-activities .duels .duel-record .header-wrapper .header {
        margin: 0 auto 10px;
        width: 197px;
        height: 40px;
        background: url("/img/comp_sprites.png") -216px -509px; }
      .competitive-event .event-content .event-activities .duels .duel-record .header-wrapper .win-count {
        padding-left: 10px;
        position: relative;
        bottom: 4px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555; }
    .competitive-event .event-content .event-activities .duels .duel-record .collect-unclaimed {
      text-align: right;
      margin-bottom: 5px; }
      .competitive-event .event-content .event-activities .duels .duel-record .collect-unclaimed .btn {
        padding: 3px 5px;
        line-height: 1em;
        font-weight: bold;
        font-size: 17px;
        margin-right: 8px;
        color: #fff; }
      .competitive-event .event-content .event-activities .duels .duel-record .collect-unclaimed .duel-notifs {
        float: left;
        font-weight: bold; }
        .competitive-event .event-content .event-activities .duels .duel-record .collect-unclaimed .duel-notifs label {
          margin-bottom: 0px;
          height: 17px;
          vertical-align: middle; }
    .competitive-event .event-content .event-activities .duels .duel-record .duel-list {
      height: 250px;
      overflow-y: auto;
      border: 4px solid #fff;
      border-radius: 12px;
      background-color: #fff;
      margin-bottom: 10px; }
      .competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel {
        display: -ms-flexbox;
        display: flex;
        padding: 4px;
        -ms-flex-align: center;
        align-items: center; }
        .competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel:nth-of-type(2n) {
          background-color: #ebebeb; }
        .competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .respond-wrap .btn {
          padding: 3px 5px;
          line-height: 1em;
          font-weight: bold;
          font-size: 12px;
          margin-right: 8px; }
          .competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .respond-wrap .btn.duel-disabled {
            background-color: #c1c1c1;
            color: #fff; }
        .competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .duel-text {
          -ms-flex-positive: 1;
          flex-grow: 1;
          text-align: left;
          font-size: 13px;
          font-weight: bold; }
          .competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .duel-text a {
            font-weight: bold;
            color: #b98c75; }
        .competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .time {
          font-size: 13px;
          color: #959595;
          padding-right: 5px;
          text-align: right;
          font-weight: bold; }
    .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button {
      padding: 5px 10px 10px;
      width: auto;
      min-width: 0;
      height: auto;
      border-radius: 14px;
      margin-bottom: 5px;
      line-height: 1em;
      background-color: #eb5946; }
      .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:hover, .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:active, .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:focus {
        color: #fff; }
      .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:active, .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:focus {
        padding-top: 8px;
        padding-bottom: 7px;
        background-color: #d13d3d; }
      .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button.disabled {
        background-color: #cfcfcf;
        box-shadow: inset 0px -4px 0px 2px #c4c4c4; }
    .competitive-event .event-content .event-activities .duels .switch-teams .switch-team-count {
      font-weight: bold; }
    .competitive-event .event-content .event-activities .duels .switch-teams > div {
      font-size: 13px; }
  .competitive-event .event-content .event-activities .team-battle-ended, .competitive-event .event-content .event-activities .your-team-rewards {
    background-color: #fff;
    border-radius: 12px;
    margin-top: 32px;
    width: 50%;
    color: #555;
    font-size: 14px; }
    .competitive-event .event-content .event-activities .team-battle-ended .header, .competitive-event .event-content .event-activities .your-team-rewards .header {
      margin: -32px auto 2px; }
  .competitive-event .event-content .event-activities .team-battle-ended .header {
    width: 292px;
    height: 42px;
    background: url("/img/comp_sprites.png") -442px -334px; }
  .competitive-event .event-content .event-activities .team-battle-ended .text {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    padding: 10px 15px 15px; }
  .competitive-event .event-content .event-activities .your-team-rewards {
    margin-left: 10px; }
    .competitive-event .event-content .event-activities .your-team-rewards .header {
      width: 304px;
      height: 51px;
      background: url("/img/comp_sprites.png") -442px -191px; }
    .competitive-event .event-content .event-activities .your-team-rewards .blurb {
      padding: 10px 15px 15px;
      line-height: 1.2em;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .reward-header {
      margin: 10px auto 0px; }
    .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .reward-text {
      padding: 10px 15px 15px;
      line-height: 1.2em;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards {
      text-align: center;
      padding: 10px;
      margin-bottom: 15px; }
      .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-rewards-items {
        text-align: center; }
      .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #b98c75; }
        .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies::after {
          content: "";
          display: table;
          clear: both; }
        .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies > * {
          float: left; }
        .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies--inline {
          display: inline-block;
          vertical-align: middle; }
        .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies > div:first-of-type {
          margin-right: 20px; }
        .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies .icon.scaled {
          margin-right: -10px; }
      .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-rewards-achievement, .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-rewards-quests {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555; }
      .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .claim-button .btn {
        line-height: 1em;
        font-weight: bold;
        font-size: 18px;
        padding: 3px 5px; }
        .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .claim-button .btn.claimed {
          background-color: #76a635;
          cursor: default;
          color: #fff; }
    .competitive-event .event-content .event-activities .your-team-rewards .winner-reward.winning .reward-header {
      width: 190px;
      height: 25px;
      background: url("/img/comp_sprites.png") -433px -509px; }
    .competitive-event .event-content .event-activities .your-team-rewards .winner-reward.winning .rewards {
      background-color: #fff0c7; }
    .competitive-event .event-content .event-activities .your-team-rewards .winner-reward.runner-up .reward-header {
      width: 207px;
      height: 25px;
      background: url("/img/comp_sprites.png") -442px -457px; }
    .competitive-event .event-content .event-activities .your-team-rewards .winner-reward.runner-up .rewards {
      background-color: #ebebeb; }
    .competitive-event .event-content .event-activities .your-team-rewards .collect-unclaimed {
      text-align: center;
      margin-bottom: 15px; }
      .competitive-event .event-content .event-activities .your-team-rewards .collect-unclaimed .btn {
        padding: 3px 5px;
        line-height: 1em;
        font-weight: bold;
        font-size: 15px;
        margin-right: 8px;
        color: #fff; }

.competitive-event .event-content .event-prizes {
  display: -ms-flexbox;
  display: flex;
  color: #555;
  -ms-flex-align: start;
  align-items: flex-start; }
  .competitive-event .event-content .event-prizes .participant-rewards, .competitive-event .event-content .event-prizes .finale-rewards, .competitive-event .event-content .event-prizes .quick-links {
    width: 50%;
    border-radius: 12px;
    margin-top: 32px; }
    .competitive-event .event-content .event-prizes .participant-rewards .header, .competitive-event .event-content .event-prizes .finale-rewards .header, .competitive-event .event-content .event-prizes .quick-links .header {
      margin: -32px auto 2px; }
  .competitive-event .event-content .event-prizes .event-rewards .event-rewards-items {
    margin-bottom: 10px; }
  .competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b98c75; }
    .competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies::after {
      content: "";
      display: table;
      clear: both; }
    .competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies > * {
      float: left; }
    .competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies--inline {
      display: inline-block;
      vertical-align: middle; }
    .competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies > div:first-of-type {
      margin-right: 20px; }
    .competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies .icon.scaled {
      margin-right: -10px; }
  .competitive-event .event-content .event-prizes .event-rewards .event-rewards-achievement, .competitive-event .event-content .event-prizes .event-rewards .event-rewards-quests {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555; }
  .competitive-event .event-content .event-prizes .participant-rewards {
    margin-right: 10px;
    padding-bottom: 15px;
    background-color: #fff; }
    .competitive-event .event-content .event-prizes .participant-rewards .header {
      width: 321px;
      height: 57px;
      background: url("/img/comp_sprites.png") -442px -114px; }
    .competitive-event .event-content .event-prizes .participant-rewards .blurb {
      padding: 10px 15px 15px;
      line-height: 1.2em;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .competitive-event .event-content .event-prizes .participant-rewards .prize {
      position: relative; }
      .competitive-event .event-content .event-prizes .participant-rewards .prize .prize-name {
        background-color: #d7d7d7;
        padding: 5px;
        font-style: italic;
        font-size: 16px;
        line-height: 1em;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
      .competitive-event .event-content .event-prizes .participant-rewards .prize .prizes {
        padding: 15px 15px 10px 15px; }
      .competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim {
        display: -ms-flexbox;
        display: flex;
        width: 250px;
        right: 0px;
        bottom: 0px;
        padding-right: 10px;
        padding-bottom: 15px;
        margin: 0 0 0 auto;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim .claim-timer {
          text-align: right;
          color: #b7b7b7;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          font-size: 12px;
          font-weight: bold;
          margin-right: 5px;
          line-height: 1em; }
        .competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim .claim-button .btn {
          line-height: 1em;
          font-weight: bold;
          font-size: 18px;
          padding: 3px 5px; }
          .competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim .claim-button .btn.claimed {
            background-color: #76a635;
            cursor: default;
            color: #fff; }
          .competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim .claim-button .btn.disabled {
            background-color: #959595; }
  .competitive-event .event-content .event-prizes .finale-rewards {
    margin-left: 10px;
    background-color: #fff; }
    .competitive-event .event-content .event-prizes .finale-rewards .header {
      width: 247px;
      height: 41px;
      background: url("/img/comp_sprites.png") -442px -396px; }
    .competitive-event .event-content .event-prizes .finale-rewards .blurb {
      padding: 10px 15px 15px;
      line-height: 1.2em;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .reward-header {
      margin: 10px auto 0px; }
    .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .reward-text {
      padding: 10px 15px 15px;
      line-height: 1.2em;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards {
      text-align: center;
      padding: 10px;
      margin-bottom: 15px; }
      .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-rewards-items {
        text-align: center; }
      .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #b98c75; }
        .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies::after {
          content: "";
          display: table;
          clear: both; }
        .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies > * {
          float: left; }
        .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies--inline {
          display: inline-block;
          vertical-align: middle; }
        .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies > div:first-of-type {
          margin-right: 20px; }
        .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies .icon.scaled {
          margin-right: -10px; }
      .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-rewards-achievement, .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-rewards-quests {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555; }
      .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .claim-button .btn {
        line-height: 1em;
        font-weight: bold;
        font-size: 18px;
        padding: 3px 5px; }
        .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .claim-button .btn.claimed {
          background-color: #76a635;
          cursor: default;
          color: #fff; }
    .competitive-event .event-content .event-prizes .finale-rewards .winner-reward.winning .reward-header {
      width: 190px;
      height: 25px;
      background: url("/img/comp_sprites.png") -433px -509px; }
    .competitive-event .event-content .event-prizes .finale-rewards .winner-reward.winning .rewards {
      background-color: #fff0c7; }
    .competitive-event .event-content .event-prizes .finale-rewards .winner-reward.runner-up .reward-header {
      width: 207px;
      height: 25px;
      background: url("/img/comp_sprites.png") -442px -457px; }
    .competitive-event .event-content .event-prizes .finale-rewards .winner-reward.runner-up .rewards {
      background-color: #ebebeb; }
  .competitive-event .event-content .event-prizes .quick-links {
    text-align: center; }
    .competitive-event .event-content .event-prizes .quick-links .header {
      width: 186px;
      height: 51px;
      background: url("/img/comp_sprites.png") -10px -509px; }
    .competitive-event .event-content .event-prizes .quick-links .quick-links-image {
      margin-bottom: 10px; }
    .competitive-event .event-content .event-prizes .quick-links .btn {
      line-height: 1em;
      font-weight: bold;
      font-size: 20px;
      padding: 3px 5px;
      background-color: #76a635;
      color: #fff; }

#competitive-modal .modal-banner {
  text-align: center;
  position: relative;
  z-index: 0; }
  #competitive-modal .modal-banner .bubbles > .particle {
    opacity: 0;
    position: absolute;
    background-color: white;
    -webkit-animation: bubbles 3s ease-in infinite;
    animation: bubbles 3s ease-in infinite;
    border-radius: 100%; }

#competitive-modal .modal-dialog {
  width: 400px; }
  #competitive-modal .modal-dialog .modal-content {
    border: 0px;
    box-shadow: none;
    z-index: 2;
    -webkit-filter: drop-shadow(2px 0px 0 #fff) drop-shadow(-2px 0px 0 #fff) drop-shadow(0px 2px 0 #fff) drop-shadow(0px -2px 0 #fff) drop-shadow(2px 2px 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(2px -2px 0 #fff) drop-shadow(-2px -2px 0 #fff);
    filter: drop-shadow(2px 0px 0 #fff) drop-shadow(-2px 0px 0 #fff) drop-shadow(0px 2px 0 #fff) drop-shadow(0px -2px 0 #fff) drop-shadow(2px 2px 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(2px -2px 0 #fff) drop-shadow(-2px -2px 0 #fff); }
    #competitive-modal .modal-dialog .modal-content:before {
      display: block;
      content: '';
      position: absolute;
      top: -60px;
      left: 24px;
      width: 353px;
      height: 84px;
      background: url("/img/comp_sprites.png") -442px -10px; }
    #competitive-modal .modal-dialog .modal-content .btn {
      border-radius: 12px;
      margin: 5px; }
    #competitive-modal .modal-dialog .modal-content .btn-success {
      background-color: #76a635; }
    #competitive-modal .modal-dialog .modal-content .btn-danger {
      background-color: #d85d5d; }
    #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 5px; }
      #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--top-right, #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--bottom-right, #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--left {
        display: inline-block;
        width: 45px;
        height: 30px;
        background: url("/img/comp_sprites.png") -720px -262px; }
      #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--top-right {
        -webkit-transform: rotateZ(135deg);
        transform: rotateZ(135deg); }
      #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--bottom-right {
        -webkit-transform: rotateZ(-135deg);
        transform: rotateZ(-135deg); }
      #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .attack-icon {
        display: inline-block;
        margin: 0px 15px; }
      #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row input[type="radio"] {
        display: none; }
        #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row input[type="radio"]:checked + label {
          -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
          filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
    #competitive-modal .modal-dialog .modal-content .pick-attack .select-instructions {
      font-weight: bold;
      color: #cb8e6d;
      margin-bottom: 10px; }
    #competitive-modal .modal-dialog .modal-content .picked-attack {
      font-size: 16px;
      line-height: 1.2em; }
      #competitive-modal .modal-dialog .modal-content .picked-attack img {
        margin-bottom: 20px;
        margin-top: 20px; }
      #competitive-modal .modal-dialog .modal-content .picked-attack .challenge-text {
        font-weight: bold;
        color: #b98c75;
        margin-bottom: 1.2em; }
        #competitive-modal .modal-dialog .modal-content .picked-attack .challenge-text .text-highlight {
          color: #d85d5d; }
      #competitive-modal .modal-dialog .modal-content .picked-attack .info-text {
        text-align: left; }
        #competitive-modal .modal-dialog .modal-content .picked-attack .info-text .text-highlight {
          color: #d85d5d;
          font-weight: bold; }

#reward-modal.event-competitive-modal .modal-content {
  background-color: #fce0bd; }

#reward-modal.event-competitive-modal .modal-content .duel-rewards, #competitive-modal .modal-content .duel-rewards {
  font-size: 16px;
  color: #555;
  line-height: 1.3em; }
  #reward-modal.event-competitive-modal .modal-content .duel-rewards .duel-items, #competitive-modal .modal-content .duel-rewards .duel-items {
    margin-bottom: 25px; }
    #reward-modal.event-competitive-modal .modal-content .duel-rewards .duel-items .inventory-item, #competitive-modal .modal-content .duel-rewards .duel-items .inventory-item {
      display: inline-block; }
  #reward-modal.event-competitive-modal .modal-content .duel-rewards .text-highlight, #competitive-modal .modal-content .duel-rewards .text-highlight {
    color: #d85d5d;
    font-weight: bold; }
  #reward-modal.event-competitive-modal .modal-content .duel-rewards .reward-text, #competitive-modal .modal-content .duel-rewards .reward-text {
    font-weight: bold;
    color: #b98c75; }
  #reward-modal.event-competitive-modal .modal-content .duel-rewards .reward-points, #competitive-modal .modal-content .duel-rewards .reward-points {
    margin-bottom: 16px; }
  #reward-modal.event-competitive-modal .modal-content .duel-rewards .reward-list, #competitive-modal .modal-content .duel-rewards .reward-list {
    margin-bottom: 20px; }
    #reward-modal.event-competitive-modal .modal-content .duel-rewards .reward-list .reward-names, #competitive-modal .modal-content .duel-rewards .reward-list .reward-names {
      font-weight: bold;
      color: #b98c75; }
  #reward-modal.event-competitive-modal .modal-content .duel-rewards .confirm-button, #competitive-modal .modal-content .duel-rewards .confirm-button {
    font-size: 20px;
    font-weight: bold;
    margin: 5px;
    background-color: #76a635; }

.forums {
  background: #fff;
  color: #555;
  border-radius: 6px;
  padding: 24px; }
  .forums .row {
    border-bottom: 1px solid #f8d0a1;
    margin-bottom: 24px; }
    .forums .row:last-child {
      border-bottom: 0;
      margin-bottom: 0; }
  .forums .board {
    margin: 0 0 24px; }
    .forums .board .board-icon {
      float: left;
      width: 75px;
      height: 75px; }
      .forums .board .board-icon img {
        display: block;
        width: 100%;
        height: auto; }
    .forums .board .board-content {
      margin-left: 95px; }
      .forums .board .board-content p {
        margin-bottom: 10px; }
      .forums .board .board-content .board-title {
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        font-size: 21px; }
      .forums .board .board-content .latest-post {
        margin-top: 6px; }
      .forums .board .board-content .board-subforums {
        margin-bottom: 10px; }
        .forums .board .board-content .board-subforums span {
          display: block;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #e8b492;
          font-size: 16px; }
        .forums .board .board-content .board-subforums a {
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff;
          background-color: #959595;
          line-height: 1em;
          display: inline-block;
          border-radius: 5px;
          padding: 4px;
          margin-bottom: 5px; }

.nav-pills.board-breadcrumbs {
  float: right;
  margin: 0px; }

.board-controls {
  margin-bottom: 2em; }

.subforum-panel .subforum-header {
  background-color: #e8b492;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 16px;
  padding: 5px 15px; }

.subforum-panel .subforum-body {
  padding: 5px 0px;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff; }
  .subforum-panel .subforum-body .board-title {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 16px; }
  .subforum-panel .subforum-body .subforum-cell {
    min-width: 33%;
    border-right: 1px solid #e8b492;
    padding: 10px 15px; }
    .subforum-panel .subforum-body .subforum-cell:last-of-type {
      border: 0px; }
    .subforum-panel .subforum-body .subforum-cell .latest-post {
      color: #555; }

.search-form {
  margin-bottom: 10px; }
  .search-form .control-label {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    margin-right: 5px;
    font-size: 18px; }
  .search-form .form-control {
    border: 0px;
    margin-right: 5px; }
  .search-form .btn.btn-primary {
    color: #e1ab87;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px; }

.board-wrapper {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 2em; }

.board-topics {
  margin-bottom: 0px; }
  .board-topics .block-topic {
    background-color: #ebebeb;
    padding: 10px 40px;
    border-radius: 8px;
    margin-bottom: 28px; }
    .board-topics .block-topic, .board-topics .block-topic a {
      color: #959595;
      text-transform: uppercase;
      font-weight: bold; }
  .board-topics .topic {
    background-color: #fff;
    border-bottom: 1px solid #f8d0a1; }
    .board-topics .topic td.align-middle {
      vertical-align: middle; }
    .board-topics .topic .sticky-icon {
      width: 27px; }
    .board-topics .topic.mute {
      opacity: 0.75; }
    .board-topics .topic .staff-reply {
      background-color: #ffbe47;
      margin-left: 3px;
      font-size: 9px;
      padding: 3px 5px;
      border-radius: 5px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff; }
  .board-topics .topic.sticky {
    background-color: #fce0bd; }
    .board-topics .topic.sticky .topic-title .topic-tags .topic-tag {
      min-width: 20px;
      height: 20px;
      border: 2px solid #fff; }
  .board-topics .topic a {
    color: #555; }
  .board-topics .topic a:hover {
    color: #959595; }
  .board-topics .topic > td {
    border: 0px; }
  .board-topics .topic-title {
    font-size: 20px;
    margin-bottom: 0px; }
    .board-topics .topic-title a {
      vertical-align: middle; }
    .board-topics .topic-title .topic-tags {
      margin-right: 2px;
      display: inline-block; }
      .board-topics .topic-title .topic-tags .topic-tag {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        color: #fff;
        border-radius: 4px;
        /* padding: 0px 5px; */
        min-width: 16px;
        height: 16px;
        font-size: 11px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase;
        margin-right: 3px; }
        .board-topics .topic-title .topic-tags .topic-tag.sale {
          background-color: #5dd0d1; }
        .board-topics .topic-title .topic-tags .topic-tag.trade {
          background-color: #8dc63f; }
        .board-topics .topic-title .topic-tags .topic-tag.auction {
          background-color: #ff7b7b; }
        .board-topics .topic-title .topic-tags .topic-tag.wanted {
          background-color: #959595; }
        .board-topics .topic-title .topic-tags .topic-tag.mature {
          background-color: #e34f32; }
        .board-topics .topic-title .topic-tags .topic-tag.spoiler {
          background-color: #e1a278;
          padding: 0px 5px; }
        .board-topics .topic-title .topic-tags .topic-tag.poll, .board-topics .topic-title .topic-tags .topic-tag.dice {
          background-image: url("/img/spritesheet.png");
          background-repeat: no-repeat;
          border: 0 !important;
          border-radius: 0;
          min-width: 0px !important; }
        .board-topics .topic-title .topic-tags .topic-tag.poll {
          height: 13px !important;
          width: 16px !important;
          background-position: -175px -200px; }
        .board-topics .topic-title .topic-tags .topic-tag.dice {
          height: 12px !important;
          width: 13px !important;
          background-position: -175px -175px; }
  .board-topics > thead > tr > th {
    background-color: #e8b492;
    color: #fff;
    border-bottom: 0px;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase; }

.new-topic-title-wrapper .form-control {
  margin-bottom: 8px; }

.new-topic-title-wrapper .new-topic-title {
  line-height: 31px; }

.new-topic-title-wrapper .topic-tags {
  margin-bottom: 8px; }
  .new-topic-title-wrapper .topic-tags .tags-label, .new-topic-title-wrapper .topic-tags .control-label {
    text-transform: uppercase;
    margin-right: 15px; }
  .new-topic-title-wrapper .topic-tags .tags-label {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 0px 7px;
    font-weight: bold; }
  .new-topic-title-wrapper .topic-tags .control-label {
    margin-bottom: 0px; }
  .new-topic-title-wrapper .topic-tags .tag-checkbox {
    margin-left: 5px; }

.thread .staff-response-button {
  margin-bottom: 24px;
  font-weight: bold; }
  .thread .staff-response-button .fa-caret-right {
    margin-left: 3px; }

.thread .post {
  margin: 0 0 10px;
  padding: 0 0 18px; }
  .thread .post.mute {
    opacity: 0.75; }
  .thread .post .post-user {
    position: relative;
    float: left;
    width: 220px;
    background: #fff;
    color: #555;
    border-radius: 8px;
    padding: 12px 14px 8px;
    text-align: center;
    background-position: center top;
    border: 4px solid #fff;
    background-repeat: no-repeat; }
    .thread .post .post-user .user-icons {
      line-height: 17px;
      margin-left: 15px;
      margin-bottom: 5px;
      margin-top: -13px; }
      .thread .post .post-user .user-icons a {
        margin-left: -1px; }
      .thread .post .post-user .user-icons .icon {
        margin: 0px 3px;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        margin-left: -5px; }
      .thread .post .post-user .user-icons .badge:empty {
        display: inline-block; }
    .thread .post .post-user .user-info {
      position: absolute;
      width: 26px;
      top: 64px;
      left: -29px;
      transition: all .2s;
      overflow: hidden; }
      .thread .post .post-user .user-info.active {
        width: 65px;
        left: -68px;
        transition: all .2s; }
      .thread .post .post-user .user-info .stats-trigger {
        width: 26px;
        height: 111px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px; }
      .thread .post .post-user .user-info.active .stats-trigger {
        width: 65px;
        height: 111px; }
      .thread .post .post-user .user-info .user-stats {
        display: inline-block; }
        .thread .post .post-user .user-info .user-stats .stats {
          background: #fff;
          list-style: none;
          padding: 3px;
          border-radius: 12px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
          width: 65px; }
          .thread .post .post-user .user-info .user-stats .stats li {
            display: block;
            float: left;
            width: 100%;
            color: #555;
            font-weight: bold;
            text-align: left; }
    .thread .post .post-user .user-name {
      display: block;
      font-size: 20px;
      line-height: 1.1em;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-weight: bold;
      font-style: italic;
      text-transform: uppercase; }
      .thread .post .post-user .user-name.no-stroke {
        display: inline-block;
        margin: 0px auto 3px;
        padding: 5px 12px;
        border-radius: 6px; }
      .thread .post .post-user .user-name .user {
        color: inherit; }
    .thread .post .post-user .user-title {
      font-weight: bold;
      font-size: 12px;
      margin-bottom: 9px;
      margin-top: 3px; }
      .thread .post .post-user .user-title span {
        display: inline-block;
        padding: 0px 5px;
        background-color: #fff;
        border-radius: 3px;
        line-height: 18px; }
    .thread .post .post-user .status {
      margin-top: 6px;
      display: inline-block;
      min-width: 5px;
      width: 5px;
      height: 5px;
      padding: 0px;
      vertical-align: baseline;
      border-radius: 50%;
      margin-left: 3px; }
    .thread .post .post-user .user-avatar {
      margin: -17px auto 5px auto;
      position: relative;
      right: 8px;
      transform: scale(0.9);
      -webkit-transform: scale(0.9);
      height: auto;
      background-color: transparent; }
      .thread .post .post-user .user-avatar .user-avatar-wrapper {
        max-width: 100%;
        border-radius: 10px;
        background-color: #fff;
        overflow: hidden;
        height: 325px;
        z-index: 0;
        position: relative; }
        .thread .post .post-user .user-avatar .user-avatar-wrapper .avatar-overlay {
          position: relative;
          z-index: 99; }
    .thread .post .post-user .user-pet {
      float: left;
      position: absolute;
      left: -32px;
      bottom: -15px;
      background-color: #fff;
      border: 3px solid #fff;
      border-radius: 50%;
      z-index: 2; }
      .thread .post .post-user .user-pet .icon {
        position: relative;
        right: -38px;
        top: -7px; }
      .thread .post .post-user .user-pet a {
        display: block;
        height: 75px;
        position: relative;
        top: -25px; }
    .thread .post .post-user .pet-content .pet-name {
      text-transform: uppercase;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.1;
      color: #555; }
    .thread .post .post-user .pet-info.collapsable.open .collapsable-trigger {
      bottom: -12px; }
      .thread .post .post-user .pet-info.collapsable.open .collapsable-trigger .trigger-button {
        position: initial;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 100%;
        margin-left: auto;
        margin-right: -3px;
        height: 10px; }
        .thread .post .post-user .pet-info.collapsable.open .collapsable-trigger .trigger-button .glyphicon {
          position: relative;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
    .thread .post .post-user .pet-info.collapsable .collapsable-content {
      padding: 0 0 18px; }
      .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content {
        text-transform: uppercase;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
        .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet {
          font-weight: bold;
          line-height: 1em; }
          .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet .pet-label {
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 13px;
            margin-bottom: 7px; }
          .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet .pet-affection {
            margin-bottom: 10px; }
            .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet .pet-affection .affection-bar {
              height: 19px;
              width: 120px;
              margin-bottom: 0px; }
              .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet .pet-affection .affection-bar .progress {
                height: 19px;
                width: 118px;
                left: 1px; }
        .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-label {
          display: block;
          margin-bottom: 4px;
          text-transform: none; }
        .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-name {
          display: block;
          font-size: 18px;
          text-transform: uppercase;
          line-height: 1.1; }
        .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .progress {
          margin: 0; }
        .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature {
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff;
          font-size: 15px; }
          .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature-label {
            background-color: #b7b7b7;
            color: #fff;
            padding: 2px 5px;
            border-radius: 3px;
            margin-right: 4px; }
          .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature.tenacious {
            color: #ea9a00; }
          .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature.charming {
            color: #76a635; }
          .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature.comprehensive {
            color: #56abbb; }
          .thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature.honourable {
            color: #e54b4b; }
    .thread .post .post-user .pet-info.collapsable .collapsable-trigger {
      width: 100%;
      height: 22px;
      position: absolute;
      bottom: -18px;
      left: 0px;
      overflow: hidden; }
      .thread .post .post-user .pet-info.collapsable .collapsable-trigger .trigger-button {
        position: absolute;
        height: 40px;
        width: 40px;
        top: -24px;
        left: 50%;
        background: #fff;
        color: #d43c23;
        line-height: 18px;
        text-align: center;
        margin-left: -20px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-bottom-right-radius: 6px; }
        .thread .post .post-user .pet-info.collapsable .collapsable-trigger .trigger-button .glyphicon {
          position: absolute;
          top: auto;
          bottom: 3px;
          right: 2px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  .thread .post .post-body {
    padding: 0px 0px 10px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden; }
  .thread .post .post-content {
    position: relative;
    min-height: 452px;
    background: #fff;
    color: #555;
    border-radius: 6px;
    margin: 0 0 0 240px;
    border: 4px solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
    .thread .post .post-content .post-text {
      padding: 0px 15px 12px; }
    .thread .post .post-content .signature {
      padding: 0px 15px;
      max-height: 200px;
      overflow: hidden; }
    .thread .post .post-content .competitive-banners {
      padding: 5px 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .thread .post .post-content .competitive-banners .duel-level-banner img, .thread .post .post-content .competitive-banners .team-banner img, .thread .post .post-content .competitive-banners .duel-button img {
        max-width: 100%; }
      .thread .post .post-content .competitive-banners .team-banner, .thread .post .post-content .competitive-banners .duel-button {
        margin-left: 10px; }
      .thread .post .post-content .competitive-banners .duel-level-banner {
        width: 50%; }
      .thread .post .post-content .competitive-banners .team-banner {
        width: 25%; }
      .thread .post .post-content .competitive-banners .duel-button {
        width: 25%;
        position: relative; }
        .thread .post .post-content .competitive-banners .duel-button .duel {
          transition: -webkit-transform .15s ease-out;
          transition: transform .15s ease-out;
          display: block; }
          .thread .post .post-content .competitive-banners .duel-button .duel:not(.disabled):hover {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
            cursor: pointer; }
          .thread .post .post-content .competitive-banners .duel-button .duel:not(.disabled):active {
            -webkit-transform: translateY(5px);
            transform: translateY(5px); }
          .thread .post .post-content .competitive-banners .duel-button .duel.disabled {
            filter: gray;
            -webkit-filter: grayscale(1) contrast(0.5) brightness(1.4);
            filter: grayscale(1) contrast(0.5) brightness(1.4); }
        .thread .post .post-content .competitive-banners .duel-button .countdown {
          position: absolute;
          right: -5px;
          bottom: -7px;
          padding: 5px;
          line-height: 1em;
          background: #fff;
          border-radius: 6px;
          color: #d85d5d;
          font-weight: bold; }
    .thread .post .post-content .likes {
      padding: 0px 15px; }
      .thread .post .post-content .likes .gifting, .thread .post .post-content .likes .gifting-disabled {
        display: inline-block;
        position: relative; }
        .thread .post .post-content .likes .gifting img, .thread .post .post-content .likes .gifting-disabled img {
          width: 145px; }
      .thread .post .post-content .likes .gifting {
        transition: -webkit-transform .15s ease-out;
        transition: transform .15s ease-out; }
        .thread .post .post-content .likes .gifting:hover {
          -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
          cursor: pointer; }
        .thread .post .post-content .likes .gifting:active {
          -webkit-transform: translateY(5px);
          transform: translateY(5px); }
      .thread .post .post-content .likes .gifting-disabled {
        filter: gray;
        -webkit-filter: grayscale(1) contrast(0.5) brightness(1.4);
        filter: grayscale(1) contrast(0.5) brightness(1.4); }
      .thread .post .post-content .likes .like-button {
        display: inline-block; }
      .thread .post .post-content .likes .icon {
        transform: scale(0.7);
        -webkit-transform: scale(0.7); }
      .thread .post .post-content .likes .like-count:empty {
        display: none; }
    .thread .post .post-content .post-divider {
      margin: 10px 15px;
      border-color: #f8d0a1;
      filter: gray;
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .thread .post .post-content .post-text {
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .thread .post .post-content .post-date {
      line-height: 31px;
      vertical-align: middle;
      text-transform: uppercase;
      font-weight: bold;
      margin: 0px 12px 0px 5px; }
      .thread .post .post-content .post-date a {
        color: #fff; }
      .thread .post .post-content .post-date.no-stroke {
        border-radius: 6px;
        padding: 0px 12px;
        display: inline-block;
        height: 29px; }
        .thread .post .post-content .post-date.no-stroke .post-edited {
          color: inherit; }
    .thread .post .post-content .post-edited {
      color: #fce0bd;
      text-transform: uppercase;
      border-bottom: 0px; }
    .thread .post .post-content .post-actions {
      line-height: 35px; }
      .thread .post .post-content .post-actions.no-stroke {
        border-radius: 6px; }
    .thread .post .post-content:before {
      content: ' ';
      display: block;
      position: absolute;
      top: 125px;
      left: -12px;
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-right: 12px solid #fff;
      border-bottom: 6px solid transparent; }
    .thread .post .post-content .toolbar {
      margin-bottom: 12px;
      padding: 8px;
      border-radius: 6px;
      color: #e1ab87; }
      .thread .post .post-content .toolbar .post-achievement {
        display: inline-block;
        margin-right: 2px;
        margin-left: 3px; }
      .thread .post .post-content .toolbar a {
        color: inherit;
        vertical-align: middle; }
    .thread .post .post-content .btn {
      background: transparent;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #fff; }
  .thread .post.even .post-user {
    float: right; }
  .thread .post.even .post-content {
    margin: 0 240px 0 0; }
    .thread .post.even .post-content:before {
      right: -12px;
      left: auto;
      border-top: 6px solid transparent;
      border-right: none;
      border-bottom: 6px solid transparent;
      border-left: 12px solid #fff; }
  .thread .post.reply {
    border-top: 1px solid white;
    padding-top: 24px; }

.preview-title, .preview-post {
  padding: 10px 24px;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden; }

.preview-title {
  color: #555;
  font-size: 20px;
  margin-bottom: 0.5em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }

.preview-post {
  padding: 24px; }

.block-message {
  background-color: #ebebeb;
  padding: 10px 40px;
  border-radius: 8px;
  margin-bottom: 28px; }
  .block-message, .block-message a {
    color: #959595;
    text-transform: uppercase;
    font-weight: bold; }

/*
red is 
color: $honourRed;
yellow is
@include block-text($gold);
*/
#guild-chat-container {
  color: black; }

#guild-chat-header-container {
  margin: 0;
  /*background-color: $dark;*/
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

#guild-chat-header {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 22px;
  font-style: italic;
  display: inline; }

#rules-explain, .dark-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  color: #b98c75 !important;
  font-size: 18px; }

#join-chat, #join-chat * {
  box-sizing: border-box; }

#chat-userlist {
  border-radius: 3px; }

#members-list {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 450px; }

#enter-button, #rules-agree {
  font-size: 22px;
  background-color: #76a635;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  border: none;
  border-radius: 3px; }

#join-chat {
  font-size: 22px;
  position: absolute;
  top: 35%;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  color: black;
  width: calc(100% - 30px); }

#guild-chat-container {
  background-color: #fff;
  border-radius: 5px;
  max-width: 100%; }

#chat-options {
  float: right;
  position: relative;
  top: 5px; }

.chat-options-icon {
  margin-left: 5px;
  cursor: pointer; }

#guild-chat-messages {
  margin-bottom: 10px;
  height: 400px;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden; }

#guild-chat-content {
  position: relative;
  min-height: 400px;
  padding: 15px; }

#guild-chat-input {
  transition-property: border;
  transition-duration: 750ms;
  padding: 10px;
  border: 3px solid transparent;
  border-radius: 1px;
  resize: none;
  width: 100%;
  height: 75px;
  background-color: #EEEEEE; }

#character-counter {
  color: grey;
  font-size: 12px;
  margin-top: 3px;
  padding-bottom: 5px;
  text-align: right; }

.chat-frame {
  width: 100%;
  height: 575px;
  border: none;
  overflow: hidden; }

#chat-real-body {
  max-height: 568px;
  position: fixed;
  width: 100%;
  top: 0px;
  background: none; }

.user-list {
  list-style: none;
  margin: 0 0 12px; }
  .user-list li {
    margin: 0 0 16px; }
    .user-list li:last-child {
      margin-right: 0; }
    .user-list li .user {
      height: 99px;
      color: #fff;
      background: #e8b492;
      padding: 12px;
      border-radius: 4px; }
      .user-list li .user.request {
        background: none;
        padding: 9px 12px;
        border: 3px solid #e8b492; }
        .user-list li .user.request .user-data .name,
        .user-list li .user.request .user-data .message {
          color: #b98c75; }
      .user-list li .user .user-pet {
        float: left; }
        .user-list li .user .user-pet.user-icon {
          border: 3px solid #fff;
          border-radius: 50%;
          overflow: hidden;
          background-color: #fff; }
      .user-list li .user .user-data {
        margin-left: 100px; }
        .user-list li .user .user-data .name {
          display: block;
          color: #fff;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          font-size: 19px;
          font-weight: bold;
          margin: 0 0 12px; }
        .user-list li .user .user-data .btn-primary:hover, .user-list li .user .user-data .btn-primary:focus, .user-list li .user .user-data .btn-primary:active {
          background: #f8d0a1; }
        .user-list li .user .user-data .btn-link {
          color: #fff;
          border-color: #fff; }
          .user-list li .user .user-data .btn-link:hover, .user-list li .user .user-data .btn-link:focus, .user-list li .user .user-data .btn-link:active {
            color: #e1ab87;
            background: #fff; }

.guild-content {
  padding: 55px 35px 35px 35px;
  color: #555;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative; }
  .guild-content .btn:hover, .guild-content a.btn:hover {
    color: #fff; }
  .guild-content .btn.btn-warning, .guild-content a.btn.btn-warning {
    color: #fff;
    background-color: #ffbe47; }
  .guild-content .btn.btn-danger, .guild-content a.btn.btn-danger {
    color: #fff;
    background-color: #d85d5d; }
  .guild-content .btn.btn-success, .guild-content a.btn.btn-success {
    color: #fff;
    background-color: #76a635; }
  .guild-content .begin-title {
    color: #555;
    font-weight: bold; }
  .guild-content .begin-banner {
    margin: 30px auto 50px;
    display: block;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out; }
    .guild-content .begin-banner:hover {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
      cursor: pointer; }
    .guild-content .begin-banner:active {
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
  .guild-content .form-group {
    margin-bottom: 0.8em; }
    .guild-content .form-group label {
      font-size: 13px;
      text-transform: uppercase; }
    .guild-content .form-group input, .guild-content .form-group textarea {
      border: 0px;
      font-size: 12px;
      padding: 10px; }
      .guild-content .form-group input:focus, .guild-content .form-group textarea:focus {
        outline: 0px;
        box-shadow: none; }
    .guild-content .form-group input {
      height: 2em;
      line-height: 1em;
      text-transform: uppercase;
      margin-top: 0px; }
    .guild-content .form-group .colorpicker-component .input-group-addon {
      border: 0;
      padding: 0 5px;
      background: #fff; }
    .guild-content .form-group .guild-banner-select {
      height: 41px; }
  .guild-content hr {
    margin: 24px 0;
    border-width: 4px 0 0 0;
    border-radius: 4px; }
  .guild-content .form-buttons {
    margin-top: 1.5em; }
    .guild-content .form-buttons .btn {
      margin-left: 5px; }
  .guild-content .btn {
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    padding: 5px 12px;
    border-radius: 6px; }
  .guild-content .guild-page-heading {
    font-size: 16px;
    color: #b0562e;
    font-weight: bold; }
  .guild-content .guild-setting-description {
    margin-bottom: 5px; }
  .guild-content #tagline-text, .guild-content #name-text {
    text-transform: none; }
  .guild-content .guild-setting-count {
    margin-top: 5px; }
  .guild-content .guild-settings-toggle {
    vertical-align: middle;
    display: none; }
  .guild-content .guild-settings-toggle:checked + label:after {
    left: 3px;
    transition: all 0.1s ease-out; }
  .guild-content .guild-settings-toggle + label:after {
    content: '';
    width: 28px;
    height: 12px;
    background: #ea9a00;
    display: inline-block;
    position: absolute;
    border-radius: 5px;
    left: 14px;
    transition: all 0.1s ease-out; }
  .guild-content .guild-settings-toggle + label {
    background-color: #fff;
    width: 51px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    border: 3px solid #e5bc97;
    border-radius: 8px;
    position: relative;
    padding: 3px;
    cursor: pointer; }
  .guild-content .guild-settings-label {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase; }
  .guild-content .guild-page-heading {
    margin-bottom: 0; }
  .guild-content .guild-settings-board, .guild-content .guild-settings-role {
    background-color: #fff;
    color: #555;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 7px; }
    .guild-content .guild-settings-board.main, .guild-content .guild-settings-role.main {
      background-color: #e5bc97;
      color: #fff; }
  .guild-content .guild-settings-role {
    width: 70%; }
  .guild-content .guild-settings-board-indent {
    padding-left: 50px; }
  .guild-content .guild-poll-title {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    margin-bottom: 8px; }
  .guild-content .topic-option .col-xs-2 {
    padding-right: 0;
    padding-left: 15px;
    margin-bottom: 0;
    height: 25px;
    line-height: 25px;
    width: 20%; }
  .guild-content .topic-option .col-xs-10 {
    width: 80%; }
    .guild-content .topic-option .col-xs-10 .form-control {
      border: 0px;
      font-size: 14px;
      line-height: 15px;
      padding: 0 5px;
      height: 25px; }
      .guild-content .topic-option .col-xs-10 .form-control:focus {
        box-shadow: none; }
  .guild-content .topic-option .topic-option-title {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: #d8a481;
    font-weight: bold; }
  .guild-content .topic-option .topic-option-checkbox + label {
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-image: url("/img/spritesheet.png");
    background-repeat: no-repeat;
    margin-bottom: 0;
    background-position: -50px -300px; }
  .guild-content .topic-option .topic-option-checkbox:checked + label {
    background-position: -75px -300px; }
  .guild-content .topic-option .topic-option-poll .row {
    margin-bottom: 6px; }
  .guild-content .topic-option .dice-count {
    display: inline-block;
    width: 100px; }
  .guild-content .topic-option #addPollAnswer {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  .guild-content .guild-poll {
    border-radius: 6px;
    margin-bottom: 10px; }
    .guild-content .guild-poll .btn-vote {
      background-color: #df8360;
      color: #fff; }
    .guild-content .guild-poll .guild-poll-option {
      line-height: 1.2em; }
      .guild-content .guild-poll .guild-poll-option.option-select {
        line-height: 2em; }
      .guild-content .guild-poll .guild-poll-option .poll-option {
        line-height: 1.5em;
        color: #d8a481;
        font-size: 14px;
        text-transform: uppercase; }
        .guild-content .guild-poll .guild-poll-option .poll-option + label {
          font-weight: normal;
          margin-bottom: 0; }
        .guild-content .guild-poll .guild-poll-option .poll-option + label:before {
          content: ' ';
          margin-right: 10px;
          width: 14px;
          height: 14px;
          display: inline-block;
          position: relative;
          vertical-align: middle;
          background-image: url("/img/spritesheet.png");
          background-repeat: no-repeat;
          margin-bottom: 0;
          background-position: -50px -325px; }
        .guild-content .guild-poll .guild-poll-option .poll-option:checked + label:before {
          background-position: -75px -325px; }
      .guild-content .guild-poll .guild-poll-option .guild-poll-option-result {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        .guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-progress {
          -ms-flex-positive: 1;
          flex-grow: 1; }
          .guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-progress .progress {
            margin-bottom: 0px;
            border-radius: 0px;
            height: 10px; }
            .guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-progress .progress .progress-bar {
              position: relative;
              background: #ffbe47; }
              .guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-progress .progress .progress-bar:after {
                content: '';
                display: block;
                position: absolute;
                right: -10px;
                border: 5px solid #ffbe47;
                border-color: #ffbe47 transparent transparent #ffbe47; }
        .guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-votes {
          min-width: 75px;
          padding-left: 5px;
          padding-right: 5px; }
  .guild-content .guild-duels-banners {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .guild-content .guild-duels-banners .guild-duels-versus {
      font-size: 32px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fce0bd;
      text-align: center;
      text-shadow: -2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff, 0px 2px 2px #fff, 2px 0px 2px #fff, -2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff, 0px 2px 2px #fff, 2px 0px 2px #fff; }
    .guild-content .guild-duels-banners .guild-duels-guild {
      text-align: center; }
      .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-banner {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px; }
      .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-task {
        background-color: #e8b492;
        border-radius: 8px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1em;
        padding: 10px;
        width: 190px;
        margin-left: auto;
        margin-right: auto;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #b46347; }
        .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-task a {
          color: #fff;
          font-size: 15px;
          display: inline-block;
          margin-bottom: 3px; }
        .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-task .guild-task {
          color: #555; }
      .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag {
        height: 228px;
        width: 253px;
        margin-bottom: 20px; }
        .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag {
          position: relative;
          top: initial;
          left: initial;
          width: 275px;
          margin-left: -11px; }
          .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag .guild-flag-banner, .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag .guild-emblem {
            top: initial;
            left: initial; }
          .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag .guild-emblem {
            position: absolute;
            text-align: center;
            top: 40px;
            width: 100%; }
            .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag .guild-emblem svg {
              width: 138px;
              height: 129px;
              position: relative; }
  .guild-content .guild-duels-section {
    margin-bottom: 10px; }
    .guild-content .guild-duels-section a:not(.btn), .guild-content .guild-duels-section a:not(.btn):hover, .guild-content .guild-duels-section .guild-duels-section-highlight {
      color: #d85d5d; }
    .guild-content .guild-duels-section h1, .guild-content .guild-duels-section h2 {
      margin-bottom: 5px; }
    .guild-content .guild-duels-section h1 {
      font-size: 20px; }
    .guild-content .guild-duels-section h2 {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .guild-content .guild-duels-section .panel {
      border-radius: 8px;
      overflow: hidden; }
      .guild-content .guild-duels-section .panel .panel-footer {
        border-top: 0px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        background-color: #ffbe47; }
    .guild-content .guild-duels-section .guild-duels-task {
      display: -ms-flexbox;
      display: flex; }
      .guild-content .guild-duels-section .guild-duels-task .guild-duels-npc {
        margin-right: 30px;
        border-radius: 50%;
        border: 4px solid #fff;
        overflow: hidden;
        min-width: 152px;
        width: 152px;
        height: 152px; }
      .guild-content .guild-duels-section .guild-duels-task .guild-duels-task-content {
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .guild-content .guild-duels-section .guild-duels-task .guild-duels-task-content > div {
          background-color: #fff;
          padding: 15px;
          border-radius: 8px;
          position: relative; }
          .guild-content .guild-duels-section .guild-duels-task .guild-duels-task-content > div:before {
            content: ' ';
            display: block;
            position: absolute;
            border: 15px solid #fff;
            left: -30px;
            top: 20px;
            border-color: transparent #fff transparent transparent;
            border-width: 10px 15px; }
        .guild-content .guild-duels-section .guild-duels-task .guild-duels-task-content > h1 {
          line-height: 1em; }
    .guild-content .guild-duels-section .guild-progress-bar .progress {
      background: #fff;
      border-radius: 10px; }
      .guild-content .guild-duels-section .guild-progress-bar .progress .progress-bar {
        background: #ffbe47;
        border-radius: 10px; }
    .guild-content .guild-duels-section .wager-panel {
      margin-bottom: 15px; }
      .guild-content .guild-duels-section .wager-panel .wager-content {
        display: -ms-flexbox;
        display: flex; }
        .guild-content .guild-duels-section .wager-panel .wager-content .wager-avatar {
          border-radius: 50%;
          width: 75px;
          min-width: 75px;
          height: 75px;
          overflow: hidden;
          margin-right: 15px;
          border: 3px solid #fff;
          background-color: #fff; }
        .guild-content .guild-duels-section .wager-panel .wager-content .wager-detail {
          text-transform: uppercase;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
          .guild-content .guild-duels-section .wager-panel .wager-content .wager-detail a {
            font-weight: bold; }
          .guild-content .guild-duels-section .wager-panel .wager-content .wager-detail .guild-banner {
            width: 136px;
            height: 41px;
            overflow: hidden; }
    .guild-content .guild-duels-section.guild-duels-pot h1 {
      line-height: 1em; }
    .guild-content .guild-duels-section .guild-duel-challenge-field {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #555;
      border: 0px;
      width: 55%;
      font-size: 17px;
      padding: 3px 7px;
      line-height: 1em; }
      .guild-content .guild-duels-section .guild-duel-challenge-field:focus {
        box-shadow: none; }
    .guild-content .guild-duels-section .guild-duels-challenge-button {
      font-size: 25px;
      line-height: 1em;
      padding: 10px 15px; }
    .guild-content .guild-duels-section .guild-duels-cooldown {
      text-align: center;
      font-size: 18px; }
      .guild-content .guild-duels-section .guild-duels-cooldown .guild-duels-section-highlight {
        text-transform: uppercase;
        font-weight: bold; }
      .guild-content .guild-duels-section .guild-duels-cooldown .guild-duels-cooldown-bar {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6px;
        border-radius: 11px;
        height: 22px;
        background-color: #fff;
        border: 4px solid #fff; }
        .guild-content .guild-duels-section .guild-duels-cooldown .guild-duels-cooldown-bar .progress-bar {
          border-radius: 7px;
          height: 14px;
          background: #c1c1c1; }
    .guild-content .guild-duels-section .guild-duels-proposal {
      background-color: #ffbe47;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      font-size: 16px;
      line-height: 1em;
      border-radius: 6px;
      padding: 5px 10px; }
    .guild-content .guild-duels-section .guild-duels-proposal-help {
      font-size: 13px;
      line-height: 1.4em; }
    .guild-content .guild-duels-section.guild-duel-challenge .panel-body {
      padding: 12px; }
    .guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-sender {
      padding: 5px 10px;
      font-size: 15px; }
      .guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-sender a {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #d85d5d; }
    .guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-duration {
      float: right;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      line-height: 1em;
      font-size: 17px;
      background-color: #ffbe47;
      padding: 5px 8px;
      border-radius: 6px; }
    .guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-banner {
      display: inline-block;
      border-radius: 6px;
      overflow: hidden; }
    .guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-message {
      padding: 7px 10px;
      font-size: 13px; }
      .guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-message .guild-duels-section-highlight {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        font-size: 15px; }
    .guild-content .guild-duels-section .guild-duel-opponent .guild-banner {
      display: inline-block;
      vertical-align: middle; }
    .guild-content .guild-duels-section .guild-duel-opponent .guild-duel-opponent-name {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      font-size: 16px; }
  .guild-content .guild-duels-proposal-actions {
    margin-top: 40px; }
    .guild-content .guild-duels-proposal-actions .btn {
      font-size: 18px; }
      .guild-content .guild-duels-proposal-actions .btn.btn-warning {
        margin-left: 30px;
        margin-right: 30px;
        background-color: #ffbe47; }
      .guild-content .guild-duels-proposal-actions .btn.btn-danger {
        background-color: #d85d5d; }
      .guild-content .guild-duels-proposal-actions .btn.btn-deselected, .guild-content .guild-duels-proposal-actions .btn.btn-deselected:hover {
        background-color: #c1c1c1; }

.guild-wrapper {
  position: relative; }
  .guild-wrapper .guild-flag-wrapper {
    width: 275px;
    height: 248px;
    position: absolute;
    text-align: center;
    left: -12px;
    top: -30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none; }
    .guild-wrapper .guild-flag-wrapper .guild-flag {
      position: relative;
      display: inline-block;
      z-index: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .guild-wrapper .guild-flag-wrapper .guild-flag .guild-flag-banner {
        position: relative; }
      .guild-wrapper .guild-flag-wrapper .guild-flag .guild-emblem {
        position: absolute;
        text-align: center;
        top: 40px;
        width: 100%; }
      .guild-wrapper .guild-flag-wrapper .guild-flag .guild-flag-banner, .guild-wrapper .guild-flag-wrapper .guild-flag .guild-emblem {
        left: 0;
        pointer-events: none; }
        .guild-wrapper .guild-flag-wrapper .guild-flag .guild-flag-banner svg, .guild-wrapper .guild-flag-wrapper .guild-flag .guild-emblem svg {
          width: 138px;
          height: 129px;
          position: relative; }
  .guild-wrapper .guild-nav {
    text-align: right;
    margin: 15px 20px -1px 0px; }
    .guild-wrapper .guild-nav li {
      font-size: 18px; }
      .guild-wrapper .guild-nav li a {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        min-width: 150px;
        padding-top: 5px; }
      .guild-wrapper .guild-nav li .guild-chat-online {
        position: absolute;
        top: -30px;
        right: 10px;
        background-color: #fff;
        border-radius: 10px;
        padding: 0px 5px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #959595; }
        .guild-wrapper .guild-nav li .guild-chat-online .fa {
          margin-left: 5px; }
        .guild-wrapper .guild-nav li .guild-chat-online:before {
          content: '';
          display: block;
          position: absolute;
          bottom: -10px;
          right: 10px;
          border-width: 5px;
          border-style: solid;
          border-color: #fff transparent transparent #fff; }
    .guild-wrapper .guild-nav li.active a {
      color: #d8a481; }
  .guild-wrapper .guild-content-section {
    margin-bottom: 2em; }
  .guild-wrapper .guild-panel {
    border: 4px solid #fff;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    z-index: 0;
    overflow: hidden; }
    .guild-wrapper .guild-panel .guild-header {
      position: absolute;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      z-index: 1; }
      .guild-wrapper .guild-panel .guild-header .guild-zone {
        overflow: hidden;
        border-radius: 50%;
        border: 5px solid #f8d0a1;
        margin-left: 20px;
        margin-top: -22px; }
      .guild-wrapper .guild-panel .guild-header .guild-info {
        margin-left: 7px;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 5px; }
        .guild-wrapper .guild-panel .guild-header .guild-info .guild-location-info {
          padding-bottom: 3px;
          border-bottom: 3px solid #f8d0a1; }
          .guild-wrapper .guild-panel .guild-header .guild-info .guild-location-info .guild-location {
            float: right;
            font-size: 17px;
            line-height: 28px;
            vertical-align: middle;
            color: #555; }
            .guild-wrapper .guild-panel .guild-header .guild-info .guild-location-info .guild-location .guild-location-name {
              text-transform: uppercase;
              font-weight: bold;
              font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
              color: #d85d5d; }
          .guild-wrapper .guild-panel .guild-header .guild-info .guild-location-info .guild-name {
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #e8b611;
            font-size: 28px;
            line-height: 28px;
            font-style: italic; }
        .guild-wrapper .guild-panel .guild-header .guild-info .guild-tagline {
          font-size: 14px;
          border-bottom: 3px solid #f8d0a1;
          padding: 3px 0px;
          color: #555; }
        .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress {
          padding-top: 3px; }
          .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-current-upgrade {
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #555;
            font-style: italic;
            font-size: 17px; }
            .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-current-upgrade .guild-current-upgrade-name {
              color: #e54b4b;
              font-style: normal;
              display: inline-block; }
          .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-left: -7px;
            margin-top: -3px; }
            .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-help {
              font-size: 26px;
              margin-right: 7px;
              line-height: 26px; }
              .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-help a {
                color: #d7d7d7; }
            .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-bar {
              -ms-flex-positive: 1;
              flex-grow: 1;
              line-height: 26px;
              margin-right: 7px; }
              .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-bar .progress {
                margin-bottom: 0px;
                height: 15px;
                border-radius: 8px;
                background-color: #d7d7d7; }
                .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-bar .progress .progress-bar {
                  background: #ffbe47;
                  border-top-right-radius: 8px;
                  border-bottom-right-radius: 8px; }
            .guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-percent {
              font-size: 14px;
              font-style: italic;
              text-transform: uppercase;
              font-weight: bold;
              font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
              color: #ffbe47; }
    .guild-wrapper .guild-panel .guild-sidebar {
      margin-top: 70px;
      border-right: 4px solid #e8b492;
      background-color: #e1ab87;
      padding-top: 125px;
      min-width: 160px;
      width: 160px; }
      .guild-wrapper .guild-panel .guild-sidebar a {
        color: #fce0bd; }
      .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-top {
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff; }
        .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-top .guild-banner {
          margin: 0px auto 10px; }
        .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-top .user {
          display: block;
          margin-bottom: 10px; }
      .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content {
        color: #555; }
        .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content li {
          list-style-type: none;
          font-size: 16px;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content li a {
            padding: 0px 7px;
            display: block; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content li.active a {
            background-color: #fce0bd;
            color: #e1ab87; }
        .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-header {
          margin: 7px 0px;
          text-align: center;
          background-color: #fff;
          color: #e1ab87;
          padding: 2px 0px; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-header.guild-sidebar-duel-header {
            margin-right: -4px;
            margin-bottom: 0px;
            border-bottom: 7px solid #f1dcb9; }
        .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-key, .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-value {
          padding: 0px 7px;
          line-height: 1.2em; }
        .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-value {
          color: #fce0bd; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-value .progress {
            height: 10px;
            border-radius: 15px;
            margin-top: 3px; }
            .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-value .progress .progress-bar {
              border-top-right-radius: 15px;
              border-bottom-right-radius: 15px; }
        .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel {
          background-color: #fff;
          text-align: center;
          color: #555;
          text-transform: none;
          font-size: 13px;
          margin-right: -4px;
          padding: 10px;
          font-weight: normal; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-banner {
            border-radius: 6px;
            overflow: hidden;
            width: 130px;
            margin-bottom: 10px;
            padding: 0px;
            margin-left: auto;
            margin-right: auto; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-header {
            color: #e8b492;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;
            line-height: 1.2em; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-task {
            line-height: 1.2em; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-time {
            font-weight: bold;
            margin-bottom: 10px;
            text-transform: uppercase;
            line-height: 1em; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-completed {
            margin-bottom: 10px; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-progress-bar {
            margin-top: 10px; }
            .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-progress-bar .progress {
              height: 12px;
              background: #ebebeb;
              border-radius: 6px;
              margin-bottom: 0px; }
              .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-progress-bar .progress .progress-bar {
                height: 12px;
                background: #ffbe47;
                border-radius: 6px; }
          .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .btn {
            font-weight: bold;
            padding: 5px 10px; }
    .guild-wrapper .guild-panel .guild-content {
      margin-top: 125px;
      border-top: 15px solid #f8d0a1;
      background-color: #fce0bd;
      background-repeat: repeat; }
      .guild-wrapper .guild-panel .guild-content .guild-page-title {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        top: 0px;
        left: 0px;
        padding: 0px 11px 0px 50px;
        font-size: 22px;
        background-color: #f8d0a1;
        position: absolute;
        display: inline-block;
        top: 0;
        left: 0;
        margin: 0; }
        .guild-wrapper .guild-panel .guild-content .guild-page-title:after {
          position: absolute;
          right: -20px;
          content: '';
          border-width: 16px 10px;
          border-color: #f8d0a1 transparent transparent #f8d0a1;
          border-style: solid; }
      .guild-wrapper .guild-panel .guild-content .guild-upgrade {
        border-radius: 5px;
        overflow: hidden;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        margin-bottom: 5px;
        margin-top: 10px; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-name {
          font-weight: bold;
          color: #fff;
          padding: 2px 10px;
          text-transform: uppercase;
          font-size: 15px;
          background: linear-gradient(to right, #ffb638, #ff7928); }
          .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-name .guild-upgrade-level {
            color: #d43c23;
            margin-left: 5px; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description {
          padding: 5px 10px;
          background-color: #fff;
          text-transform: uppercase;
          font-size: 13px;
          font-weight: bold;
          color: #959595; }
          .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description:before, .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description:after {
            display: table;
            content: " "; }
          .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description:after {
            clear: both; }
          .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description .btn {
            font-size: 15px;
            margin-right: -5px;
            padding: 2px 5px;
            font-weight: normal;
            border-radius: 4px; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade.disabled {
          margin-bottom: 17px; }
          .guild-wrapper .guild-panel .guild-content .guild-upgrade.disabled .guild-upgrade-name {
            background: #c1c1c1; }
            .guild-wrapper .guild-panel .guild-content .guild-upgrade.disabled .guild-upgrade-name .guild-upgrade-level {
              color: #555; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          margin-top: 5px;
          margin-bottom: 10px; }
          .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress .guild-progress-bar {
            -ms-flex-positive: 1;
            flex-grow: 1;
            margin-left: 7px;
            margin-right: 7px; }
            .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress .guild-progress-bar .progress {
              margin-bottom: 0px;
              height: 10px;
              border-radius: 10px; }
              .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress .guild-progress-bar .progress .progress-bar {
                position: relative;
                left: -10px;
                background: #ffbe47; }
                .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress .guild-progress-bar .progress .progress-bar:after {
                  content: '';
                  display: block;
                  position: absolute;
                  right: -10px;
                  border: 5px solid #ffbe47;
                  border-color: #ffbe47 transparent transparent #ffbe47; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks h3 {
          font-weight: bold;
          font-family: "Roboto", "Helvetica", "Arial", sans-serif;
          font-size: 16px;
          line-height: 1em;
          margin-bottom: 8px;
          color: #ffbe47; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks .task-counter {
          color: #ffbe47; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul {
          padding-left: 20px;
          list-style-type: none;
          margin-bottom: 2px; }
          .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li {
            text-transform: uppercase; }
            .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-name, .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-counter, .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-status {
              vertical-align: middle; }
            .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-status {
              border-radius: 4px;
              padding: 1px 7px;
              font-size: 10px;
              margin-left: 3px; }
              .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-status.complete {
                background-color: #76a635;
                color: #fff; }
              .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-status.in-progress {
                background-color: #d7d7d7;
                color: #555; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks .cancel-upgrade {
          padding: 5px;
          font-weight: bold; }
      .guild-wrapper .guild-panel .guild-content .guild-upgrade-cost {
        text-align: right;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555; }
        .guild-wrapper .guild-panel .guild-content .guild-upgrade-cost .potato-cost {
          color: #e54b4b; }
      .guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row {
        display: -ms-flexbox;
        display: flex; }
        .guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-icon {
          padding-right: 15px; }
          .guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-icon img {
            border-radius: 50%;
            border: 3px solid #fff;
            background-color: #fff; }
        .guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details {
          -ms-flex-positive: 1;
          flex-grow: 1; }
          .guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details .guild-member-name a {
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #555;
            font-size: 18px; }
          .guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details .form-control {
            border: 0px;
            background-color: #ebebeb;
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            font-size: 16px; }
            .guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details .form-control:focus {
              box-shadow: none; }
          .guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details .btn {
            padding: 5px 8px; }
      .guild-wrapper .guild-panel .guild-content .guild-members-table.table-dv > tbody > tr:nth-of-type(even) {
        background-color: transparent; }
      .guild-wrapper .guild-panel .guild-content .guild-members-table.table-dv > tbody > tr > td {
        padding: 10px 15px; }
      .guild-wrapper .guild-panel .guild-content .guild-members-table.table-dv > thead > tr > th {
        padding: 10px 15px;
        line-height: 1em; }
      .guild-wrapper .guild-panel .guild-content .guild-members-table .user, .guild-wrapper .guild-panel .guild-content .guild-members-table .guild-display-role {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
      .guild-wrapper .guild-panel .guild-content .guild-members-table .user {
        color: #555; }
  .guild-wrapper .board-controls {
    margin-bottom: 10px; }
    .guild-wrapper .board-controls .btn-primary, .guild-wrapper .board-controls .btn-primary:hover {
      background-color: #e8b492;
      color: #fff; }
  .guild-wrapper .guild-board-wrapper {
    border: 4px solid #fff;
    background-color: #fff;
    border-radius: 12px;
    font-size: 90%; }
    .guild-wrapper .guild-board-wrapper .fnotif {
      font-size: 16px;
      padding: 5px 15px; }
    .guild-wrapper .guild-board-wrapper .topic {
      border-bottom: 1px solid #fff; }
      .guild-wrapper .guild-board-wrapper .topic td:first-of-type {
        width: 57px; }
      .guild-wrapper .guild-board-wrapper .topic .fpush .ftext {
        line-height: 30px; }
    .guild-wrapper .guild-board-wrapper .topic .fdown {
      font-size: 95%; }
    .guild-wrapper .guild-board-wrapper .subforum-panel {
      margin-bottom: 0px; }
    .guild-wrapper .guild-board-wrapper .subforum-cell .board-title {
      font-size: 12px; }
  .guild-wrapper .guild-forum-topic > .toolbar {
    margin-bottom: 0px;
    padding: 7px 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .guild-wrapper .guild-forum-topic > .toolbar .btn {
      font-size: 13px;
      padding: 3px 7px;
      border-radius: 4px;
      margin-left: 3px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #555; }
    .guild-wrapper .guild-forum-topic > .toolbar .guild-forum-breadcrumbs {
      display: -ms-flexbox;
      display: flex; }
      .guild-wrapper .guild-forum-topic > .toolbar .guild-forum-breadcrumbs > div {
        margin-right: 10px; }
      .guild-wrapper .guild-forum-topic > .toolbar .guild-forum-breadcrumbs a {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        font-size: 15px; }
      .guild-wrapper .guild-forum-topic > .toolbar .guild-forum-breadcrumbs i {
        color: #fff;
        font-size: 15px;
        vertical-align: middle; }
  .guild-wrapper .guild-forum-topic > .thread {
    padding: 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
    .guild-wrapper .guild-forum-topic > .thread .guild-poll-title {
      color: #d8a481;
      font-size: 15px;
      line-height: 15px;
      border-bottom: 5px; }
    .guild-wrapper .guild-forum-topic > .thread .mod-tools {
      margin-bottom: 10px; }
      .guild-wrapper .guild-forum-topic > .thread .mod-tools .btn {
        font-size: 13px;
        padding: 3px 7px;
        border-radius: 4px;
        margin-left: 3px;
        text-transform: uppercase;
        font-weight: bold;
        color: #555; }
    .guild-wrapper .guild-forum-topic > .thread .form-control {
      border: 0px;
      font-size: 14px;
      line-height: 15px;
      padding: 0 5px;
      height: 25px; }
      .guild-wrapper .guild-forum-topic > .thread .form-control:focus {
        box-shadow: none; }
      .guild-wrapper .guild-forum-topic > .thread .form-control.wysiwyg {
        height: 300px; }
    .guild-wrapper .guild-forum-topic > .thread .post-area {
      margin-top: 10px; }
    .guild-wrapper .guild-forum-topic > .thread .subscribe-check {
      vertical-align: middle; }
    .guild-wrapper .guild-forum-topic > .thread .preview-btn, .guild-wrapper .guild-forum-topic > .thread .preview-btn:hover {
      background-color: #e8b492;
      color: #fff; }
    .guild-wrapper .guild-forum-topic > .thread .post-btn {
      background-color: #9cbb58; }
    .guild-wrapper .guild-forum-topic > .thread .new-topic-title {
      color: #d8a481;
      font-size: 14px; }
    .guild-wrapper .guild-forum-topic > .thread .new-topic-title-wrapper .col-xs-2 {
      padding-right: 0; }
    .guild-wrapper .guild-forum-topic > .thread .new-topic-title-wrapper .topic-tags {
      background-color: #f8d0a1;
      border-radius: 4px;
      padding: 4px 8px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .guild-wrapper .guild-forum-topic > .thread .new-topic-title-wrapper .topic-tags .control-label {
        margin-right: 0px;
        color: #b98c75; }
  .guild-wrapper .guild-forum-topic .post {
    padding-bottom: 10px; }
    .guild-wrapper .guild-forum-topic .post.reply {
      border-top: 0;
      padding: 0;
      margin: 0; }
  .guild-wrapper .guild-forum-topic .post-content {
    margin: 0;
    border-top-left-radius: 30px;
    min-height: initial; }
    .guild-wrapper .guild-forum-topic .post-content:before {
      display: none; }
    .guild-wrapper .guild-forum-topic .post-content .post-body {
      padding-bottom: 0;
      overflow: hidden; }
    .guild-wrapper .guild-forum-topic .post-content .post-text {
      padding: 5px 10px 5px; }
    .guild-wrapper .guild-forum-topic .post-content .likes, .guild-wrapper .guild-forum-topic .post-content .signature {
      padding-left: 10px;
      padding-right: 10px; }
    .guild-wrapper .guild-forum-topic .post-content .post-divider {
      margin-left: 10px;
      margin-right: 10px; }
    .guild-wrapper .guild-forum-topic .post-content .user-thumbnail {
      border-radius: 50%;
      background: #fff;
      overflow: hidden;
      border: 3px solid #fff;
      margin-left: -5px; }
    .guild-wrapper .guild-forum-topic .post-content .toolbar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      height: 53px;
      padding-left: 0px;
      border-bottom-left-radius: 50px;
      border-top-left-radius: 30px;
      font-size: 12px; }
      .guild-wrapper .guild-forum-topic .post-content .toolbar .user-title {
        background: #fff;
        border-radius: 4px;
        padding: 0px 6px;
        margin-left: 8px;
        margin-right: 8px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
        .guild-wrapper .guild-forum-topic .post-content .toolbar .user-title span {
          vertical-align: middle; }
      .guild-wrapper .guild-forum-topic .post-content .toolbar .user-name {
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff; }
        .guild-wrapper .guild-forum-topic .post-content .toolbar .user-name .user {
          font-size: 12px; }
      .guild-wrapper .guild-forum-topic .post-content .toolbar .user-name, .guild-wrapper .guild-forum-topic .post-content .toolbar .post-actions a {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        font-size: 14px;
        line-height: 1em; }
      .guild-wrapper .guild-forum-topic .post-content .toolbar .post-actions a {
        padding-left: 3px;
        padding-right: 3px;
        font-size: 12px; }
    .guild-wrapper .guild-forum-topic .post-content .post-date {
      margin-right: 5px; }
      .guild-wrapper .guild-forum-topic .post-content .post-date a, .guild-wrapper .guild-forum-topic .post-content .post-date abbr {
        color: #959595; }
    .guild-wrapper .guild-forum-topic .post-content .dice-roll {
      margin: 0px -4px -4px;
      background-color: #e8b492;
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      color: #fff;
      font-weight: bold;
      text-transform: uppercase;
      padding: 7px 10px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      font-size: 12px; }

.guild-banner {
  border: 3px solid #fff;
  width: 136px;
  height: 41px;
  border-radius: 6px;
  overflow: hidden; }

.directory-panel {
  border-radius: 6px;
  overflow: hidden; }
  .directory-panel .panel-heading {
    display: -ms-flexbox;
    display: flex;
    border: 0px;
    -ms-flex-align: end;
    align-items: flex-end; }
    .directory-panel .panel-heading .guild-name-wrapper {
      padding-left: 10px; }
      .directory-panel .panel-heading .guild-name-wrapper .guild-name {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1em; }
  .directory-panel .panel-body {
    display: -ms-flexbox;
    display: flex;
    border: 0px;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 10px; }
    .directory-panel .panel-body .guild-info {
      font-weight: bold;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-transform: uppercase;
      text-align: center;
      font-size: 13px;
      line-height: 1.2em;
      font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
      .directory-panel .panel-body .guild-info .guild-info-value a {
        color: inherit; }
      .directory-panel .panel-body .guild-info .guild-tag {
        background-color: #ebebeb;
        padding: 3px;
        display: inline-block;
        margin-right: 5px; }
        .directory-panel .panel-body .guild-info .guild-tag:before {
          content: '#'; }
    .directory-panel .panel-body .guild-info-divider {
      min-height: 2em;
      border: 2px solid #fff;
      border-radius: 4px; }
  .directory-panel .guild-invitation-text {
    display: block;
    padding: 20px 40px; }
    .directory-panel .guild-invitation-text .guild-invitation-by {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-size: 20px; }
      .directory-panel .guild-invitation-text .guild-invitation-by small {
        font-weight: normal;
        font-style: italic;
        text-transform: initial; }
    .directory-panel .guild-invitation-text .guild-invitation-expiry {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #d85d5d; }
    .directory-panel .guild-invitation-text .btn {
      font-weight: bold;
      font-size: 16px;
      line-height: 1em;
      padding: 5px 7px;
      border-radius: 6px; }

.new-invitation {
  position: relative;
  overflow: hidden;
  max-height: 200px; }
  .new-invitation.active {
    max-height: initial; }
  .new-invitation .invitation-cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .new-invitation .invitation-cover, .new-invitation .invitation-none {
    background-color: #ebebeb;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #555; }
    .new-invitation .invitation-cover .invitation-cover-content, .new-invitation .invitation-none .invitation-cover-content {
      width: 100%;
      padding: 15px 0; }
    .new-invitation .invitation-cover .invitation-cover-title, .new-invitation .invitation-none .invitation-cover-title {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #555;
      font-size: 18px; }
    .new-invitation .invitation-cover .btn, .new-invitation .invitation-none .btn {
      font-weight: bold;
      font-size: 18px;
      line-height: 1em;
      padding: 5px 7px;
      border-radius: 6px;
      margin-bottom: 15px; }

.invitation-panel {
  overflow: hidden; }
  .invitation-panel .panel-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row; }
    .invitation-panel .panel-body .invitation-icon a {
      border: 3px solid #fff;
      overflow: hidden;
      border-radius: 50%;
      display: block;
      margin-right: 10px; }
    .invitation-panel .panel-body .invitation-content {
      -ms-flex-positive: 1;
      flex-grow: 1;
      color: #555; }
      .invitation-panel .panel-body .invitation-content h3 {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555;
        margin: 0px;
        font-size: 20px; }
        .invitation-panel .panel-body .invitation-content h3 a, .invitation-panel .panel-body .invitation-content h3 a:link, .invitation-panel .panel-body .invitation-content h3 a:hover, .invitation-panel .panel-body .invitation-content h3 a:focus, .invitation-panel .panel-body .invitation-content h3 a:active, .invitation-panel .panel-body .invitation-content h3 a:visited {
          color: #555; }
      .invitation-panel .panel-body .invitation-content .invitation-accepted, .invitation-panel .panel-body .invitation-content .invitation-pending {
        font-size: 15px; }
      .invitation-panel .panel-body .invitation-content .invitation-accepted {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #9cbb58; }
      .invitation-panel .panel-body .invitation-content .invitation-pending {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #d85d5d; }
  .invitation-panel .invitation-cancel-wrapper {
    padding: 15px; }
    .invitation-panel .invitation-cancel-wrapper .btn {
      font-weight: bold;
      font-size: 16px;
      line-height: 1em;
      padding: 5px 7px;
      border-radius: 6px; }

.guild-modal .save-section {
  margin: 100px -10px -10px 0px; }
  .guild-modal .save-section .save-section-limit {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #959595; }
  .guild-modal .save-section .save-button {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 15px;
    line-height: 1em;
    padding: 5px 7px;
    border-radius: 4px; }

.guild-modal .modal-dialog {
  margin-top: 180px; }

.guild-modal .modal-content {
  border: 0;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px; }
  .guild-modal .modal-content h2 {
    font-size: 30px;
    font-weight: bold;
    color: #959595; }
    .guild-modal .modal-content h2.admin-settings-header {
      font-size: 18px;
      color: #b46347;
      padding: 0px 15px;
      margin-bottom: 5px;
      line-height: 1em; }
  .guild-modal .modal-content .admin-settings-description {
    color: #555;
    padding: 0px 15px;
    margin-bottom: 5px; }
  .guild-modal .modal-content .admin-settings-ul {
    margin-bottom: 0px; }
  .guild-modal .modal-content .new-role-button, .guild-modal .modal-content .new-board-button {
    background: #d7d7d7;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 15px;
    line-height: 1em;
    padding: 5px 7px;
    border-radius: 8px; }
    .guild-modal .modal-content .new-role-button:hover, .guild-modal .modal-content .new-board-button:hover {
      background: #d7d7d7; }
  .guild-modal .modal-content .form-section {
    margin-bottom: 40px; }
    .guild-modal .modal-content .form-section:last-of-type {
      margin-bottom: 0px; }
  .guild-modal .modal-content ul {
    list-style-type: none;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b7b7b7; }
    .guild-modal .modal-content ul li {
      font-size: 20px;
      line-height: 34px; }
      .guild-modal .modal-content ul li#new-board, .guild-modal .modal-content ul li#new-role {
        width: 85%; }
        .guild-modal .modal-content ul li#new-board .settings-name-box, .guild-modal .modal-content ul li#new-role .settings-name-box {
          color: #555;
          text-transform: uppercase;
          margin: 0;
          border: 0;
          background-color: transparent; }
          .guild-modal .modal-content ul li#new-board .settings-name-box:focus, .guild-modal .modal-content ul li#new-role .settings-name-box:focus {
            outline: 0px; }
      .guild-modal .modal-content ul li .settings-content {
        vertical-align: top;
        display: inline-block;
        width: 100%; }
        .guild-modal .modal-content ul li .settings-content .settings-name {
          border: 4px solid #d7d7d7;
          background-color: #fff;
          border-radius: 10px;
          font-size: 20px;
          line-height: 26px;
          padding: 0px 5px;
          display: -ms-flexbox;
          display: flex;
          position: relative; }
          .guild-modal .modal-content ul li .settings-content .settings-name .settings-name-box {
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding-left: 5px;
            padding-right: 23px;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: 15px;
            color: #555;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            text-transform: uppercase;
            margin: 0;
            border: 0;
            background-color: transparent; }
            .guild-modal .modal-content ul li .settings-content .settings-name .settings-name-box:focus {
              outline: 0px; }
          .guild-modal .modal-content ul li .settings-content .settings-name .settings-handle {
            cursor: pointer;
            color: #959595;
            font-size: 18px; }
          .guild-modal .modal-content ul li .settings-content .settings-name .settings-edit {
            font-size: 15px;
            color: #555;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
        .guild-modal .modal-content ul li .settings-content .settings-info {
          text-transform: uppercase;
          font-size: 14px;
          font-weight: normal;
          line-height: 25px;
          padding: 10px 15px 0px;
          display: -ms-flexbox;
          display: flex; }
          .guild-modal .modal-content ul li .settings-content .settings-info.loaded {
            padding: 10px 15px; }
          .guild-modal .modal-content ul li .settings-content .settings-info .settings-options {
            -ms-flex-positive: 1;
            flex-grow: 1; }
            .guild-modal .modal-content ul li .settings-content .settings-info .settings-options .board-option {
              line-height: 1.1em; }
            .guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox {
              display: inline-block; }
            .guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input {
              display: none; }
              .guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input + label {
                margin-bottom: 0px;
                line-height: 1.1em; }
              .guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input + label .power-checkbox {
                margin-right: 3px; }
              .guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input + label .power-checkbox:before {
                color: #ebebeb; }
              .guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input:checked + label .power-checkbox:before {
                color: #b7b7b7;
                content: "\f14a"; }
          .guild-modal .modal-content ul li .settings-content .settings-info .settings-divider {
            border: 2px solid #d7d7d7;
            border-radius: 4px; }
          .guild-modal .modal-content ul li .settings-content .settings-info .settings-color {
            text-align: center;
            padding: 20px; }
            .guild-modal .modal-content ul li .settings-content .settings-info .settings-color .settings-color-title {
              text-transform: uppercase;
              font-weight: bold;
              margin-bottom: 5px;
              font-size: 12px; }
            .guild-modal .modal-content ul li .settings-content .settings-info .settings-color .settings-role-color {
              display: inline-block;
              width: 30px;
              height: 30px;
              cursor: pointer;
              border-radius: 50%; }
  .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper {
    width: 450px;
    margin: 0 auto; }
    .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .flag-list, .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .emblem-list, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .flag-list, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .emblem-list {
      height: 120px;
      margin-bottom: 10px; }
      .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .flag-list img, .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .flag-list svg, .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .emblem-list img, .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .emblem-list svg, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .flag-list img, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .flag-list svg, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .emblem-list img, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .emblem-list svg {
        max-width: 100%;
        max-height: 100%; }
    .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .emblem-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .emblem-select {
      padding: 5px; }
    .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper a, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper a {
      display: block;
      border: 4px solid #fff;
      height: 120px;
      line-height: 120px; }
    .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .selected a, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .selected a {
      border: 4px solid #f9edd2;
      background-color: #f9edd2;
      border-radius: 5px; }
  .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container {
    display: -ms-flexbox;
    display: flex; }
    .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-label, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-label, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-label, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-label {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #555;
      font-size: 15px;
      padding-left: 50px;
      width: 160px;
      margin-right: 10px; }
    .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper {
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding-right: 45px; }
      .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper .flagcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper .emblemcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper .flagcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper .emblemcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper .flagcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper .emblemcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper .flagcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper .emblemcolor-select {
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        width: 13px;
        height: 13px;
        border: 4px solid #fff;
        margin-right: 5px;
        box-sizing: content-box; }
        .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper .flagcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper .emblemcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper .flagcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper .emblemcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper .flagcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper .emblemcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper .flagcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper .emblemcolor-select.selected {
          border: 4px solid #f9edd2; }
  .guild-modal .modal-content .yes-button, .guild-modal .modal-content .no-button {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    padding: 5px 7px;
    border-radius: 8px;
    margin-left: 2px;
    margin-right: 2px; }

#hatchery .socket {
  background: url("/img/hatchery/hatchery-socket.png") no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 300px;
  position: relative; }

#hatchery .pet {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

#hatchery .hatched {
  display: none; }

#hatchery .suggested-way {
  font-weight: bold;
  text-transform: uppercase;
  float: right; }
  #hatchery .suggested-way.start-hidden {
    display: none; }

.hatching-data {
  width: 300px;
  display: block;
  margin: auto;
  margin-top: 20px; }
  .hatching-data p {
    color: #555; }
  .hatching-data .pet-name {
    color: #d43c23; }
  .hatching-data .progress {
    border: 3px solid #fff;
    border-radius: 15px;
    height: 25px; }

.hatchery-popup {
  text-align: center; }
  .hatchery-popup .modal-body {
    padding-bottom: 65px; }
  .hatchery-popup .pet {
    position: relative;
    display: inline-block; }
    .hatchery-popup .pet::before {
      position: absolute;
      content: '';
      width: 75%;
      padding-bottom: 60%;
      background: #fff;
      border-radius: 50%;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto; }
    .hatchery-popup .pet img {
      position: relative;
      z-index: 5; }
  .hatchery-popup h2,
  .hatchery-popup h3 {
    font-weight: bold; }
  .hatchery-popup h3 {
    color: #b98c75; }
  .hatchery-popup h2 {
    text-transform: none;
    margin: 10px auto 0; }
  .hatchery-popup .pet-name {
    color: #d43c23;
    text-transform: uppercase; }
  .hatchery-popup p {
    color: #555;
    font-size: 18px; }
  .hatchery-popup .custom-hatching-item, .hatchery-popup .hatching-item {
    position: relative;
    display: inline-block;
    margin: 7px; }
    .hatchery-popup .custom-hatching-item .item-select-count, .hatchery-popup .hatching-item .item-select-count {
      text-align: center;
      position: absolute;
      right: 0;
      bottom: -10px;
      min-width: 30px;
      border-radius: 30px;
      border: 2px solid #fff;
      background-color: #b98c75;
      font-size: 14px;
      color: #fff;
      padding: 0 5px; }

.sort-menu {
  margin: 25px auto 10px 25px; }

.inventory .page-switcher,
.pets .page-switcher {
  text-align: right;
  color: #fff; }
  .inventory .page-switcher .page-select,
  .pets .page-switcher .page-select {
    color: #555; }

.inventory-item,
.menagerie-pets {
  background: none;
  position: relative; }
  .inventory-item img,
  .menagerie-pets img {
    max-width: 75px;
    max-height: 75px; }

.inventory-item-count {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -10px;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px; }

.items-grid-wrapper,
.pets-grid-wrapper {
  background: #fff;
  border-radius: 10px;
  min-height: 420px; }

.items-grid,
.pets-grid {
  width: 100%;
  margin: 10px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.items-grid .inventory-item,
.items-grid .menagerie-pet,
.pets-grid .inventory-item,
.pets-grid .menagerie-pet {
  padding: 5px;
  margin: 5px 14px 15px 14px;
  width: 85px;
  height: 85px; }
  .items-grid .inventory-item.picked,
  .items-grid .menagerie-pet.picked,
  .pets-grid .inventory-item.picked,
  .pets-grid .menagerie-pet.picked {
    background: #f8d0a1;
    border-radius: 50%; }

h5.title {
  color: #555;
  text-transform: uppercase;
  font-weight: bold; }

.picked-items,
.picked-pets {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-line-pack: start;
  align-content: flex-start; }
  .picked-items .single-item,
  .picked-items .single-pet,
  .picked-pets .single-item,
  .picked-pets .single-pet {
    margin: 2px; }
    .picked-items .single-item .inventory-item,
    .picked-items .single-pet .inventory-item,
    .picked-pets .single-item .inventory-item,
    .picked-pets .single-pet .inventory-item {
      width: 55px; }
    .picked-items .single-item img,
    .picked-items .single-pet img,
    .picked-pets .single-item img,
    .picked-pets .single-pet img {
      margin-right: 5px;
      max-width: 55px;
      max-height: 55px; }
    .picked-items .single-item label,
    .picked-items .single-item select,
    .picked-items .single-pet label,
    .picked-items .single-pet select,
    .picked-pets .single-item label,
    .picked-pets .single-item select,
    .picked-pets .single-pet label,
    .picked-pets .single-pet select {
      display: inline-block; }
    .picked-items .single-item select,
    .picked-items .single-pet select,
    .picked-pets .single-item select,
    .picked-pets .single-pet select {
      width: auto;
      margin-right: 5px;
      margin-left: 5px; }

.picked-items:after,
.picked-pets:after {
  content: "";
  -ms-flex: auto;
  flex: auto; }

.inventory .actions {
  margin: 10px auto; }
  .inventory .actions select option:disabled {
    color: rgba(85, 85, 85, 0.25); }

.note {
  margin: 10px auto;
  color: #555; }
  .note .important {
    color: #d43c23;
    font-weight: bold; }

.no-counts .inventory-item-count {
  display: none; }

.box-item, .expansion-item {
  color: #555; }
  .box-item .box-item-count, .expansion-item .box-item-count {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #cb8e6d;
    font-size: 1.5em; }
    .box-item .box-item-count .count, .expansion-item .box-item-count .count {
      color: #e34f32; }
  .box-item .box-item-select, .expansion-item .box-item-select {
    color: #555;
    font-size: 1.3em; }
  .box-item .custom-copy-header, .expansion-item .custom-copy-header {
    font-style: normal;
    color: #cb8e6d;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center; }

.confirm-items {
  margin-bottom: 20px; }
  .confirm-items .inventory-item-count.selected {
    display: none; }
  .confirm-items .inventory-item {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    border: 3px solid transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none; }
    .confirm-items .inventory-item--disabled {
      opacity: 0.25; }
    .confirm-items .inventory-item--selected::before, .confirm-items input[type="checkbox"]:checked + .inventory-item::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #e8b492;
      border-radius: 50%;
      z-index: 0;
      box-shadow: 0 0 0 5px #e8b492; }
    .confirm-items .inventory-item--selected img, .confirm-items input[type="checkbox"]:checked + .inventory-item img {
      position: relative;
      z-index: 0; }
    .confirm-items .inventory-item--selected .inventory-item-count, .confirm-items input[type="checkbox"]:checked + .inventory-item .inventory-item-count,
    .confirm-items .inventory-item--selected .inventory-item-count.selected, .confirm-items input[type="checkbox"]:checked + .inventory-item .inventory-item-count.selected {
      display: block; }
    .confirm-items .inventory-item + .inventory-item {
      margin-left: 10px; }
    .confirm-items .inventory-item img,
    .confirm-items .inventory-item input,
    .confirm-items .inventory-item .inventory-item-count {
      pointer-events: none;
      -moz-user-select: none; }
  .confirm-items input[type="checkbox"] {
    position: absolute;
    left: -9999px;
    opacity: 0; }
    .confirm-items input[type="checkbox"] + .inventory-item {
      margin-left: 10px; }
    .confirm-items input[type="checkbox"]:disabled + .inventory-item {
      opacity: 0.25; }

.confirm-item-modal .modal-dialog {
  margin: 150px auto; }

.confirm-item-modal .modal-content {
  border-color: #fff;
  background: #f8d0a1;
  padding: 50px;
  text-align: center;
  font-size: 16px;
  color: #555; }
  .confirm-item-modal .modal-content a {
    color: #cb8e6d; }
  .confirm-item-modal .modal-content .btn {
    font-size: 1.1em;
    border-radius: 6px;
    padding: .1em .6em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff; }

#login .info-box, #register .info-box {
  background-color: #fff;
  border-radius: 8px;
  position: relative;
  margin-top: 220px;
  margin-bottom: 15px;
  text-align: center;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px; }
  #login .info-box p:last-of-type, #register .info-box p:last-of-type {
    margin-bottom: 0px; }
  #login .info-box b, #register .info-box b {
    color: #a47059; }
  #login .info-box a, #register .info-box a {
    font-weight: bold;
    color: #e8b492; }
  #login .info-box:before, #register .info-box:before {
    display: block;
    content: '';
    position: absolute;
    top: -220px;
    right: 0px;
    height: 220px;
    width: 100%;
    background-image: url("/img/login_header.png");
    background-position: top right;
    background-repeat: no-repeat; }

#login .captcha, #register .captcha {
  background-color: transparent;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px; }
  #login .captcha .captcha-image img, #register .captcha .captcha-image img {
    border: 0px;
    border-radius: 10px; }
  #login .captcha .captcha-description, #register .captcha .captcha-description {
    font-weight: bold;
    color: #a47059; }

#register .info-box {
  padding: 15px 25px; }

#register .register-form label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #a47059;
  font-size: 18px; }

#register .register-form input, #register .register-form select {
  font-size: 17px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }

#register .register-form input[type=text], #register .register-form input[type=password], #register .register-form input[type=email], #register .register-form #yearSelect {
  border: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

#register .register-form .input-group-addon {
  border: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 8px; }
  #register .register-form .input-group-addon:before {
    font-size: 20px; }

#register .register-form #monthSelect, #register .register-form #daySelect {
  border: 0px;
  border-radius: 10px; }

#register .register-form .tos-agreement label {
  font-weight: normal;
  font-size: 17px;
  color: #555;
  text-transform: none; }
  #register .register-form .tos-agreement label a {
    font-weight: bold;
    color: #b98c75; }

#login .info-box {
  padding: 15px 90px; }

#login .login-form label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #a47059;
  font-size: 18px; }
  #login .login-form label.remember-me {
    text-transform: none;
    padding-left: 0px;
    line-height: 1em; }
    #login .login-form label.remember-me label {
      padding-left: 0px;
      vertical-align: middle;
      padding-right: 2px; }

#login .login-form input[type=text], #login .login-form input[type=password] {
  border: 0px;
  border-radius: 10px; }

#login .login-form .form-group {
  margin-bottom: 20px; }
  #login .login-form .form-group .control-label {
    padding-top: 0px;
    padding-right: 0px;
    font-size: 18px;
    line-height: 34px; }
  #login .login-form .form-group .checkbox {
    padding-top: 0px;
    font-size: 17px; }
  #login .login-form .form-group .btn {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 23px;
    background-color: #ea9a00;
    border-radius: 12px;
    line-height: 1em;
    padding: 7px 10px;
    margin-right: 10px; }
  #login .login-form .form-group .forgot-password {
    font-size: 17px;
    color: #b98c75;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-weight: bold; }

#menagerie .toolbar, #menagerie .nav-pills {
  margin-bottom: 0px; }

#menagerie .modal-dialog {
  margin-top: 180px; }

#menagerie .modal-content {
  border: 0;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 30px 50px; }
  #menagerie .modal-content .modal-title {
    text-align: center;
    position: relative;
    font-size: 35px;
    margin-top: -75px;
    margin-bottom: 50px; }
    #menagerie .modal-content .modal-title span {
      background-color: #fff;
      padding: 8px 25px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #d43c23;
      border-radius: 25px 25px 0px 0px; }
  #menagerie .modal-content h2 {
    font-size: 30px;
    font-weight: bold;
    color: #959595; }
  #menagerie .modal-content .form-section {
    margin-bottom: 40px; }
    #menagerie .modal-content .form-section:last-of-type {
      margin-bottom: 0px; }
  #menagerie .modal-content ol {
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b7b7b7; }
    #menagerie .modal-content ol li {
      font-size: 20px;
      line-height: 34px;
      margin-bottom: 10px; }
      #menagerie .modal-content ol li .habitat-content {
        vertical-align: top;
        display: inline-block;
        width: 100%; }
        #menagerie .modal-content ol li .habitat-content .habitat-name {
          border: 4px solid #d7d7d7;
          background-color: #fff;
          border-radius: 10px;
          font-size: 20px;
          line-height: 26px;
          padding: 0px 5px;
          position: relative; }
          #menagerie .modal-content ol li .habitat-content .habitat-name .habitat-name-box {
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding-left: 5px;
            padding-right: 23px;
            text-overflow: ellipsis;
            overflow: hidden; }
          #menagerie .modal-content ol li .habitat-content .habitat-name .habitat-handle {
            position: absolute;
            right: 3px;
            top: 0px;
            cursor: pointer;
            color: #555; }
        #menagerie .modal-content ol li .habitat-content .habitat-info {
          text-transform: uppercase;
          font-size: 14px;
          font-weight: normal;
          line-height: 25px;
          padding: 0px 7px 0px 14px; }
  #menagerie .modal-content .log-check {
    vertical-align: middle; }
    #menagerie .modal-content .log-check input[type=checkbox] {
      display: none; }
    #menagerie .modal-content .log-check input[type=checkbox] + label {
      background-image: url("/img/spritesheet.png");
      background-position: -50px -275px;
      height: 26px;
      width: 25px;
      display: inline-block;
      padding: 0 0 0 0px;
      margin-bottom: 0;
      vertical-align: text-top; }
    #menagerie .modal-content .log-check input[type=checkbox]:checked + label {
      background-position: -75px -275px; }
  #menagerie .modal-content .form-group {
    color: #b7b7b7; }
    #menagerie .modal-content .form-group .release-pet {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      margin-bottom: 15px; }
      #menagerie .modal-content .form-group .release-pet a {
        color: #b7b7b7; }
  #menagerie .modal-content .delete-check {
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  #menagerie .modal-content .form-info.warning {
    margin-top: 10px; }
    #menagerie .modal-content .form-info.warning.delete-warning {
      font-size: 1.1em;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  #menagerie .modal-content .form-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    #menagerie .modal-content .form-field.rename .form-label, #menagerie .modal-content .form-field.rename .form-validation {
      margin-bottom: 21px; }
    #menagerie .modal-content .form-field .create-pen {
      font-size: 20px;
      font-weight: bold;
      border-radius: 8px;
      padding: 3px 10px; }
    #menagerie .modal-content .form-field .expand {
      -ms-flex-positive: 1;
      flex-grow: 1; }
    #menagerie .modal-content .form-field .form-input {
      padding: 0px 15px; }
      #menagerie .modal-content .form-field .form-input .form-control {
        border: 4px solid #d7d7d7;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #b7b7b7;
        font-size: 20px;
        line-height: 1;
        padding: 0px 5px; }
        #menagerie .modal-content .form-field .form-input .form-control:focus {
          box-shadow: none; }
      #menagerie .modal-content .form-field .form-input.dropdown-input {
        position: relative;
        height: 34px; }
        #menagerie .modal-content .form-field .form-input.dropdown-input .select-dropdown-wrapper {
          top: 0; }
    #menagerie .modal-content .form-field .form-validation {
      min-width: 25px; }
  #menagerie .modal-content .form-label {
    margin-bottom: 0;
    font-size: 25px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b7b7b7; }
  #menagerie .modal-content .form-buttons .btn, #menagerie .modal-content .form-buttons .revert-button {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    border-radius: 10px; }
  #menagerie .modal-content .form-buttons .btn-default {
    background-color: #b7b7b7;
    color: #fff;
    margin-left: 10px; }
  #menagerie .modal-content .revert-button, #menagerie .modal-content .save-button {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: bold;
    border-radius: 8px;
    padding: 3px 10px; }
  #menagerie .modal-content .revert-button {
    color: #959595;
    vertical-align: middle; }

#menagerie hr {
  margin: 20px 0;
  border-top: 1px solid #b7b7b7; }

.menagerie {
  padding-top: 30px;
  position: relative;
  z-index: 1; }
  .menagerie .btn.btn-danger, .menagerie .btn.btn-primary {
    height: 22px;
    padding: 0px 4px;
    font-size: 18px;
    line-height: 22px; }
  .menagerie .btn.btn-danger {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff; }
  .menagerie .btn.btn-primary {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #d43c23; }
    .menagerie .btn.btn-primary:hover, .menagerie .btn.btn-primary:link, .menagerie .btn.btn-primary:visited {
      background-color: #fff; }
  .menagerie .select-dropdown-label {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    line-height: 22px;
    margin-top: 4px; }
    .menagerie .select-dropdown-label .btn.btn-danger {
      vertical-align: middle; }
  .menagerie .select-dropdown {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    margin-right: 5px;
    background-color: #fff;
    min-height: 20px;
    max-height: 20px;
    font-size: 16px;
    min-width: 15em;
    top: 5px;
    z-index: 1; }
    .menagerie .select-dropdown label {
      color: #555;
      height: 20px;
      line-height: 20px;
      padding-left: 10px;
      padding-right: 10px; }
      .menagerie .select-dropdown label:nth-child(2) {
        margin-top: 25px; }
    .menagerie .select-dropdown input:checked + label:nth-child(2) {
      margin-top: 0; }
    .menagerie .select-dropdown::after {
      border-color: #e8b492 transparent transparent transparent;
      -webkit-transform-origin: 8px 4px;
      transform-origin: 8px 4px;
      right: 5px;
      top: 5px;
      border-width: 8px; }
    .menagerie .select-dropdown.expanded {
      max-height: none; }
      .menagerie .select-dropdown.expanded label:hover {
        color: #555; }
      .menagerie .select-dropdown.expanded input:checked + label {
        color: #555; }
        .menagerie .select-dropdown.expanded input:checked + label:hover {
          background-color: transparent; }
  .menagerie .menu {
    background: #e8b492;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 5px 25px 5px 0;
    color: #fff;
    min-height: 40px;
    z-index: 1;
    position: relative; }
    .menagerie .menu .btn.btn-danger {
      color: #fff; }
    .menagerie .menu .menagerie-name {
      height: 30px;
      line-height: 30px; }
      .menagerie .menu .menagerie-name a {
        font-weight: bold;
        color: #fce0bd; }
    .menagerie .menu .pen-switcher {
      background: #b98c75;
      position: absolute;
      padding: 10px 15px;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border: 3px solid white;
      text-align: center;
      font-size: 18px;
      text-shadow: 0px 0px 8px #000;
      top: -15px;
      max-height: 53px;
      width: 325px;
      background-size: cover; }
      .menagerie .menu .pen-switcher i {
        position: relative;
        float: left;
        font-size: 26px; }
        .menagerie .menu .pen-switcher i.fa-caret-right {
          float: right; }
      .menagerie .menu .pen-switcher i:hover {
        cursor: pointer; }
      .menagerie .menu .pen-switcher.farm {
        background: url("/img/menagerie/pen-switcher-bg.png") center no-repeat; }
      .menagerie .menu .pen-switcher .pen-capacity {
        position: absolute;
        right: -100px;
        top: 15px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        text-shadow: none; }
    .menagerie .menu .current-pen {
      color: #fff;
      padding: 5px;
      font-weight: bold;
      text-transform: uppercase;
      margin: -5px 4px auto 1px;
      display: inline-block;
      overflow: hidden; }
      .menagerie .menu .current-pen a {
        color: #fff; }
    .menagerie .menu select {
      height: 30px;
      max-width: 200px; }
    .menagerie .menu option {
      text-transform: uppercase;
      font-weight: bold;
      color: #e8b492; }
    .menagerie .menu .btn {
      font-weight: bold; }
  .menagerie .pets {
    background: linear-gradient(0deg, transparent, rgba(255, 255, 255, 0.4) 95%) no-repeat;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border: 3px solid #fff;
    padding: 25px;
    position: relative;
    min-height: 410px;
    display: -ms-flexbox;
    display: flex;
    z-index: 0; }
    .menagerie .pets form {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%; }
    .menagerie .pets .pen-manager {
      position: absolute;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      top: 396px;
      right: -30px;
      -webkit-transform-origin: 100% 0%;
      transform-origin: 100% 0%; }
      .menagerie .pets .pen-manager a {
        background-color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #d43c23;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        margin-right: 10px;
        font-size: 25px;
        line-height: 1em;
        padding: 5px 10px 0px; }
  .menagerie .pet {
    position: relative;
    margin: auto; }
    .menagerie .pet.active::before {
      content: '';
      width: 75%;
      padding-bottom: 75%;
      background: #fff;
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .menagerie .pet .event-pet-harvestable {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      max-width: 195px; }
    .menagerie .pet img {
      position: relative;
      margin-bottom: 15px; }
      .menagerie .pet img.img-responsive.pet-image {
        width: 195px;
        max-width: none; }
    .menagerie .pet .customMarker + .outerLabel {
      vertical-align: middle;
      width: 17px;
      height: 17px;
      margin-right: 3px; }
  .menagerie .pet-name {
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    margin: 10px auto 5px;
    vertical-align: middle; }
  .menagerie .pet-link {
    color: #555;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-top: 2px;
    vertical-align: middle; }
    .menagerie .pet-link .icon {
      margin-right: 2px; }
  .menagerie .pets-pen {
    display: none;
    padding: 0px 10px; }
    .menagerie .pets-pen .pets-none {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff; }
    .menagerie .pets-pen.active {
      display: block;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .menagerie .pets-pen .pet-li, .menagerie .pets-pen .pets-none {
      padding: 0px 5px; }
    .menagerie .pets-pen .pet-li {
      min-height: 220px; }
      .menagerie .pets-pen .pet-li .pet-birthday {
        position: absolute;
        bottom: 30px;
        right: 0;
        pointer-events: none; }
  .menagerie .pen-actions .btn {
    margin-top: 4px; }
  .menagerie .pen-actions .move-button {
    margin-top: 0px; }
  .menagerie .pen-actions .release-button {
    margin-left: 5px; }

.special-message {
  margin-left: 80px; }
  .special-message .message-content {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    border: 4px solid #e1ab87;
    margin-top: -20px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #555;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  .special-message .message-footer {
    display: -ms-flexbox;
    display: flex; }
    .special-message .message-footer .message-attachments {
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .special-message .message-footer .message-attachments ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px 0px 10px; }
        .special-message .message-footer .message-attachments ul li {
          display: inline-block;
          margin-right: 17px; }
        .special-message .message-footer .message-attachments ul.item-attachments li {
          display: inline-block;
          position: relative;
          -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff);
          filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff); }
          .special-message .message-footer .message-attachments ul.item-attachments li .random-item {
            background-color: #b98c75;
            border-radius: 50%;
            width: 70px;
            height: 70px;
            text-align: center;
            line-height: 68px;
            font-size: 30px;
            font-weight: bold;
            color: #fff;
            display: inline-block;
            vertical-align: middle;
            border: 2px solid #fff; }
          .special-message .message-footer .message-attachments ul.item-attachments li .reward-item-quantity {
            text-align: center;
            position: absolute;
            right: 0;
            bottom: -10px;
            min-width: 30px;
            border-radius: 30px;
            border: 2px solid #fff;
            background-color: #b98c75;
            font-size: 14px;
            color: #fff;
            padding: 0 5px; }
        .special-message .message-footer .message-attachments ul.currency-attachments li {
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          font-size: 30px; }
        .special-message .message-footer .message-attachments ul.stat-attachments li {
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          font-size: 16px; }
        .special-message .message-footer .message-attachments ul.unlock-attachments li {
          position: relative; }
          .special-message .message-footer .message-attachments ul.unlock-attachments li > img {
            border-radius: 50%;
            border: 4px solid #fff;
            overflow: hidden;
            width: 140px; }
          .special-message .message-footer .message-attachments ul.unlock-attachments li.shop-unlock, .special-message .message-footer .message-attachments ul.unlock-attachments li.chatter-unlock, .special-message .message-footer .message-attachments ul.unlock-attachments li.npc-affection, .special-message .message-footer .message-attachments ul.unlock-attachments li.zone-unlock {
            margin-bottom: 10px; }
            .special-message .message-footer .message-attachments ul.unlock-attachments li.shop-unlock span, .special-message .message-footer .message-attachments ul.unlock-attachments li.chatter-unlock span, .special-message .message-footer .message-attachments ul.unlock-attachments li.npc-affection span, .special-message .message-footer .message-attachments ul.unlock-attachments li.zone-unlock span {
              text-transform: uppercase;
              font-weight: bold;
              font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
              color: #fff;
              font-size: 20px;
              position: absolute;
              z-index: 1;
              bottom: -8px;
              right: 0px;
              background-color: #b98c75;
              border-radius: 30px;
              border: 3px solid #fff;
              display: inline-block;
              padding: 5px 8px;
              line-height: 1em; }
          .special-message .message-footer .message-attachments ul.unlock-attachments li.npc-affection span {
            padding: 5px 40px 5px 8px; }
            .special-message .message-footer .message-attachments ul.unlock-attachments li.npc-affection span img {
              position: absolute;
              right: 5px;
              top: 0px; }
        .special-message .message-footer .message-attachments ul.unlock-quests li {
          display: block;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          font-size: 20px;
          font-weight: bold;
          text-transform: uppercase;
          line-height: 1.2em; }
          .special-message .message-footer .message-attachments ul.unlock-quests li:before {
            content: 'Quest';
            color: #d43c23;
            margin-right: 10px; }
        .special-message .message-footer .message-attachments ul.unlock-achievements li {
          display: block;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          font-size: 20px;
          font-weight: bold;
          text-transform: uppercase;
          line-height: 1.2em; }
          .special-message .message-footer .message-attachments ul.unlock-achievements li img {
            margin-right: 10px; }
    .special-message .message-footer .message-claim .btn {
      font-size: 20px;
      line-height: 1em;
      font-weight: bold;
      border-radius: 8px; }

.messages {
  list-style: none;
  margin: 0 0 24px; }
  .messages.conversation .message {
    background: #fff; }
    .messages.conversation .message .time {
      float: right; }
  .messages.inbox li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .messages.inbox li .message-sender {
      border-radius: 50%;
      border: 3px solid #fff;
      background-color: #fff;
      background-repeat: no-repeat;
      width: 75px;
      height: 75px;
      background-position: center;
      background-size: 140%;
      display: inline-block;
      vertical-align: middle; }
    .messages.inbox li .mark-message {
      display: none; }
    .messages.inbox li .mark-message + label {
      margin-right: 15px;
      background-image: url("/img/spritesheet.png");
      background-position: -50px -275px;
      height: 26px;
      width: 25px;
      min-width: 25px;
      display: inline-block;
      padding: 0 0 0 0px;
      margin-bottom: 1px;
      vertical-align: middle;
      background-color: #f8d0a1;
      box-shadow: 0 0 0 2px #f8d0a1;
      border-radius: 8px; }
    .messages.inbox li .mark-message:checked + label {
      background-position: -75px -275px; }
    .messages.inbox li .message {
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
      .messages.inbox li .message .message-sender {
        border-radius: 50%;
        border: 3px solid #f8d0a1;
        background-color: #e8b492; }
      .messages.inbox li .message .message-preview {
        -ms-flex-positive: 1;
        flex-grow: 1; }
      .messages.inbox li .message .message-new {
        position: absolute;
        right: 24px;
        top: 20px;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #e54b4b; }
      .messages.inbox li .message .message-gift {
        position: relative; }
        .messages.inbox li .message .message-gift img {
          max-width: 40px; }
  .messages .message {
    background: #f9edd2;
    color: #555;
    border-radius: 6px;
    margin: 0 0 5px;
    padding: 24px;
    transition: all 0.2s ease-in; }
    .messages .message.read {
      background: #fff; }
      .messages .message.read:hover {
        opacity: 1; }
    .messages .message a {
      color: #e1ab87; }
    .messages .message .mark-message {
      float: left;
      margin-right: 20px;
      box-shadow: 0 0 0 2px #f8d0a1;
      border-radius: 4px; }
    .messages .message .user {
      font-weight: bold; }
    .messages .message .message-preview {
      display: block;
      margin-left: 32px; }
      .messages .message .message-preview .message-excerpt {
        display: block;
        clear: both;
        margin: 4px 0 0; }
    .messages .message .message-body {
      margin: 12px 0 0; }
      .messages .message .message-body p:last-child {
        margin-bottom: 0; }

.message-thread-header {
  font-weight: bold; }
  .message-thread-header .message-subject, .message-thread-header a {
    color: #cb8e6d; }
  .message-thread-header .npc-message-subject {
    color: #fff;
    text-transform: none;
    vertical-align: middle; }
  .message-thread-header .message-sender {
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #fff; }
    .message-thread-header .message-sender.npc {
      background-repeat: no-repeat;
      width: 75px;
      height: 75px;
      background-position: center;
      background-size: 140%;
      display: inline-block;
      vertical-align: middle; }
  .message-thread-header small {
    text-transform: none;
    font-weight: bold;
    color: #555; }
    .message-thread-header small .npc-sender {
      color: #e54b4b; }

#news .comment-order {
  width: 200px;
  display: inline-block; }

.news-month-nav {
  display: -ms-flexbox;
  display: flex; }
  .news-month-nav select {
    margin-right: 1em; }

.news-banner {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }

.news-title {
  color: #555; }

.news-item .news-box {
  background: #fff;
  color: #555;
  border-radius: 6px;
  padding: 24px;
  margin-bottom: 24px; }

.news-item .news-body.collapsable {
  max-height: 220px;
  overflow: hidden;
  transition: all 0.6s ease-out; }
  .news-item .news-body.collapsable.open {
    max-height: initial; }

.news-item:last-child {
  margin-bottom: 0; }

.news-item p:last-of-type {
  margin-bottom: 0; }

.news-item .news-footer {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ebebeb; }

.news-item .news-poll {
  margin-top: -9px;
  margin-bottom: 15px; }
  .news-item .news-poll .news-poll-question {
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    text-align: center;
    font-size: 20px;
    color: #555;
    margin-bottom: 15px; }
  .news-item .news-poll .news-poll-options .news-poll-option {
    margin-bottom: 10px; }
    .news-item .news-poll .news-poll-options .news-poll-option label {
      display: -ms-flexbox;
      display: flex; }
      .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper {
        position: relative;
        width: 30px;
        margin-right: 5px; }
        .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper input, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper .selected-option {
          display: none; }
          .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper input + div, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper .selected-option + div {
            display: block;
            content: ' ';
            background: #fff;
            width: 25px;
            height: 25px;
            border-radius: 8px;
            position: absolute;
            top: 5px;
            left: 0px; }
          .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper input:checked + div:after, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper input.selected + div:after, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper .selected-option:checked + div:after, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper .selected-option.selected + div:after {
            display: block;
            content: ' ';
            background-image: url("/img/checkmark.png");
            width: 30px;
            height: 30px;
            position: absolute;
            top: -6px;
            left: 0px;
            background-size: 100%; }
      .news-item .news-poll .news-poll-options .news-poll-option label .news-poll-option-box {
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .news-item .news-poll .news-poll-options .news-poll-option label .news-poll-option-box .news-poll-option-text {
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          font-weight: normal;
          padding: 7px 10px;
          background-color: #fff;
          border-radius: 8px; }
    .news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress {
      height: 12px;
      border-radius: 6px;
      margin: 10px 0px; }
      .news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress .progress-bar {
        background: #f1a026;
        position: relative; }
        .news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress .progress-bar:after {
          display: block;
          content: '';
          position: absolute;
          border-width: 6px;
          right: -12px;
          border-style: solid;
          border-color: #f1a026 transparent transparent #f1a026; }
      .news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress.top-result .progress-bar {
        background: #ed4900; }
        .news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress.top-result .progress-bar:after {
          border-color: #ed4900 transparent transparent #ed4900; }
  .news-item .news-poll .news-poll-action {
    margin-top: 15px; }
    .news-item .news-poll .news-poll-action .vote-thanks {
      display: inline-block;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      background-color: #e1ab87;
      padding: 10px 17px;
      border-radius: 14px;
      font-size: 18px;
      line-height: 1.2em; }
    .news-item .news-poll .news-poll-action .vote-button {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      font-size: 22px;
      background-color: #f1a026;
      border-radius: 14px;
      line-height: 1.2em; }

.topic-list {
  list-style: none;
  color: #555;
  margin: 0; }
  .topic-list li {
    background: #fff;
    padding: 10px;
    margin-bottom: 18px;
    border-radius: 6px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 90%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .topic-list li:last-child {
      margin-bottom: 0; }
    .topic-list li a {
      color: #d8a481; }
    .topic-list li .topic-date {
      color: #555; }
    .topic-list li h5 {
      margin-bottom: 3px; }

.notifications {
  margin: 0 0 24px;
  list-style: none; }
  .notifications .ping {
    color: #555;
    padding: 12px 24px;
    margin: 0 0 6px;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    background: #f9edd2; }
    .notifications .ping.read {
      background: #fff; }
      .notifications .ping.read:hover {
        opacity: 1; }
    .notifications .ping .user {
      font-weight: bold;
      color: #d8a481; }
    .notifications .ping a {
      color: #d8a481; }
    .notifications .ping .hl {
      color: #fff;
      font-weight: bold; }
    .notifications .ping .mark-ping {
      display: none; }
    .notifications .ping .mark-ping + label {
      margin-right: 20px;
      background-image: url("/img/spritesheet.png");
      background-position: -50px -275px;
      height: 26px;
      width: 25px;
      min-width: 25px;
      display: inline-block;
      padding: 0 0 0 0px;
      margin-bottom: 1px;
      vertical-align: middle;
      border-radius: 8px; }
    .notifications .ping .mark-ping:checked + label {
      background-position: -75px -275px; }
    .notifications .ping .parsed-text {
      margin-right: 20px;
      -ms-flex-positive: 1;
      flex-grow: 1;
      color: #555;
      padding: 3px 0px; }
    .notifications .ping .time {
      min-width: 145px;
      text-align: right;
      color: #959595;
      padding: 3px 0px; }

.npcs .nav-tabs {
  margin-bottom: -4px;
  text-align: left;
  margin-left: 27%; }
  .npcs .nav-tabs li {
    background-color: #e1ab87;
    border-radius: 10px 10px 0px 0px;
    font-size: 20px;
    padding: 1px 4px; }
    .npcs .nav-tabs li a, .npcs .nav-tabs li.active a {
      background-color: transparent; }
    .npcs .nav-tabs li.active {
      background-color: #f9edd2; }
      .npcs .nav-tabs li.active a, .npcs .nav-tabs li.active a:link, .npcs .nav-tabs li.active a:hover, .npcs .nav-tabs li.active a:active {
        color: #e1ab87; }
    .npcs .nav-tabs li a, .npcs .nav-tabs li a:link, .npcs .nav-tabs li a:hover, .npcs .nav-tabs li a:active {
      color: #fff; }

.npcs .npc-row {
  position: relative;
  background-image: url("/img/npc-background-repeat.png");
  background-repeat: repeat-y;
  background-position: center top;
  margin-bottom: 20px;
  margin-top: 3px;
  padding: 30px 55px; }
  .npcs .npc-row:before, .npcs .npc-row:after {
    background-image: url("/img/npc-background-edge.png");
    background-repeat: no-repeat;
    width: 894px;
    height: 247px;
    position: absolute;
    left: 28px;
    z-index: 0;
    content: ""; }
  .npcs .npc-row:before {
    top: -4px; }
  .npcs .npc-row:after {
    bottom: -61px; }
  .npcs .npc-row > div {
    z-index: 1;
    position: relative; }
  .npcs .npc-row .npc-image {
    padding-left: 5px;
    padding-right: 0px;
    position: relative; }
    .npcs .npc-row .npc-image img {
      position: relative;
      z-index: 0; }
    .npcs .npc-row .npc-image span {
      position: absolute;
      z-index: 1;
      color: #fff;
      opacity: 0.5;
      font-size: 30px;
      top: 130px;
      right: 30px !important; }
  .npcs .npc-row .npc-info, .npcs .npc-row .npc-stories {
    max-height: 100%;
    height: 100%; }
    .npcs .npc-row .npc-info .npc-data, .npcs .npc-row .npc-stories .npc-data {
      margin-top: 7px; }
      .npcs .npc-row .npc-info .npc-data .npc-name-wrapper, .npcs .npc-row .npc-stories .npc-data .npc-name-wrapper {
        width: 33%; }
        .npcs .npc-row .npc-info .npc-data .npc-name-wrapper .npc-name, .npcs .npc-row .npc-stories .npc-data .npc-name-wrapper .npc-name {
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          text-transform: uppercase;
          font-size: 22px;
          line-height: 22px;
          margin: 0px;
          font-weight: bold;
          font-style: normal; }
      .npcs .npc-row .npc-info .npc-data .npc-affection, .npcs .npc-row .npc-stories .npc-data .npc-affection {
        width: 27%;
        padding: 0px;
        margin-top: -7px; }
        .npcs .npc-row .npc-info .npc-data .npc-affection p, .npcs .npc-row .npc-stories .npc-data .npc-affection p {
          margin: 0px; }
          .npcs .npc-row .npc-info .npc-data .npc-affection p .affection, .npcs .npc-row .npc-stories .npc-data .npc-affection p .affection {
            vertical-align: top; }
        .npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar {
          position: relative;
          width: 201px;
          height: 32px;
          -webkit-transform: scale(0.7);
          transform: scale(0.7);
          left: -30px;
          margin-bottom: 0; }
          .npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar .affection-mask, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar .affection-mask {
            position: absolute;
            z-index: 1;
            left: 0px;
            top: 0px; }
          .npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar .progress, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar .progress {
            height: 30px;
            width: 199px;
            margin-bottom: 0;
            position: absolute;
            margin: 1px;
            z-index: 0; }
            .npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar .progress .progress-bar.positive, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar .progress .progress-bar.positive {
              background: #d43c23; }
            .npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar .progress .progress-bar.negative, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar .progress .progress-bar.negative {
              background: #333; }
      .npcs .npc-row .npc-info .npc-data .npc-milestones, .npcs .npc-row .npc-stories .npc-data .npc-milestones {
        padding: 0px;
        width: 37%;
        max-height: 22px; }
        .npcs .npc-row .npc-info .npc-data .npc-milestones .gift, .npcs .npc-row .npc-stories .npc-data .npc-milestones .gift {
          max-width: 30px;
          margin-left: 5px;
          margin-top: -7px; }
    .npcs .npc-row .npc-info .npc-description, .npcs .npc-row .npc-stories .npc-description {
      margin-top: 15px;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
      .npcs .npc-row .npc-info .npc-description h5, .npcs .npc-row .npc-stories .npc-description h5 {
        font-size: 16px;
        font-weight: bold;
        color: #d43c23;
        margin-bottom: 0px; }
      .npcs .npc-row .npc-info .npc-description .description, .npcs .npc-row .npc-stories .npc-description .description {
        margin-bottom: 10px;
        color: #b46347; }

.npcs .pet {
  display: inline-block;
  position: relative;
  width: 275px;
  height: 200px;
  margin: 0 0 48px; }
  .npcs .pet.npc-diary {
    width: 210px;
    height: 270px; }
    .npcs .pet.npc-diary .overlay {
      padding: 24px 0px; }
      .npcs .pet.npc-diary .overlay .overlay-title {
        padding-left: 24px;
        padding-right: 24px; }
      .npcs .pet.npc-diary .overlay .overlay-description {
        overflow-y: scroll;
        padding-left: 24px;
        padding-right: 24px;
        height: 194px; }
  .npcs .pet .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: rgba(255, 255, 255, 0.9);
    text-align: left;
    overflow: hidden;
    border-radius: 4px;
    padding: 24px;
    opacity: 0;
    transition: all 0.25s ease-in; }
    .npcs .pet .overlay:hover {
      opacity: 1; }
    .npcs .pet .overlay h4 {
      color: #555;
      margin: 0 0 6px; }
    .npcs .pet .overlay h5 {
      color: #555;
      margin-bottom: 10px; }
    .npcs .pet .overlay p {
      margin-bottom: 10px;
      line-height: 1.25em; }
    .npcs .pet .overlay .gift {
      margin: 5px 3px;
      width: 39px;
      height: 40px; }
      .npcs .pet .overlay .gift.unclaimed {
        transition: all .2s ease-in-out; }
        .npcs .pet .overlay .gift.unclaimed:hover {
          -webkit-transform: scale(1.2);
          transform: scale(1.2); }

.npcs .npc-meta {
  display: block;
  font-size: 14px;
  color: #b46347;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  .npcs .npc-meta strong {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #d43c23;
    font-size: 16px;
    text-transform: none; }

#npc-modal .modal-dialog {
  width: 284px;
  height: 368px;
  background-image: url("/img/npcdiarymagnify.png");
  text-align: center;
  padding-top: 45px; }

#gift-modal .modal-body > p {
  margin-bottom: 50px; }

#gift-modal .modal-body .gift-reason {
  font-size: 18px;
  color: #555;
  display: inline-block;
  margin: 0px 20px; }

#gift-modal .modal-body ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 10px; }
  #gift-modal .modal-body ul li {
    display: inline-block;
    margin-right: 17px; }
  #gift-modal .modal-body ul.item-attachments li {
    -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff);
    filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff); }
    #gift-modal .modal-body ul.item-attachments li .random-item {
      background-color: #b98c75;
      border-radius: 50%;
      width: 70px;
      height: 70px;
      text-align: center;
      line-height: 68px;
      font-size: 30px;
      font-weight: bold;
      color: #fff;
      display: inline-block;
      vertical-align: middle;
      border: 2px solid #fff; }
  #gift-modal .modal-body ul.currency-attachments li {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 30px; }
  #gift-modal .modal-body ul.stat-attachments li {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 16px; }
  #gift-modal .modal-body ul.unlock-attachments li {
    position: relative; }
    #gift-modal .modal-body ul.unlock-attachments li > img {
      border-radius: 50%;
      border: 4px solid #fff;
      overflow: hidden;
      width: 140px; }
    #gift-modal .modal-body ul.unlock-attachments li.shop-unlock, #gift-modal .modal-body ul.unlock-attachments li.chatter-unlock, #gift-modal .modal-body ul.unlock-attachments li.npc-affection, #gift-modal .modal-body ul.unlock-attachments li.zone-unlock {
      margin-bottom: 10px; }
      #gift-modal .modal-body ul.unlock-attachments li.shop-unlock span, #gift-modal .modal-body ul.unlock-attachments li.chatter-unlock span, #gift-modal .modal-body ul.unlock-attachments li.npc-affection span, #gift-modal .modal-body ul.unlock-attachments li.zone-unlock span {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        font-size: 20px;
        position: absolute;
        z-index: 1;
        bottom: -8px;
        right: 0px;
        background-color: #b98c75;
        border-radius: 30px;
        border: 3px solid #fff;
        display: inline-block;
        padding: 5px 8px;
        line-height: 1em; }
    #gift-modal .modal-body ul.unlock-attachments li.npc-affection span {
      padding: 5px 40px 5px 8px; }
      #gift-modal .modal-body ul.unlock-attachments li.npc-affection span img {
        position: absolute;
        right: 5px;
        top: 0px; }
  #gift-modal .modal-body ul.unlock-quests li {
    display: block;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em; }
    #gift-modal .modal-body ul.unlock-quests li:before {
      content: 'Quest';
      color: #d43c23;
      margin-right: 10px; }
  #gift-modal .modal-body ul.unlock-achievements li {
    display: block;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em; }
    #gift-modal .modal-body ul.unlock-achievements li img {
      margin-right: 10px; }

#tos, #conduct, #rules, #credits, #privacy {
  color: #555; }
  #tos ul, #tos ol, #conduct ul, #conduct ol, #rules ul, #rules ol, #credits ul, #credits ol, #privacy ul, #privacy ol {
    padding-left: 40px;
    margin: 14px 0px; }
  #tos a, #conduct a, #rules a, #credits a, #privacy a {
    color: #d8a481;
    font-weight: bold; }

#credits .credits-image img {
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: #fff;
  overflow: hidden; }

#credits .credits-name {
  font-size: 1.1em; }

#credits .credits-info {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 25px; }

#credits p {
  margin-bottom: 0px; }

#generated-css {
  overflow: hidden; }

#pet-accessories .accessory-guidelines {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 25px; }

#pet-accessories .accessory-search {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px; }

#pet-accessories .accessory-form .form-group {
  margin-bottom: 10px; }

#pet-accessories .accessory-form .help-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }

#pet-accessories .accessory-form .accessory-preview .preview-image {
  width: 275px;
  height: 205px;
  position: relative;
  background: url("/img/pet-base.png") no-repeat;
  background-position: center bottom;
  background-size: 80%; }
  #pet-accessories .accessory-form .accessory-preview .preview-image > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 275px;
    height: 200px;
    background-repeat: no-repeat; }
  #pet-accessories .accessory-form .accessory-preview .preview-image #accessory-preview {
    z-index: 1; }
  #pet-accessories .accessory-form .accessory-preview .preview-image #pet-preview {
    z-index: 0; }

#pet-accessories .accessory-form .accessory-preview .pet-name {
  display: inline-block;
  background-color: #fff;
  line-height: 1em;
  font-size: 20px;
  border-radius: 6px;
  margin-bottom: 7px;
  margin-top: 15px; }
  #pet-accessories .accessory-form .accessory-preview .pet-name a {
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #d8a481; }

#pet-accessories .accessory-form .accessory-preview .pet-species {
  font-size: 20px;
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  line-height: 1em;
  padding: 0px 10px; }

#pet-accessories .accessory-form .accessory-preview .pet-select {
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  line-height: 1.2em;
  padding: 4px 15px; }

#pet-accessories .accessory-form .select-dropdown {
  min-width: 100%;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  border-radius: 6px; }
  #pet-accessories .accessory-form .select-dropdown label {
    height: 1.5em;
    line-height: 1.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 18px;
    width: 100%; }
  #pet-accessories .accessory-form .select-dropdown:after {
    right: 0.6em;
    top: 0.7em;
    border: 0.5em solid #fff;
    border-color: #d8a481 transparent transparent transparent; }
  #pet-accessories .accessory-form .select-dropdown.expanded {
    z-index: 1;
    border: 0px; }
    #pet-accessories .accessory-form .select-dropdown.expanded:after {
      top: 0.15em; }

#pet-accessories .accessory-form .form-control {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  border-radius: 6px;
  border: 0px;
  height: 1.5em;
  line-height: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 18px; }

#pet-accessories .accessory-form .control-label {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  line-height: 1.2em; }

#pet-accessories .accessory-form .accessory-type {
  display: none; }
  #pet-accessories .accessory-form .accessory-type + .fa-dot-circle-o:before {
    color: #fff;
    content: "\f111"; }
  #pet-accessories .accessory-form .accessory-type:checked + .fa-dot-circle-o:before {
    content: "\f192"; }

#pet-accessories .accessory-form .new-accessory .image-upload-button {
  background-color: #ffbe47;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  font-size: 20px;
  padding: 4px;
  width: 100%; }

#pet-accessories .accessory-form .new-accessory .help-block {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  margin-bottom: 0px; }

#pet-accessories .accessory-form .submit-button {
  font-weight: bold;
  font-size: 22px;
  margin-top: 30px; }

#pet-accessories .accessory-form .btn {
  border-radius: 8px; }

#pet-accessories .nav-tabs li {
  font-size: 18px;
  color: #fff; }
  #pet-accessories .nav-tabs li a {
    padding: 2px 10px;
    min-width: auto; }

#pet-accessories .nav-tabs .menagerie-link .fa {
  font-size: 25px;
  line-height: 32px;
  vertical-align: middle;
  margin-right: 5px; }

#pet-accessories .nav-tabs .menagerie-link a {
  display: inline-block;
  background-color: #fff;
  color: #e1ab87; }

#pet-accessories .pull-right.nav-tabs {
  text-align: right; }
  #pet-accessories .pull-right.nav-tabs li a {
    border-radius: 8px; }

#pet-accessories .manage-row, #pet-accessories .queue-row {
  margin-bottom: 20px; }
  #pet-accessories .manage-row .accessory-image, #pet-accessories .queue-row .accessory-image {
    margin-bottom: 10px;
    min-height: 200px; }
  #pet-accessories .manage-row .accessory-info, #pet-accessories .queue-row .accessory-info {
    max-width: 220px;
    min-height: 100px;
    margin: 0px auto; }
    #pet-accessories .manage-row .accessory-info .accessory-actions, #pet-accessories .queue-row .accessory-info .accessory-actions {
      position: relative; }
      #pet-accessories .manage-row .accessory-info .accessory-actions > div, #pet-accessories .queue-row .accessory-info .accessory-actions > div {
        font-size: 17px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff; }
      #pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown {
        min-width: 100%;
        max-width: 100%;
        background-color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555;
        border-radius: 6px;
        position: absolute; }
        #pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown label, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown label {
          height: auto;
          padding-left: 0.5em;
          padding-right: 0.5em;
          font-size: 12px;
          white-space: normal; }
        #pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown:after, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown:after {
          right: 0.6em;
          top: 0.7em;
          border: 0.5em solid #fff;
          border-color: #d8a481 transparent transparent transparent; }
        #pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown.expanded, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown.expanded {
          z-index: 1;
          border: 0px;
          max-height: 200px;
          overflow: auto; }
          #pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown.expanded:after, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown.expanded:after {
            top: 0.15em; }
    #pet-accessories .manage-row .accessory-info .accessory-status, #pet-accessories .queue-row .accessory-info .accessory-status {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      background-color: #d8a481;
      border-radius: 6px;
      padding: 5px 10px;
      font-size: 17px;
      line-height: 1.2em; }
    #pet-accessories .manage-row .accessory-info .accessory-reason, #pet-accessories .queue-row .accessory-info .accessory-reason {
      background: #fff;
      padding: 10px;
      color: #555;
      border-radius: 6px;
      text-transform: none;
      font-weight: normal;
      margin-top: 10px;
      word-break: break-word; }
    #pet-accessories .manage-row .accessory-info .accessory-name-wrapper, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper {
      text-align: center;
      margin-bottom: 10px;
      margin-bottom: 12px; }
      #pet-accessories .manage-row .accessory-info .accessory-name-wrapper > .accessory-species, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper > .accessory-species {
        display: inline-block;
        background-color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555;
        line-height: 1em;
        padding: 5px 10px;
        font-size: 17px;
        border-radius: 6px;
        margin-bottom: 0px; }
      #pet-accessories .manage-row .accessory-info .accessory-name-wrapper .accessory-name, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper .accessory-name {
        text-align: center;
        display: inline-block; }
        #pet-accessories .manage-row .accessory-info .accessory-name-wrapper .accessory-name span, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper .accessory-name span {
          display: inline-block;
          background-color: #fff;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #d43c23;
          line-height: 1em;
          padding: 5px 10px;
          font-size: 20px;
          border-radius: 6px;
          margin-bottom: 7px; }
        #pet-accessories .manage-row .accessory-info .accessory-name-wrapper .accessory-name .accessory-species, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper .accessory-name .accessory-species {
          text-align: right;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          line-height: 1em;
          font-weight: normal;
          font-size: 15px;
          padding: 0px 10px; }
    #pet-accessories .manage-row .accessory-info .accessory-panel, #pet-accessories .queue-row .accessory-info .accessory-panel {
      background: transparent;
      border: 0px;
      border-radius: none;
      box-shadow: none;
      margin-bottom: 0px; }
      #pet-accessories .manage-row .accessory-info .accessory-panel > a, #pet-accessories .queue-row .accessory-info .accessory-panel > a {
        display: block;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555;
        font-size: 17px; }
        #pet-accessories .manage-row .accessory-info .accessory-panel > a:last-of-type, #pet-accessories .queue-row .accessory-info .accessory-panel > a:last-of-type {
          color: #d43c23; }
      #pet-accessories .manage-row .accessory-info .accessory-panel .manage-form, #pet-accessories .queue-row .accessory-info .accessory-panel .manage-form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        #pet-accessories .manage-row .accessory-info .accessory-panel .manage-form .form-control, #pet-accessories .queue-row .accessory-info .accessory-panel .manage-form .form-control {
          -ms-flex-positive: 1;
          flex-grow: 1;
          border: 0px;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          line-height: 1.0em;
          padding: 0px 5px;
          font-size: 17px;
          height: 23px; }
        #pet-accessories .manage-row .accessory-info .accessory-panel .manage-form .give-button, #pet-accessories .manage-row .accessory-info .accessory-panel .manage-form .transfer-button, #pet-accessories .queue-row .accessory-info .accessory-panel .manage-form .give-button, #pet-accessories .queue-row .accessory-info .accessory-panel .manage-form .transfer-button {
          min-width: 25px;
          background-color: transparent;
          border: 0px;
          margin-left: 5px;
          outline: none; }
      #pet-accessories .manage-row .accessory-info .accessory-panel .uses-table, #pet-accessories .queue-row .accessory-info .accessory-panel .uses-table {
        margin-bottom: 0px; }
        #pet-accessories .manage-row .accessory-info .accessory-panel .uses-table tr td, #pet-accessories .queue-row .accessory-info .accessory-panel .uses-table tr td {
          padding: 5px; }
          #pet-accessories .manage-row .accessory-info .accessory-panel .uses-table tr td a, #pet-accessories .queue-row .accessory-info .accessory-panel .uses-table tr td a {
            text-transform: uppercase;
            font-weight: bold;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            color: #555;
            line-height: 1.0em; }
        #pet-accessories .manage-row .accessory-info .accessory-panel .uses-table tr.used td a, #pet-accessories .queue-row .accessory-info .accessory-panel .uses-table tr.used td a {
          opacity: 0.6; }
    #pet-accessories .manage-row .accessory-info .accessory-cancel, #pet-accessories .queue-row .accessory-info .accessory-cancel {
      margin-top: 15px; }
      #pet-accessories .manage-row .accessory-info .accessory-cancel .btn, #pet-accessories .queue-row .accessory-info .accessory-cancel .btn {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        line-height: 1;
        font-size: 20px; }

#pet-accessories .accessorize-pet-popup .modal-dialog {
  max-width: 620px; }
  #pet-accessories .accessorize-pet-popup .modal-dialog .nav-tabs {
    margin-bottom: 0px;
    text-align: left;
    padding-left: 23px;
    position: relative;
    top: 5px;
    z-index: 1; }
    #pet-accessories .accessorize-pet-popup .modal-dialog .nav-tabs .nav-item a {
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      background-color: #b98c75;
      font-size: 19px;
      padding-bottom: 5px;
      border: 5px solid #b98c75;
      border-bottom: 0px;
      padding: 2px 10px 5px; }
    #pet-accessories .accessorize-pet-popup .modal-dialog .nav-tabs .nav-item.active a {
      color: #b98c75;
      background-color: #efe7c0; }
  #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555; }
    #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body {
      font-size: 15px;
      padding: 20px; }
      #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body label {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #b98c75;
        font-size: 19px;
        display: block; }
      #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body #petIdSelect {
        border: 0;
        width: 50%;
        display: inline-block; }
      #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .btn {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        font-size: 20px;
        border-radius: 6px; }
        #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .btn.btn-success {
          background-color: #76a635;
          margin-right: 10px; }
        #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .btn.btn-danger {
          background-color: #d85d5d;
          margin-left: 10px; }
      #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .preview-image, #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species-preview-image {
        width: 275px;
        height: 205px;
        position: relative;
        background: url("/img/pet-base.png") no-repeat;
        background-position: center bottom;
        background-size: 80%;
        margin: 0 auto; }
        #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .preview-image > div, #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species-preview-image > div {
          position: absolute;
          top: 0;
          left: 0;
          width: 275px;
          height: 200px;
          background-repeat: no-repeat; }
        #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .preview-image #accessory-preview, #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species-preview-image #accessory-preview {
          z-index: 1; }
        #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .preview-image #pet-preview, #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species-preview-image #pet-preview {
          z-index: 0; }
      #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species {
        margin-top: 15px;
        font-size: 20px;
        display: inline-block;
        padding: 5px 10px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555;
        line-height: 1em;
        padding: 0px 10px; }

#pet-accessories #modal .modal-content {
  border-color: #fff;
  background: #fce0bd;
  color: #555;
  font-size: 18px;
  text-align: center;
  padding: 50px; }

#pet-diary .pets-nav {
  margin-bottom: 0px;
  text-align: center; }
  #pet-diary .pets-nav li {
    background-color: #e1ab87;
    border-radius: 18px 18px 0px 0px;
    font-size: 25px;
    padding: 1px 25px; }
    #pet-diary .pets-nav li a, #pet-diary .pets-nav li.active a {
      background-color: transparent; }
    #pet-diary .pets-nav li.active {
      background-color: #faebc1; }
      #pet-diary .pets-nav li.active a, #pet-diary .pets-nav li.active a:link, #pet-diary .pets-nav li.active a:hover, #pet-diary .pets-nav li.active a:active {
        background-color: transparent;
        color: #e1ab87; }
    #pet-diary .pets-nav li a, #pet-diary .pets-nav li a:link, #pet-diary .pets-nav li a:hover, #pet-diary .pets-nav li a:active {
      background-color: transparent;
      color: #fce0bd; }
  #pet-diary .pets-nav.has-custom li {
    font-size: 19px; }

#pet-diary .pets {
  background-color: #faebc1;
  border-radius: 15px 15px 0px 0px;
  padding: 30px; }
  #pet-diary .pets .pet {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 20px; }
    #pet-diary .pets .pet .pet-image {
      min-height: 240px;
      position: relative; }
      #pet-diary .pets .pet .pet-image img, #pet-diary .pets .pet .pet-image canvas {
        max-width: 100%; }
      #pet-diary .pets .pet .pet-image .pet-name {
        position: absolute;
        bottom: 10px;
        width: 100%;
        text-align: left;
        height: 28px; }
        #pet-diary .pets .pet .pet-image .pet-name .sparkle {
          display: inline-block;
          position: relative;
          vertical-align: middle;
          background-image: url("/img/spritesheet.png");
          background-repeat: no-repeat;
          width: 20px;
          height: 22px;
          background-position: -400px -200px;
          margin: 3px 3px 3px 15px; }
        #pet-diary .pets .pet .pet-image .pet-name h4 {
          background-color: #fff;
          border-radius: 10px;
          color: #cb8e6d;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          text-transform: uppercase;
          font-weight: bold;
          font-style: normal;
          line-height: 1.7;
          margin-bottom: 10px;
          font-size: 17px;
          position: absolute;
          right: 15px;
          bottom: 0px;
          top: 0px;
          left: 37px;
          text-align: center;
          margin-bottom: 0px; }
        #pet-diary .pets .pet .pet-image .pet-name.deactive h4 {
          color: #c1c1c1; }
    #pet-diary .pets .pet.active .overlay h4 {
      color: #555;
      margin-bottom: 3px; }
    #pet-diary .pets .pet.active .overlay h5 {
      color: #cb8e6d; }
    #pet-diary .pets .pet.active .overlay .description {
      color: #555; }
    #pet-diary .pets .pet.active .overlay .pet-count {
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      text-transform: uppercase;
      font-weight: bold;
      text-align: right;
      color: #cb8e6d;
      font-size: 16px;
      position: absolute;
      bottom: 12px;
      right: 18px;
      line-height: 1em; }
    #pet-diary .pets .pet.deactive .overlay h4 {
      color: #c1c1c1;
      margin-bottom: 33px; }
    #pet-diary .pets .pet.deactive .overlay .description {
      color: #959595; }
    #pet-diary .pets .pet .overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 5;
      background: white;
      text-align: left;
      overflow: hidden;
      border-radius: 20px;
      padding: 23px 20px 20px;
      opacity: 0;
      transition: all 0.25s ease-in; }
      #pet-diary .pets .pet .overlay:hover {
        opacity: 1; }
      #pet-diary .pets .pet .overlay h4, #pet-diary .pets .pet .overlay h5 {
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-style: normal;
        line-height: 1em; }
      #pet-diary .pets .pet .overlay h4 {
        font-size: 20px; }
      #pet-diary .pets .pet .overlay h5 {
        font-size: 18px; }
      #pet-diary .pets .pet .overlay p {
        margin-bottom: 10px;
        line-height: 1.25em; }
      #pet-diary .pets .pet .overlay .gift {
        margin: 5px 3px;
        width: 39px;
        height: 40px; }
        #pet-diary .pets .pet .overlay .gift.unclaimed {
          transition: all .2s ease-in-out; }
          #pet-diary .pets .pet .overlay .gift.unclaimed:hover {
            -webkit-transform: scale(1.2);
            transform: scale(1.2); }

#pet-diary .pets-footer {
  background-image: url("/img/pet-diary-base.png");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 87px;
  margin: 0px -11px 0px -5px;
  padding: 0px 50px; }
  #pet-diary .pets-footer .form-control {
    border: 0px;
    box-shadow: none; }
  #pet-diary .pets-footer .pet-search .form-control {
    float: left;
    width: 200px; }
  #pet-diary .pets-footer .pet-search .search {
    position: relative;
    vertical-align: middle;
    background-image: url("/img/spritesheet.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 25px;
    background-position: -450px -150px;
    float: right;
    margin-top: 4px; }
  #pet-diary .pets-footer .pet-sort {
    text-align: center; }
    #pet-diary .pets-footer .pet-sort .sort {
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      text-transform: uppercase;
      font-weight: bold;
      font-style: normal;
      color: #cb8e6d;
      line-height: 34px;
      font-size: 30px;
      vertical-align: middle;
      margin-right: 5px; }
    #pet-diary .pets-footer .pet-sort .sort-wrapper {
      position: relative; }
      #pet-diary .pets-footer .pet-sort .sort-wrapper .sort-select:before {
        content: '';
        border: 10px solid transparent;
        border-top-color: #e1ab87;
        position: absolute;
        left: 7px;
        z-index: 1;
        top: 5px; }
    #pet-diary .pets-footer .pet-sort .form-control {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      position: relative; }
      #pet-diary .pets-footer .pet-sort .form-control, #pet-diary .pets-footer .pet-sort .form-control option {
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #e1ab87;
        text-transform: uppercase;
        font-weight: bold;
        font-style: normal;
        font-size: 18px;
        padding-left: 30px; }
  #pet-diary .pets-footer .pet-pagination {
    text-align: right;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-style: normal;
    line-height: 34px;
    font-size: 25px;
    vertical-align: middle; }
    #pet-diary .pets-footer .pet-pagination .page-count {
      color: #cb8e6d; }
    #pet-diary .pets-footer .pet-pagination .fa {
      color: #fff; }

#pet-diary .search-page {
  padding: 0;
  border: none;
  background-color: transparent; }

#pet-profile .pet-header {
  font-weight: bold; }
  #pet-profile .pet-header small {
    font-weight: bold;
    color: #fff;
    vertical-align: middle; }

#pet-profile .pet-header,
#pet-profile .user-header {
  font-size: 25px; }

#pet-profile .icon {
  margin-top: 3px; }

#pet-profile h2 {
  color: #fff;
  margin-top: 24px; }

#pet-profile .pet-owner-link {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  margin-left: 30px;
  font-size: 15px;
  margin-bottom: 10px;
  display: block; }

#pet-profile .pet-navigate-links {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
  line-height: 42px; }
  #pet-profile .pet-navigate-links, #pet-profile .pet-navigate-links a {
    color: #e1ab87; }

#pet-profile .pet-row {
  margin: 0px; }

#pet-profile .pet-column {
  padding: 0px 5px; }
  #pet-profile .pet-column .user-header {
    font-weight: bold; }

#pet-profile .pet-sidebar {
  padding: 0px 30px; }

#pet-profile .pet-status {
  margin-bottom: 20px; }
  #pet-profile .pet-status .pet-owner {
    display: block;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; }
  #pet-profile .pet-status .affection-display {
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    width: 95%;
    margin-left: auto;
    margin-right: auto; }
    #pet-profile .pet-status .affection-display .affection-text {
      color: #e54b4b; }
    #pet-profile .pet-status .affection-display .affection-value {
      color: #fff; }
  #pet-profile .pet-status .pet-hunger {
    display: table;
    width: 95%;
    margin-left: auto;
    margin-right: auto; }
  #pet-profile .pet-status .pet-hunger-status {
    display: table-row; }
  #pet-profile .pet-status .pet-status-bar {
    width: 160px;
    display: table-cell;
    position: relative; }
    #pet-profile .pet-status .pet-status-bar .progress {
      z-index: 0;
      border: 0px;
      height: 41px;
      width: 150px; }
    #pet-profile .pet-status .pet-status-bar:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      background-image: url("/img/appetitebar.png");
      width: 150px;
      height: 41px; }
  #pet-profile .pet-status .pet-status-feed {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.3em;
    line-height: 1em; }
    #pet-profile .pet-status .pet-status-feed > span > a {
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      color: #fff; }

#pet-profile .pet-action-panel {
  border-radius: 8px;
  overflow: hidden; }
  #pet-profile .pet-action-panel > .pet-action-header {
    font-size: 1.2em;
    background-color: #e8b492;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff; }
    #pet-profile .pet-action-panel > .pet-action-header > .pet-action-header-field {
      padding: 10px 16px;
      width: 40%; }
    #pet-profile .pet-action-panel > .pet-action-header > .pet-action-header-field:last-of-type {
      width: 20%;
      text-align: center; }
  #pet-profile .pet-action-panel > .pet-action-body {
    background: #fff;
    color: #555;
    padding: 10px 0px; }
    #pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      #pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-divider {
        width: 3px;
        background: #ebebeb;
        -ms-flex-item-align: stretch;
        align-self: stretch; }
      #pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field {
        padding: 10px 16px;
        width: 40%; }
        #pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field .inventory-item {
          display: inline-block; }
        #pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field .pet-action-button {
          font-weight: bold;
          font-size: 20px;
          padding: 1px 5px; }
      #pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field:first-of-type {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        #pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field:first-of-type > div:first-of-type {
          margin-right: 10px; }
      #pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field:last-of-type {
        width: 20%;
        text-align: center; }

#pet-profile .pet-milestones-container {
  position: relative;
  height: 27px; }
  #pet-profile .pet-milestones-container .pet-milestones-bar {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #fff;
    top: 11px; }
  #pet-profile .pet-milestones-container .pet-milestones {
    position: relative;
    height: 27px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #pet-profile .pet-milestones-container .pet-milestones .pet-milestone-hidden {
      display: inline-block;
      width: 20px;
      height: 20px;
      border: 5px solid #fff;
      background: #ebebeb;
      border-radius: 50%; }
    #pet-profile .pet-milestones-container .pet-milestones .pet-milestone-available {
      display: inline-block;
      -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff);
      filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff); }
    #pet-profile .pet-milestones-container .pet-milestones .pet-milestone-collected {
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) grayscale(100%); }

#pet-profile .pet-action-content {
  margin-bottom: 10px; }
  #pet-profile .pet-action-content h2 {
    margin-bottom: 0px; }
  #pet-profile .pet-action-content .content-text {
    color: #555; }

#pet-profile .pet-profile-table > tbody {
  padding: 10px 0; }
  #pet-profile .pet-profile-table > tbody > tr:nth-of-type(even) {
    background: #fff; }
  #pet-profile .pet-profile-table > tbody > tr > td {
    border-right: 3px solid #ebebeb; }
  #pet-profile .pet-profile-table > tbody > tr > td:last-of-type {
    border: 0px; }

#pet-profile #pet-profile-info {
  position: relative; }
  #pet-profile #pet-profile-info .pet-name {
    display: inline-block;
    color: #e1ab87;
    font-weight: bold;
    background: #fff;
    margin: 0 0 6px 0;
    padding: 0 12px;
    border-radius: 12px;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    vertical-align: middle; }
  #pet-profile #pet-profile-info .pet-evolve {
    display: inline-block;
    margin: 0 0 6px 10px; }
    #pet-profile #pet-profile-info .pet-evolve .icon {
      margin-top: 0px;
      margin-right: 10px;
      line-height: 42px; }
    #pet-profile #pet-profile-info .pet-evolve .evolve {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff; }
  #pet-profile #pet-profile-info .pet-type {
    display: block;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    padding: 0 12px;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    #pet-profile #pet-profile-info .pet-type .pet-age {
      color: #d85d5d;
      font-weight: bold; }
  #pet-profile #pet-profile-info .pet-bio-wrapper {
    border-radius: 12px;
    overflow: hidden;
    margin-top: 5px; }
    #pet-profile #pet-profile-info .pet-bio-wrapper .pet-bio {
      background: #fff;
      padding: 12px; }
      #pet-profile #pet-profile-info .pet-bio-wrapper .pet-bio p:last-child {
        margin-bottom: 0; }
    #pet-profile #pet-profile-info .pet-bio-wrapper .pet-info {
      background: #e8b492;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #b98c75;
      padding: 8px 12px; }
      #pet-profile #pet-profile-info .pet-bio-wrapper .pet-info a {
        color: #b98c75; }
      #pet-profile #pet-profile-info .pet-bio-wrapper .pet-info .pet-info-label {
        color: #fff; }
  #pet-profile #pet-profile-info .edit-profile {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 32px;
    color: #fff; }

#pet-profile #totems .totems {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 15px; }
  #pet-profile #totems .totems li {
    display: inline-block;
    text-align: center;
    padding: 0px; }
    #pet-profile #totems .totems li .item {
      border-radius: 50%;
      border: 3px solid #fff;
      overflow: hidden;
      opacity: 1;
      background-color: #fff; }
      #pet-profile #totems .totems li .item > img {
        max-width: 100%; }
      #pet-profile #totems .totems li .item.totem-placeholder {
        background-color: #fff; }
    #pet-profile #totems .totems li .item.active {
      border: 3px solid #d43c23; }

#pet-profile .pet-dailies {
  margin-bottom: 25px;
  text-align: right;
  width: 105%;
  min-height: 48px; }
  #pet-profile .pet-dailies.birthday {
    width: 120%;
    margin-left: -15px; }
  #pet-profile .pet-dailies .pet-mood {
    float: left; }
  #pet-profile .pet-dailies .pet-mood-bar {
    left: -25px;
    top: 5px;
    width: 22px; }

#pet-profile .pet-full {
  margin: 0 auto;
  width: 100%; }
  #pet-profile .pet-full > div > img {
    float: right; }

#pet-profile .pet-actions {
  list-style: none;
  text-align: center; }
  #pet-profile .pet-actions li {
    display: inline-block;
    margin: 0 10px 0 0; }
    #pet-profile .pet-actions li:last-child {
      margin-right: 0; }
    #pet-profile .pet-actions li a {
      display: block;
      font-size: 24px; }

#pet-profile .nav-stacked li {
  display: inline-block;
  float: none;
  margin: 0 0 7px 0; }
  #pet-profile .nav-stacked li a {
    padding: 0;
    display: inline-block; }
    #pet-profile .nav-stacked li a .icon {
      float: left;
      font-size: 18px;
      color: #eab490;
      line-height: 27px; }
  #pet-profile .nav-stacked li > form > label {
    width: 21px;
    text-align: center;
    float: left;
    line-height: 24px; }
    #pet-profile .nav-stacked li > form > label .outerLabel {
      vertical-align: middle; }
  #pet-profile .nav-stacked li .nav-label {
    display: block;
    font-size: 16px;
    color: #fff;
    background: #eab490;
    font-weight: bold;
    margin-left: 30px;
    padding: 0 9px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 191px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }

#pet-profile .stats {
  background: #eab490;
  list-style: none;
  padding: 12px;
  border-radius: 12px;
  display: inline-block;
  margin-bottom: 5px; }
  #pet-profile .stats li {
    display: block;
    float: left;
    width: 33%;
    color: #fff;
    font-weight: bold; }

#pet-profile .pet-nature {
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
  padding: 2px 7px; }
  #pet-profile .pet-nature.tenacious {
    background-color: #ea9a00; }
  #pet-profile .pet-nature.honourable {
    background-color: #e54b4b; }
  #pet-profile .pet-nature.charming {
    background-color: #76a635; }
  #pet-profile .pet-nature.comprehensive {
    background-color: #56abbb; }

#pet-profile #comments > hr {
  display: none; }

.affection-bar {
  position: relative;
  width: 95%;
  height: 32px;
  margin: 0 auto 20px; }
  .affection-bar .affection-mask {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px; }
  .affection-bar .progress {
    height: 30px;
    width: 199px;
    margin-bottom: 0;
    position: absolute;
    margin: 1px;
    z-index: 0; }
    .affection-bar .progress.maxed {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51e7ec+0,fde62d+50,f74444+100 */
      background: #51e7ec;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #51e7ec 0%, #fde62d 50%, #f74444 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$rainbowBlue', endColorstr='$rainbowRed',GradientType=1 );
      /* IE6-9 */ }
      .affection-bar .progress.maxed:before {
        content: "";
        position: absolute;
        width: 75px;
        height: 50px;
        left: -75px;
        opacity: 0.43;
        background-image: url("/img/spritesheet.png");
        background-position: -400px -225px;
        -webkit-animation-name: shine;
        animation-name: shine;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-animation-duration: 3s;
        animation-duration: 3s; }
    .affection-bar .progress.maxed .progress-bar {
      background: #fff;
      opacity: 0.5; }
    .affection-bar .progress .progress-bar {
      background: #d43c23; }

.pet-evolved-sparkles {
  z-index: 0;
  min-height: 257px;
  min-width: 303px;
  background-image: url("/img/pet_sparkles.png");
  -webkit-animation: sparkles 0.75s steps(5) infinite;
  animation: sparkles 0.75s steps(5) infinite; }

.pet-action-modal {
  color: #555; }
  .pet-action-modal .pet-image,
  .pet-action-modal .pet-action-narration,
  .pet-action-modal .pet-action-affection {
    text-align: center; }
  .pet-action-modal .pet-evolving-image,
  .pet-action-modal .pet-unevolved,
  .pet-action-modal .pet-evolved,
  .pet-action-modal .pet-evolved-sparkles {
    min-height: 257px;
    background-position: center;
    background-repeat: no-repeat; }
  .pet-action-modal .pet-evolving-image {
    position: relative; }
    .pet-action-modal .pet-evolving-image .pet-evolved-sparkles.pet-evolved {
      z-index: 0; }
    .pet-action-modal .pet-evolving-image .pet-evolved,
    .pet-action-modal .pet-evolving-image .pet-unevolved {
      z-index: 1; }
    .pet-action-modal .pet-evolving-image .pet-unevolved,
    .pet-action-modal .pet-evolving-image .pet-evolved,
    .pet-action-modal .pet-evolving-image .pet-evolved-sparkles {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 303px;
      height: 257px; }
  .pet-action-modal .pet-image {
    margin-bottom: 25px; }
    .pet-action-modal .pet-image .pet-mood {
      bottom: -25px; }
    .pet-action-modal .pet-image .pet-speech-bubble {
      display: inline-block;
      padding: 10px;
      border-radius: 13px;
      background-color: #fff;
      position: relative;
      margin-left: 25px; }
      .pet-action-modal .pet-image .pet-speech-bubble:before {
        content: "";
        display: inline-block;
        position: absolute;
        border: 17px solid #fff;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: transparent;
        left: -34px;
        top: 31px; }
  .pet-action-modal .pet-action-narration {
    margin-bottom: 20px;
    font-size: 17px;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .pet-action-modal .pet-action-narration .item-name {
      color: #d43c23; }
  .pet-action-modal .pet-action-affection {
    font-size: 22px;
    display: inline-block; }
  .pet-action-modal .pet-action-affection,
  .pet-action-modal .affection-value {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    font-weight: bold; }
  .pet-action-modal .affection-gained {
    color: #d43c23; }
  .pet-action-modal .affection-value {
    text-align: right;
    color: #d43c23;
    font-size: 20px;
    width: 201px;
    margin: 0 auto; }
  .pet-action-modal .affection-bar {
    width: 201px;
    margin-bottom: 0px; }
  .pet-action-modal .pet-birthday-gifts .pet-gift.disabled .pet-gift-image {
    background-color: transparent;
    cursor: not-allowed; }
    .pet-action-modal .pet-birthday-gifts .pet-gift.disabled .pet-gift-image img {
      filter: gray;
      -webkit-filter: grayscale(1);
      filter: grayscale(1);
      opacity: 0.5; }
  .pet-action-modal .pet-birthday-gifts label {
    cursor: pointer;
    padding: 4px;
    position: relative; }
    .pet-action-modal .pet-birthday-gifts label .reward-item-quantity {
      display: none; }
  .pet-action-modal .pet-birthday-gifts input:checked + label {
    background-color: #f9edd2;
    border-radius: 50%; }
    .pet-action-modal .pet-birthday-gifts input:checked + label .reward-item-quantity {
      text-align: center;
      position: absolute;
      right: 0;
      bottom: -5px;
      min-width: 30px;
      border-radius: 30px;
      border: 2px solid #fff;
      background-color: #b98c75;
      font-size: 14px;
      color: #fff;
      padding: 0 5px;
      display: block; }
  .pet-action-modal .pet-gifts-choose {
    font-weight: bold;
    margin-bottom: 5px; }
  .pet-action-modal .pet-gifts {
    margin: 0px -5px 20px; }
    .pet-action-modal .pet-gifts:before, .pet-action-modal .pet-gifts:after {
      display: table;
      content: " "; }
    .pet-action-modal .pet-gifts:after {
      clear: both; }
    .pet-action-modal .pet-gifts .pet-gift {
      float: left;
      width: 33.33333%;
      padding: 0px 5px; }
      .pet-action-modal .pet-gifts .pet-gift .pet-gift-image {
        display: inline-block;
        padding: 10px;
        border-radius: 13px;
        background-color: #fff;
        position: relative;
        margin-bottom: 5px; }
      .pet-action-modal .pet-gifts .pet-gift.disabled .pet-gift-image {
        background-color: transparent;
        cursor: not-allowed; }
        .pet-action-modal .pet-gifts .pet-gift.disabled .pet-gift-image img {
          filter: gray;
          -webkit-filter: grayscale(1);
          filter: grayscale(1);
          opacity: 0.5; }
      .pet-action-modal .pet-gifts .pet-gift .item-name {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        display: block;
        line-height: 1.2; }
    .pet-action-modal .pet-gifts label {
      opacity: 0.7;
      cursor: pointer; }
    .pet-action-modal .pet-gifts input:checked + label {
      opacity: 1;
      transition: all 0.3s; }
  .pet-action-modal .give-button,
  .pet-action-modal .action-button,
  .pet-action-modal .cancel-button,
  .pet-action-modal .evolve-button,
  .pet-action-modal .devolve-button {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    display: block;
    border-radius: 20px;
    font-size: 20px;
    text-transform: none;
    width: 100%; }
  .pet-action-modal .give-button {
    margin-bottom: 15px; }
  .pet-action-modal .action-button {
    margin-top: 20px; }

.flip > .pet-mood {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
  -ms-filter: "FlipH"; }

.pet-mood {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-repeat: no-repeat;
  width: 51px;
  height: 50px;
  -webkit-animation: petMood 0.4s steps(1) infinite;
  animation: petMood 0.4s steps(1) infinite; }
  .pet-mood.happy {
    -webkit-animation: petHappy 0.4s steps(1) infinite;
    animation: petHappy 0.4s steps(1) infinite; }
  .pet-mood.neutral {
    -webkit-animation: petNeutral 0.4s steps(1) infinite;
    animation: petNeutral 0.4s steps(1) infinite; }
  .pet-mood.mad {
    -webkit-animation: petMad 0.4s steps(1) infinite;
    animation: petMad 0.4s steps(1) infinite; }

.pet-background {
  position: relative;
  background: url("/img/pet-base.png") no-repeat;
  background-position: center bottom;
  background-size: 70%;
  width: 275px;
  min-height: 209px;
  margin: 20px auto 5px; }
  .pet-background .pet .pet-image {
    position: absolute;
    top: 0px;
    z-index: 1; }
  .pet-background .pet .pet-evolved-sparkles {
    position: absolute;
    left: -18px;
    top: -28px;
    z-index: 0; }
  .pet-background .pet .pet-birthday-confetti {
    z-index: 3; }
  .pet-background .pet .event-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2; }

#reward-modal .modal-dialog.birthday,
#reward-modal .modal-dialog.birthday .modal-content {
  width: 700px; }

@-webkit-keyframes petMood {
  0% {
    background-position: 0 0; }
  50% {
    background-position: -51px 0; } }

@keyframes petMood {
  0% {
    background-position: 0 0; }
  50% {
    background-position: -51px 0; } }

@-webkit-keyframes petNeutral {
  0% {
    background-position: 0 0; }
  50% {
    background-position: -51px 0; } }

@keyframes petNeutral {
  0% {
    background-position: 0 0; }
  50% {
    background-position: -51px 0; } }

@-webkit-keyframes petMad {
  0% {
    background-position: -102px 0; }
  50% {
    background-position: -153px 0; } }

@keyframes petMad {
  0% {
    background-position: -102px 0; }
  50% {
    background-position: -153px 0; } }

@-webkit-keyframes petHappy {
  0% {
    background-position: -204px 0; }
  50% {
    background-position: -255px 0; } }

@keyframes petHappy {
  0% {
    background-position: -204px 0; }
  50% {
    background-position: -255px 0; } }

@-webkit-keyframes sparkles {
  0% {
    background-position: 0px 0; }
  100% {
    background-position: -1515px 0; } }

@keyframes sparkles {
  0% {
    background-position: 0px 0; }
  100% {
    background-position: -1515px 0; } }

.frame-wrapper {
  padding: 0;
  overflow: hidden;
  margin: auto; }

.playground-frame {
  border: 3px solid #fff;
  border-radius: 25px; }

.game-warning {
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  margin: 0px auto;
  color: #d85d5d;
  width: 620px;
  text-align: center; }

#turnip-thief {
  width: 800px;
  height: 560px; }
  #turnip-thief .frame {
    width: 800px;
    height: 560px;
    border: 0px; }

#vaer-sea-forage {
  width: 540px;
  height: 960px; }
  #vaer-sea-forage .frame {
    width: 540px;
    height: 960px;
    border: 0px; }

#forest-clean-up {
  width: 800px;
  height: 450px; }
  #forest-clean-up .frame {
    width: 800px;
    height: 450px;
    border: 0px;
    /*
      -ms-zoom: 0.625;
      -moz-transform: scale(0.75);
      -moz-transform-origin: 0 0;
      -o-transform: scale(0.75);
      -o-transform-origin: 0 0;
      -webkit-transform: scale(0.75);
      -webkit-transform-origin: 0 0;
      */ }

#silvies-artifacts {
  width: 424px;
  height: 785px; }
  #silvies-artifacts .frame {
    width: 424px;
    height: 785px;
    border: 0px; }

#starry-night {
  width: 800px;
  height: 450px;
  box-sizing: content-box; }
  #starry-night .frame {
    width: 800px;
    height: 450px;
    border: 0px; }

.games .game {
  display: block;
  position: relative;
  margin: 0 0 24px; }
  .games .game .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    border-radius: 4px;
    padding: 24px;
    opacity: 0;
    transition: all 0.25s ease-in; }
    .games .game .overlay:hover {
      opacity: 1; }
    .games .game .overlay h4 {
      color: #333;
      font-weight: bold;
      font-style: italic;
      text-transform: uppercase;
      margin: 0 0 6px; }
    .games .game .overlay p {
      margin: 0; }
  .games .game .banner {
    border-radius: 4px;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out; }
    .games .game .banner:hover {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
      cursor: pointer; }
    .games .game .banner:active {
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
    .games .game .banner img {
      display: block;
      border-radius: 4px; }
    .games .game .banner .placeholder {
      height: 250px;
      background: #ebebeb;
      line-height: 250px;
      text-align: center;
      border-radius: 4px; }

#adventuring .instructions {
  padding-left: 30px; }
  #adventuring .instructions li a {
    font-size: 25px; }

.playground-score-wrapper {
  display: -ms-flexbox;
  display: flex; }
  .playground-score-wrapper h1 {
    font-size: 28px; }
  .playground-score-wrapper h2 {
    font-size: 20px; }
  .playground-score-wrapper .playground-score-header, .playground-score-wrapper .playground-score-footer, .playground-score-wrapper .playground-scores {
    background: transparent;
    border: 0px;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .playground-score-wrapper .playground-instructions {
    width: 55%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
    .playground-score-wrapper .playground-instructions .tab-content {
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: -ms-flexbox;
      display: flex; }
      .playground-score-wrapper .playground-instructions .tab-content .instructions-pane {
        -ms-flex-positive: 1;
        flex-grow: 1; }
  .playground-score-wrapper .playground-scores {
    width: 45%; }
  .playground-score-wrapper .nav-tabs {
    margin-bottom: 0px; }
    .playground-score-wrapper .nav-tabs li {
      background-color: #e1ab87;
      border-radius: 10px 10px 0px 0px;
      font-size: 16px;
      padding: 0; }
      .playground-score-wrapper .nav-tabs li a, .playground-score-wrapper .nav-tabs li.active a {
        background-color: transparent;
        padding: 2px 8px; }
      .playground-score-wrapper .nav-tabs li.active {
        background-color: #fff; }
        .playground-score-wrapper .nav-tabs li.active a, .playground-score-wrapper .nav-tabs li.active a:link, .playground-score-wrapper .nav-tabs li.active a:hover, .playground-score-wrapper .nav-tabs li.active a:active {
          color: #d43c23; }
      .playground-score-wrapper .nav-tabs li a, .playground-score-wrapper .nav-tabs li a:link, .playground-score-wrapper .nav-tabs li a:hover, .playground-score-wrapper .nav-tabs li a:active {
        color: #fff; }
    .playground-score-wrapper .nav-tabs.instructions {
      text-align: left;
      padding-left: 10px; }
  .playground-score-wrapper .instructions-pane {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px; }
  .playground-score-wrapper .playground-score-table {
    width: 100%; }
    .playground-score-wrapper .playground-score-table .playground-score-row .playground-score-username, .playground-score-wrapper .playground-score-table .playground-score-row .playground-score {
      width: 50%;
      border: 0px; }
  .playground-score-wrapper .playground-reset-text {
    color: #555; }

.playground-earnings {
  text-align: center;
  margin-bottom: 10px; }
  .playground-earnings .earnings-text {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #d43c23;
    font-size: 28px;
    vertical-align: middle; }
  .playground-earnings .earnings-type {
    display: inline-block;
    margin-left: 8px; }
    .playground-earnings .earnings-type .icon {
      margin-right: 3px; }
    .playground-earnings .earnings-type .progress {
      border: 2px solid #fff;
      border-radius: 12px;
      display: inline-block;
      background: #fff;
      position: relative;
      margin-bottom: 0px;
      vertical-align: middle;
      height: auto; }
      .playground-earnings .earnings-type .progress .progress-bar {
        position: absolute;
        height: 28px;
        background: linear-gradient(45deg, #ffbe47, #fcec54); }
      .playground-earnings .earnings-type .progress.ad-potatoes {
        width: 200px; }
      .playground-earnings .earnings-type .progress span {
        position: relative;
        z-index: 1;
        display: inline-block;
        line-height: 1em;
        padding: 2px 15px;
        vertical-align: middle;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #d43c23; }

#ad-theater {
  /*
  .streak-restore-footer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: $mediumLightest;
    padding: 15px;
    margin-bottom: 20px;
  }
  */ }
  #ad-theater .streak-restore {
    background-color: #fff;
    color: #555;
    padding: 15px;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px; }
    #ad-theater .streak-restore > div {
      -ms-flex-positive: 1;
      flex-grow: 1;
      font-size: 15px;
      padding-right: 15px; }
      #ad-theater .streak-restore > div .text-highlight {
        color: #d85d5d; }
    #ad-theater .streak-restore .btn-success {
      font-size: 24px;
      font-weight: bold;
      line-height: 1em;
      padding: 5px 7px;
      background-color: #76a635; }

#theater {
  background-image: url("/img/theater_bg_small.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 859px;
  height: 671px;
  border-radius: 22px;
  border: 4px solid #fff;
  margin-bottom: 10px;
  position: relative; }
  #theater #theater-cover {
    max-width: 595px;
    height: 434px;
    margin: 0px auto;
    position: absolute;
    top: 165px;
    left: 123px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    cursor: pointer; }
    #theater #theater-cover img {
      margin: 0px auto;
      width: 85%; }
  #theater #ad-theater-player {
    width: 595px;
    height: 434px;
    margin: 0px auto;
    position: absolute;
    top: 165px;
    left: 123px;
    border-radius: 14px; }
    #theater #ad-theater-player .brand-container {
      display: none; }
    #theater #ad-theater-player .ac-player-ph {
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      overflow: hidden; }
    #theater #ad-theater-player .lre-playlist-wrapper {
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      overflow: hidden; }

#theater-modal .reward-reason {
  width: 80%;
  margin: 0px auto; }

#theater-modal ul {
  list-style-type: none; }
  #theater-modal ul li {
    display: inline-block; }

#theater-modal .currency-attachments li {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 25px;
  margin: 0px 15px; }

.theater-footer .turnip-streak .view-reward {
  margin-top: 5px; }
  .theater-footer .turnip-streak .view-reward img {
    height: 32px;
    margin-right: 5px; }
  .theater-footer .turnip-streak .view-reward .btn-gradient {
    font-size: 16px;
    padding: 5px 7px;
    border-radius: 13px;
    margin-right: 5px;
    background-image: linear-gradient(to bottom, #ffbe47, #f2782d); }
    .theater-footer .turnip-streak .view-reward .btn-gradient:active {
      background-image: linear-gradient(to top, #ffbe47, #f2782d); }

.theater-footer .turnip-streak .turnip-streak-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
  font-size: 28px;
  vertical-align: middle;
  margin-right: 10px; }

.theater-footer .turnip-streak .theater-turnip {
  margin-right: 10px; }

.theater-footer .day-streak {
  font-weight: bold; }

.theater-footer .videos-watched {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px; }
  .theater-footer .videos-watched .videos-watched-text {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555; }
  .theater-footer .videos-watched .videos-watched-bar {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 5px; }
    .theater-footer .videos-watched .videos-watched-bar .progress {
      border-radius: 20px;
      height: 20px;
      background-color: #fff;
      border: 3px solid #fff;
      margin-bottom: 0px; }
      .theater-footer .videos-watched .videos-watched-bar .progress .progress-bar {
        background: linear-gradient(45deg, #ffbe47, #fcec54); }
        .theater-footer .videos-watched .videos-watched-bar .progress .progress-bar.completed {
          background: linear-gradient(45deg, #76a635, #8dc63f); }

.referral-info-wrapper {
  display: -ms-flexbox;
  display: flex; }
  .referral-info-wrapper .referral-info {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px; }
    .referral-info-wrapper .referral-info h2 {
      font-weight: bold;
      color: #b98c75; }
    .referral-info-wrapper .referral-info p {
      color: #555; }
      .referral-info-wrapper .referral-info p a {
        color: #b98c75;
        font-weight: bold; }
    .referral-info-wrapper .referral-info .referral-line {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #555;
      font-size: 18px;
      margin-bottom: 3px; }
      .referral-info-wrapper .referral-info .referral-line .fa-caret-right {
        color: #fff; }
      .referral-info-wrapper .referral-info .referral-line .referral-points {
        color: #d43c23; }
      .referral-info-wrapper .referral-info .referral-line .referral-share {
        background-color: #fff;
        padding: 5px 10px;
        border-radius: 6px;
        text-transform: lowercase;
        margin: 0px 5px;
        font-weight: normal;
        font-size: 14px; }
        .referral-info-wrapper .referral-info .referral-line .referral-share .fa, .referral-info-wrapper .referral-info .referral-line .referral-share .fab {
          font-size: 18px;
          margin: 0px 2px;
          vertical-align: text-bottom;
          color: #959595; }

.referral-prizes {
  position: relative;
  margin-top: 80px; }
  .referral-prizes .prize-banner {
    position: absolute;
    top: -60px;
    width: 100%;
    text-align: center; }
  .referral-prizes .panel {
    border-radius: 12px; }
    .referral-prizes .panel .panel-body {
      padding: 50px; }
      .referral-prizes .panel .panel-body .prize-item {
        padding: 25px 0px; }
        .referral-prizes .panel .panel-body .prize-item h3 {
          font-size: 16px;
          font-weight: bold;
          color: #555;
          margin-bottom: 0px;
          margin-top: 7px;
          line-height: 1.3em; }
        .referral-prizes .panel .panel-body .prize-item .prize-item-price {
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #d43c23; }
          .referral-prizes .panel .panel-body .prize-item .prize-item-price > div {
            line-height: 1em; }
          .referral-prizes .panel .panel-body .prize-item .prize-item-price .btn {
            font-weight: bold;
            padding: 0px 5px;
            margin-top: 7px; }

@-webkit-keyframes daily {
  from {
    background-position: -72px 0px; }
  to {
    background-position: -144px 0px; } }

@keyframes daily {
  from {
    background-position: -72px 0px; }
  to {
    background-position: -144px 0px; } }

@-webkit-keyframes indicator {
  from {
    bottom: -18px; }
  to {
    bottom: -21px; } }

@keyframes indicator {
  from {
    bottom: -18px; }
  to {
    bottom: -21px; } }

.quests {
  margin: 0 0 24px;
  list-style: none; }
  .quests .banner {
    border-radius: 4px;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    margin-bottom: 10px; }
    .quests .banner:hover {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
      cursor: pointer; }
    .quests .banner:active {
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
    .quests .banner img {
      display: block;
      border-radius: 4px; }
    .quests .banner .placeholder {
      height: 250px;
      background: #ebebeb;
      line-height: 250px;
      text-align: center;
      border-radius: 4px; }
  .quests .quest {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    margin: 0 0 30px; }
    .quests .quest .bonus-days {
      height: 36px; }
      .quests .quest .bonus-days .day {
        margin-right: 8px;
        width: 36px;
        height: 36px;
        display: inline-block;
        position: relative; }
        .quests .quest .bonus-days .day.claimed {
          background-image: url("/img/daily.png");
          background-position: 0px 0px; }
          .quests .quest .bonus-days .day.claimed .indicator {
            display: none; }
        .quests .quest .bonus-days .day.unclaimed {
          background-image: url("/img/daily.png");
          background-position: -36px 0px; }
        .quests .quest .bonus-days .day .claimable {
          background-image: url("/img/daily.png");
          position: relative;
          -webkit-animation: daily 0.4s steps(2) infinite;
          animation: daily 0.4s steps(2) infinite;
          display: block;
          height: 36px; }
          .quests .quest .bonus-days .day .claimable:active {
            -webkit-animation: none;
            animation: none;
            background-position: -144px 0px; }
        .quests .quest .bonus-days .day .indicator {
          content: '';
          display: inline-block;
          background-image: url("/img/spritesheet.png");
          background-position: -375px -200px;
          width: 14px;
          height: 14px;
          position: absolute;
          left: 11px;
          -webkit-animation: indicator 0.4s steps(2) infinite;
          animation: indicator 0.4s steps(2) infinite; }
        .quests .quest .bonus-days .day .reward {
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          position: absolute;
          display: none;
          bottom: -25px;
          text-align: center;
          width: 60px;
          left: -12px;
          font-size: 1.8em; }
    .quests .quest .bonus-complete button {
      position: relative !important;
      top: -2px !important;
      right: initial !important; }
      .quests .quest .bonus-complete button .icon {
        top: -2px; }
    .quests .quest .item {
      background: transparent;
      border-radius: 0px; }
    .quests .quest .name {
      display: block;
      color: #cb8e6d;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      text-transform: uppercase;
      font-size: 22px;
      font-weight: bold;
      margin-left: 10px;
      width: 100%; }
      .quests .quest .name .description {
        background: #fff;
        color: #555;
        font-weight: normal;
        border-radius: 10px;
        padding: 9px 21px 9px 9px;
        text-transform: none;
        font-size: 18px;
        border: 3px solid #fff;
        position: relative; }
    .quests .quest .claim {
      margin-left: auto; }
      .quests .quest .claim button {
        background-image: url("/img/button.png");
        width: 136px;
        height: 40px;
        position: absolute;
        top: 3px;
        right: 3px;
        border: 0px;
        background-color: transparent;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        font-weight: bold;
        font-size: 22px;
        text-transform: uppercase; }
        .quests .quest .claim button:active {
          background-image: url("/img/button_pressed.png"); }
        .quests .quest .claim button:focus {
          outline: none; }

#quests {
  position: relative;
  padding-top: 40px; }
  #quests .in-progress, #quests .available, #quests .completed {
    margin: 0 0 24px;
    list-style: none; }
  #quests .quest-status {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 28px;
    color: #b98c75;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 30px 0px 15px 0px; }
  #quests .quest-none {
    padding: 0px 30px; }
  #quests .quests-filters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 15px; }
    #quests .quests-filters span {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #b98c75;
      vertical-align: middle;
      line-height: 34px;
      font-size: 20px;
      margin-right: 10px; }
      #quests .quests-filters span:first-of-type {
        margin-left: auto; }
    #quests .quests-filters select {
      border: 0px;
      max-width: 250px;
      margin-right: 10px; }
      #quests .quests-filters select:focus {
        box-shadow: none; }
  #quests .quest {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    padding: 10px;
    margin: 6px 0 15px;
    background-color: #fff; }
    #quests .quest .label {
      vertical-align: middle;
      text-transform: uppercase;
      padding: 3px 8px;
      line-height: 1em;
      font-size: 15px;
      margin-right: 3px;
      border-radius: 5px; }
      #quests .quest .label-main {
        background-color: #d85d5d; }
      #quests .quest .label-side {
        background-color: #ea9a00; }
      #quests .quest .label-repeatable {
        background-color: #56abbb; }
      #quests .quest .label-seasonal {
        background-color: #76a635; }
  #quests .quest .quest-icon {
    min-width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-size: 100%; }
  #quests .quest .quest-text {
    margin: 0px 12px; }
  #quests .quest .go, #quests .quest .btn-secondary {
    margin-left: auto;
    min-width: 90px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #fff;
    font-size: 20px;
    padding: 5px 8px;
    line-height: 1em;
    border-radius: 6px; }
  #quests .quest .go {
    background-color: #76a635; }
  #quests .quest .btn-secondary {
    background-color: #b7b7b7; }
  #quests .quest .subtext {
    display: block;
    color: #555;
    font-size: 14px;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    margin-top: 5px;
    line-height: 1.3em; }
  #quests .name {
    display: inline;
    margin-right: 3px;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: bold; }
  #quests .quest-name {
    color: #555; }
  #quests .cooldown {
    display: inline;
    min-width: 90px;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto; }
  #quests .cooldown .timer {
    font-size: 16px; }
  #quests .completed .quest-icon {
    opacity: 0.5; }

#redeem-items .redeemable-form {
  margin-bottom: 4em; }
  #redeem-items .redeemable-form .redeemable-code {
    border: 0px; }
  #redeem-items .redeemable-form .redeemable-button {
    background-color: #e1ab87;
    color: #fff;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
    padding: 6px; }

#redeem-items .redeemable {
  float: none;
  margin: 0px auto;
  padding: 10px 10px 20px 10px;
  display: inline-block;
  vertical-align: top; }
  #redeem-items .redeemable .redeemable-item {
    display: inline-block;
    width: 75px;
    height: 75px;
    margin-bottom: 15px; }
    #redeem-items .redeemable .redeemable-item img {
      margin: auto; }
  #redeem-items .redeemable .item-thumbnail {
    -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
    filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
  #redeem-items .redeemable .redeemable-name {
    color: #cb8e6d;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0; }
  #redeem-items .redeemable .redeemable-description {
    margin-top: 10px;
    color: #555;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    text-align: left; }

#redeem-items .row {
  margin-bottom: 1em;
  margin-top: 3em; }
  #redeem-items .row:first-child {
    margin-top: 0; }

#redeem-items .redeemable-confirm {
  width: 300px;
  height: 88px;
  background: url("/img/redeem.png") no-repeat;
  background-size: 100%;
  background-color: transparent;
  font-size: 0px;
  border-radius: 0px;
  border: 0px;
  margin: 0px auto;
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out;
  box-shadow: none;
  display: block; }
  #redeem-items .redeemable-confirm:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    cursor: pointer; }
  #redeem-items .redeemable-confirm:active {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }

.register-banner {
  border: 0px;
  background-color: transparent;
  width: 342px;
  height: 109px;
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out; }
  .register-banner:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    cursor: pointer; }
  .register-banner:active {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }

.shop-category {
  margin-bottom: 30px; }

.shop-header {
  font-size: 28px;
  font-weight: bold;
  color: #fff; }
  .shop-header .shop-name {
    vertical-align: middle; }
  .shop-header .location-indicator {
    vertical-align: middle;
    font-size: 60%;
    color: #b98c75; }

.shop-text a {
  color: #b98c75; }

.shop-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  background-color: #fce0bd;
  padding: 10px;
  margin-bottom: 30px; }
  .shop-link.limited {
    background-color: #fff; }
  .shop-link .shop-icon {
    position: relative;
    min-width: 100px;
    width: 100px;
    height: 100px;
    background: #fff;
    background-position: center center;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fff;
    margin-left: auto;
    margin-right: auto;
    background-size: 100px 100px; }
  .shop-link .shop-info {
    text-align: left;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    padding-left: 10px;
    line-height: 1.3em;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .shop-link .shop-info .shop-name {
      color: #555;
      font-size: 18px; }
    .shop-link .shop-info .shop-time {
      margin-top: 15px;
      color: #d43c23; }

.shop .shop-top {
  z-index: 2;
  position: relative; }
  .shop .shop-top .shop-npc {
    background-position: center;
    background-repeat: no-repeat;
    min-height: 330px;
    padding-top: 50px; }
  .shop .shop-top .shop-info-section {
    margin-bottom: 50px; }
  .shop .shop-top .shop-cost-text {
    color: #555;
    vertical-align: bottom; }
  .shop .shop-top .shop-cost-value {
    color: #d43c23;
    vertical-align: bottom;
    font-size: 0.9em; }
  .shop .shop-top .shop-play-button {
    font-size: 1em;
    margin-left: 10px;
    vertical-align: text-bottom;
    font-weight: bold;
    line-height: 1em; }
    .shop .shop-top .shop-play-button .button-text {
      margin-right: 15px; }
      .shop .shop-top .shop-play-button .button-text .glyphicon {
        font-size: 0.6em; }
    .shop .shop-top .shop-play-button .potato {
      margin-left: 3px; }
  .shop .shop-top .shop-logs-button {
    font-size: 0.8em;
    margin-left: 10px;
    margin-bottom: 15px;
    vertical-align: text-bottom;
    font-weight: bold;
    line-height: 1em;
    background-color: #b98c75;
    border-radius: 6px; }
    .shop .shop-top .shop-logs-button .button-text {
      margin-right: 15px; }
      .shop .shop-top .shop-logs-button .button-text .glyphicon {
        font-size: 0.6em; }
    .shop .shop-top .shop-logs-button .potato {
      margin-left: 3px; }
  .shop .shop-top .shop-bubble-panel {
    border: 0px;
    border-radius: 20px;
    min-height: 140px; }
  .shop .shop-top .shop-bubble {
    color: #555; }
    .shop .shop-top .shop-bubble:before {
      content: " ";
      display: block;
      position: absolute;
      top: 140px;
      left: 2px;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-right: 15px solid #fff;
      border-bottom: 10px solid transparent; }
  .shop .shop-top .shop-restock-currency-item .shop-currency-item {
    display: inline-block;
    margin: 0px auto 10px; }
    .shop .shop-top .shop-restock-currency-item .shop-currency-item .shop-currency-item-icon {
      float: left;
      -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
      filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
    .shop .shop-top .shop-restock-currency-item .shop-currency-item .shop-currency-item-info {
      float: right;
      background-color: #fff;
      padding: 7px 12px;
      border-radius: 8px;
      margin-left: 12px; }
  .shop .shop-top .shop-gacha-currency-item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px; }
    .shop .shop-top .shop-gacha-currency-item .shop-currency-item-info {
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 100%; }
    .shop .shop-top .shop-gacha-currency-item .shop-currency-item-gacha {
      text-align: right; }
      .shop .shop-top .shop-gacha-currency-item .shop-currency-item-gacha .shop-play-button {
        font-size: 28px; }
        .shop .shop-top .shop-gacha-currency-item .shop-currency-item-gacha .shop-play-button .currency-item-icon {
          margin-right: 5px;
          width: 20px;
          vertical-align: baseline; }
        .shop .shop-top .shop-gacha-currency-item .shop-currency-item-gacha .shop-play-button:first-of-type {
          margin-bottom: 10px; }
    .shop .shop-top .shop-gacha-currency-item .gacha-bonus-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .shop .shop-top .shop-gacha-currency-item .gacha-bonus-wrapper .gacha-bonus {
        margin-left: 0px;
        margin-right: 10px; }
    .shop .shop-top .shop-gacha-currency-item .shop-currency-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
  .shop .shop-top .shop-restock-currency-item .shop-currency-item-info, .shop .shop-top .shop-gacha-currency-item .shop-currency-item-info {
    text-align: left; }
    .shop .shop-top .shop-restock-currency-item .shop-currency-item-info > div, .shop .shop-top .shop-gacha-currency-item .shop-currency-item-info > div {
      font-size: 20px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
      .shop .shop-top .shop-restock-currency-item .shop-currency-item-info > div .shop-currency-item-detail, .shop .shop-top .shop-gacha-currency-item .shop-currency-item-info > div .shop-currency-item-detail {
        color: #e34f32; }
  .shop .shop-top .shop-restock-currency-item .shop-currency-item-icon, .shop .shop-top .shop-gacha-currency-item .shop-currency-item-icon {
    float: left;
    margin-left: 15px;
    -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
    filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }

.shop .prizes {
  z-index: 1;
  margin: 0px -47px;
  position: relative;
  top: -50px; }
  .shop .prizes .prize-banner {
    z-index: 2;
    position: relative; }
  .shop .prizes .prize-box {
    background: #fce0bd;
    padding: 60px 47px;
    position: relative;
    top: -45px;
    z-index: 1; }
  .shop .prizes .prize-panel {
    border: 4px solid #fff;
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 30px;
    overflow: hidden; }
    .shop .prizes .prize-panel:last-of-type {
      margin: 0px; }
    .shop .prizes .prize-panel .panel-heading {
      border: 0px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff;
      font-size: 30px;
      line-height: 1;
      padding: 5px 8px; }
      .shop .prizes .prize-panel .panel-heading.common {
        background: #e6caa8; }
      .shop .prizes .prize-panel .panel-heading.uncommon {
        background: #f6c96c; }
      .shop .prizes .prize-panel .panel-heading.rare {
        background: #ffb07a; }
      .shop .prizes .prize-panel .panel-heading.legendary {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51e7ec+0,fde62d+50,f74444+100 */
        background: #f74444;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #f74444 0%, #fde62d 50%, #51e7ec 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$rainbowRed', endColorstr='$rainbowBlue',GradientType=1 );
        /* IE6-9 */ }
      .shop .prizes .prize-panel .panel-heading.limited {
        background: linear-gradient(to right, #dbcaca, #c9e4e7); }
      .shop .prizes .prize-panel .panel-heading.seasonal {
        background: linear-gradient(to right, #8bdae8, #afe281, #f7cf70); }
    .shop .prizes .prize-panel .panel-body {
      text-align: center;
      padding-top: 36px; }
  .shop .prizes .prize-item {
    margin-bottom: 1.5em;
    width: 23%;
    display: inline-block;
    vertical-align: top; }
    .shop .prizes .prize-item .prize-item-name {
      color: #555;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-size: 1.1em; }
    .shop .prizes .prize-item h3 {
      line-height: 1em;
      margin-top: 0.25em; }
  .shop .prizes .prize-item-price {
    font-size: 1.2em;
    color: #959595;
    font-weight: bold; }
    .shop .prizes .prize-item-price .icon {
      margin-left: 3px; }
    .shop .prizes .prize-item-price .currency-item-icon {
      margin-left: 3px;
      -webkit-filter: none;
      filter: none; }
    .shop .prizes .prize-item-price a {
      font-weight: bold;
      font-size: 0.8em;
      padding: 3px 6px;
      margin-left: 5px;
      border-radius: 6px; }

.shop .shop-buttons {
  margin-bottom: 55px; }
  .shop .shop-buttons .button-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start; }

.shop .currency-item-icon {
  width: 16px;
  -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }

.shop .free-spins {
  color: #333;
  font-size: 14px;
  text-transform: none;
  margin: 0px; }

.shop-modal .modal-content {
  border-color: #fff;
  background-color: #f8d0a1;
  padding: 30px; }
  .shop-modal .modal-content .currency-item-icon {
    width: 16px;
    margin-left: 4px;
    -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
    filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }
  .shop-modal .modal-content .item-modal-text {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 18px;
    margin-bottom: 10px; }
    .shop-modal .modal-content .item-modal-text #itemName, .shop-modal .modal-content .item-modal-text .item-total-cost-text {
      color: #e54b4b;
      font-weight: bold;
      text-transform: uppercase; }
    .shop-modal .modal-content .item-modal-text #itemQuantity {
      display: inline-block;
      width: auto; }
    .shop-modal .modal-content .item-modal-text.item-selection {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .shop-modal .modal-content .item-modal-text.item-selection > div {
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .shop-modal .modal-content .item-modal-text.item-selection > div:first-of-type {
          text-align: right;
          margin-right: 10px; }
        .shop-modal .modal-content .item-modal-text.item-selection > div:last-of-type {
          text-align: left; }
    .shop-modal .modal-content .item-modal-text .icon {
      margin-left: 5px; }
  .shop-modal .modal-content .btn {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    padding: 3px 9px;
    line-height: 1em;
    font-size: 28px;
    margin-right: 3px; }

.claims-table {
  font-size: 15px; }
  .claims-table > thead > tr > th, .claims-table > tbody > tr > td {
    padding: 5px 10px; }
  .claims-table td {
    text-align: left; }

.lot-type {
  display: inline-block;
  width: 150px;
  vertical-align: middle; }

.trade-create .form-control, .trade-create option {
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 22px; }

.trade-create .lot-field {
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  margin-bottom: 10px; }
  .trade-create .lot-field .lot-type-select {
    max-width: 300px; }
  .trade-create .lot-field .lot-key {
    color: #d8a481;
    padding-right: 10px;
    font-size: 22px; }
  .trade-create .lot-field .lot-value {
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .trade-create .lot-field .lot-value select {
      padding-top: 0px;
      padding-bottom: 0px; }

.trade-create .lot-content.sale {
  max-width: 400px; }

.trade-create .lot-content.auction {
  max-width: 450px; }

.trade-create .lot-content.trade {
  max-width: 700px; }
  .trade-create .lot-content.trade input {
    max-width: 200px; }
  .trade-create .lot-content.trade .lot-key {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #d8a481; }
  .trade-create .lot-content.trade .lot-trade-note textarea {
    border-radius: 10px;
    max-height: 100px; }

.lot-single {
  display: inline-block; }
  .lot-single .lot-header {
    padding: 0px 10px;
    display: -ms-flexbox;
    display: flex; }
    .lot-single .lot-header .lot-type {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      text-transform: uppercase;
      font-size: 25px;
      line-height: 25px;
      width: auto;
      padding: 8px 13px;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #fff; }
      .lot-single .lot-header .lot-type.trade {
        background: #8dc63f; }
      .lot-single .lot-header .lot-type.auction {
        background: #ff7b7b; }
      .lot-single .lot-header .lot-type.sale {
        background: #5dd0d1; }
      .lot-single .lot-header .lot-type a, .lot-single .lot-header .lot-type a:hover, .lot-single .lot-header .lot-type a:link, .lot-single .lot-header .lot-type a:active, .lot-single .lot-header .lot-type a:visited {
        color: #fff; }
    .lot-single .lot-header .lot-buttons {
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: right;
      padding-left: 10px; }
      .lot-single .lot-header .lot-buttons form {
        display: inline-block; }
      .lot-single .lot-header .lot-buttons .btn-secondary {
        background-color: #c1c1c1;
        color: #fff;
        padding: 4px 17px;
        border-radius: 6px;
        margin-right: 10px;
        font-size: 17px; }
  .lot-single .lot-content {
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    display: -ms-flexbox;
    display: flex; }
    .lot-single .lot-content .lot-items {
      max-width: 600px; }
      .lot-single .lot-content .lot-items .lot-pet, .lot-single .lot-content .lot-items .lot-item {
        float: left;
        width: 185px;
        display: -ms-flexbox;
        display: flex; }
        .lot-single .lot-content .lot-items .lot-pet .item-info, .lot-single .lot-content .lot-items .lot-item .item-info {
          -ms-flex-item-align: center;
          align-self: center;
          -ms-flex-positive: 1;
          flex-grow: 1;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          text-transform: uppercase;
          font-size: 14px;
          line-height: 17px;
          padding: 0px 15px 0px 10px; }
          .lot-single .lot-content .lot-items .lot-pet .item-info a, .lot-single .lot-content .lot-items .lot-pet .item-info a:hover, .lot-single .lot-content .lot-items .lot-pet .item-info a:link, .lot-single .lot-content .lot-items .lot-pet .item-info a:active, .lot-single .lot-content .lot-items .lot-pet .item-info a:visited, .lot-single .lot-content .lot-items .lot-item .item-info a, .lot-single .lot-content .lot-items .lot-item .item-info a:hover, .lot-single .lot-content .lot-items .lot-item .item-info a:link, .lot-single .lot-content .lot-items .lot-item .item-info a:active, .lot-single .lot-content .lot-items .lot-item .item-info a:visited {
            color: #555; }
      .lot-single .lot-content .lot-items .lot-potatoes {
        font-size: 25px;
        line-height: 25px;
        color: #b98c75;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-left: 10px;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
        width: 100%; }
        .lot-single .lot-content .lot-items .lot-potatoes .icon {
          vertical-align: middle;
          margin-left: 5px; }
    .lot-single .lot-content .lot-right .lot-field {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-size: 17px;
      line-height: 17px;
      margin-bottom: 5px;
      color: #555; }
      .lot-single .lot-content .lot-right .lot-field.auction-date, .lot-single .lot-content .lot-right .lot-field.auction-bid {
        margin-bottom: 15px; }
      .lot-single .lot-content .lot-right .lot-field .lot-key {
        color: #d8a481; }
        .lot-single .lot-content .lot-right .lot-field .lot-key.auction {
          color: #ff7b7b; }
    .lot-single .lot-content .lot-right .lot-info {
      width: 285px;
      padding: 15px 20px; }
      .lot-single .lot-content .lot-right .lot-info a, .lot-single .lot-content .lot-right .lot-info a:link, .lot-single .lot-content .lot-right .lot-info a:hover, .lot-single .lot-content .lot-right .lot-info a:visited {
        color: #d8a481;
        font-weight: bold; }
      .lot-single .lot-content .lot-right .lot-info.trade .lot-field {
        margin-bottom: 13px; }
      .lot-single .lot-content .lot-right .lot-info.trade .lot-key {
        color: #e8b492;
        font-size: 22px; }
      .lot-single .lot-content .lot-right .lot-info.trade .lot-note {
        text-transform: initial;
        font-weight: normal;
        color: #555;
        margin-top: 13px;
        margin-bottom: 0px;
        line-height: 1.2em; }
      .lot-single .lot-content .lot-right .lot-info.auction {
        -ms-flex-item-align: center;
        align-self: center; }
      .lot-single .lot-content .lot-right .lot-info.sale {
        width: auto; }
        .lot-single .lot-content .lot-right .lot-info.sale .lot-field {
          font-size: 23px; }
        .lot-single .lot-content .lot-right .lot-info.sale .btn {
          font-size: 20px;
          margin-top: 10px;
          color: #fff; }
  .lot-single .lot-footer {
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px; }
    .lot-single .lot-footer .btn {
      font-size: 25px;
      line-height: 25px;
      font-weight: bold; }
    .lot-single .lot-footer.sale {
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .lot-single .lot-footer.sale form {
        display: inline-block;
        margin-left: 20px; }
    .lot-single .lot-footer.auction .bid-section {
      -ms-flex-positive: 1;
      flex-grow: 1;
      font-size: 25px;
      line-height: 25px; }
      .lot-single .lot-footer.auction .bid-section .bid-text {
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        text-transform: uppercase;
        margin-right: 10px; }
      .lot-single .lot-footer.auction .bid-section form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        .lot-single .lot-footer.auction .bid-section form .bid-value {
          line-height: 25px;
          height: 37px;
          border: 0px;
          max-width: 300px;
          margin-right: 10px; }
    .lot-single .lot-footer.auction .autobuy-button {
      margin-left: 20px; }
    .lot-single .lot-footer .lot-buttons {
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: right;
      padding-left: 10px; }
      .lot-single .lot-footer .lot-buttons .btn-secondary {
        background-color: #c1c1c1;
        color: #fff;
        padding: 4px 17px;
        border-radius: 6px;
        margin-right: 10px;
        font-size: 17px; }

.lot-actions {
  margin-top: 20px; }
  .lot-actions h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    margin-bottom: 0px; }
  .lot-actions.auction h2 {
    color: #ff7b7b; }
  .lot-actions.auction .bid-history {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    border-radius: 7px;
    background-color: #fff;
    padding: 5px 10px;
    display: table; }
    .lot-actions.auction .bid-history .bid-row {
      display: table-row;
      line-height: 27px; }
      .lot-actions.auction .bid-history .bid-row .bid-user, .lot-actions.auction .bid-history .bid-row .bid-amount, .lot-actions.auction .bid-history .bid-row .bid-time {
        display: table-cell; }
      .lot-actions.auction .bid-history .bid-row .bid-user a, .lot-actions.auction .bid-history .bid-row .bid-user a:link, .lot-actions.auction .bid-history .bid-row .bid-user a:hover, .lot-actions.auction .bid-history .bid-row .bid-user a:visited {
        color: #ff7b7b; }
      .lot-actions.auction .bid-history .bid-row .bid-amount {
        color: #555;
        padding: 0px 50px; }
      .lot-actions.auction .bid-history .bid-row .bid-value {
        color: #d8a481; }
  .lot-actions.auction .bids-none {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 20px; }
  .lot-actions.sale h2 {
    color: #cb8e6d; }
  .lot-actions.sale .sale-info {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 20px; }
    .lot-actions.sale .sale-info a, .lot-actions.sale .sale-info a:link, .lot-actions.sale .sale-info a:hover, .lot-actions.sale .sale-info a:visited {
      color: #5dd0d1; }
  .lot-actions.trade h2 {
    margin-bottom: 12px; }
  .lot-actions.trade .btn-trade {
    font-size: 18px; }
  .lot-actions.trade .lot-field {
    margin-bottom: 10px; }
    .lot-actions.trade .lot-field .lot-key {
      color: #d8a481;
      padding-right: 10px;
      font-size: 22px;
      display: inline-block;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
    .lot-actions.trade .lot-field .lot-value {
      display: inline-block; }
      .lot-actions.trade .lot-field .lot-value .form-control {
        display: inline-block;
        width: auto;
        border: 0px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555;
        font-size: 22px; }
  .lot-actions.trade .btn-danger {
    font-size: 22px;
    line-height: 1em;
    font-weight: bold; }
  .lot-actions.trade .offers {
    margin-top: 20px; }
  .lot-actions.trade .offer {
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
    min-height: 130px; }
    .lot-actions.trade .offer:last-of-type {
      margin-bottom: 0px; }
    .lot-actions.trade .offer .lot-items {
      max-width: 740px; }
      .lot-actions.trade .offer .lot-items .lot-pet, .lot-actions.trade .offer .lot-items .lot-item {
        float: left;
        width: 185px;
        display: -ms-flexbox;
        display: flex; }
        .lot-actions.trade .offer .lot-items .lot-pet .item-info, .lot-actions.trade .offer .lot-items .lot-item .item-info {
          -ms-flex-item-align: center;
          align-self: center;
          -ms-flex-positive: 1;
          flex-grow: 1;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #555;
          text-transform: uppercase;
          font-size: 14px;
          line-height: 17px;
          padding: 0px 15px 0px 10px; }
          .lot-actions.trade .offer .lot-items .lot-pet .item-info a, .lot-actions.trade .offer .lot-items .lot-pet .item-info a:hover, .lot-actions.trade .offer .lot-items .lot-pet .item-info a:link, .lot-actions.trade .offer .lot-items .lot-pet .item-info a:active, .lot-actions.trade .offer .lot-items .lot-pet .item-info a:visited, .lot-actions.trade .offer .lot-items .lot-item .item-info a, .lot-actions.trade .offer .lot-items .lot-item .item-info a:hover, .lot-actions.trade .offer .lot-items .lot-item .item-info a:link, .lot-actions.trade .offer .lot-items .lot-item .item-info a:active, .lot-actions.trade .offer .lot-items .lot-item .item-info a:visited {
            color: #555; }
    .lot-actions.trade .offer .lot-potatoes {
      font-size: 25px;
      line-height: 25px;
      color: #b98c75;
      margin-bottom: 0px;
      padding-top: 10px;
      padding-left: 10px; }
      .lot-actions.trade .offer .lot-potatoes .icon {
        vertical-align: middle;
        margin-left: 5px; }
    .lot-actions.trade .offer .offer-user {
      font-size: 25px;
      line-height: 25px;
      margin-bottom: 20px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #d8a481; }
      .lot-actions.trade .offer .offer-user a, .lot-actions.trade .offer .offer-user a:hover, .lot-actions.trade .offer .offer-user a:link, .lot-actions.trade .offer .offer-user a:active, .lot-actions.trade .offer .offer-user a:visited {
        color: #555; }
    .lot-actions.trade .offer .btn {
      position: absolute;
      font-size: 20px;
      right: 25px; }
      .lot-actions.trade .offer .btn-success {
        background-color: #8dc63f;
        top: 20px; }
      .lot-actions.trade .offer .btn-danger {
        bottom: 20px; }
  .lot-actions.owner-actions {
    margin-top: 20px; }
    .lot-actions.owner-actions .btn {
      font-size: 25px;
      line-height: 25px;
      font-weight: bold; }
    .lot-actions.owner-actions.auction .cancel-button {
      margin-left: 20px; }
    .lot-actions.owner-actions.auction .btn-default {
      background-color: #c1c1c1;
      color: #fff; }
    .lot-actions.owner-actions.auction form {
      display: inline-block; }
    .lot-actions.owner-actions.trade h2 {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      margin-bottom: 0px;
      color: #cb8e6d; }
    .lot-actions.owner-actions.trade .offers-none {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #555;
      font-size: 20px; }
    .lot-actions.owner-actions.trade .lot-cancel {
      margin-top: 20px; }

.lots {
  list-style: none;
  margin: 0 0 24px; }
  .lots.main .lot-row {
    border-radius: 8px;
    overflow: hidden; }
    .lots.main .lot-row .lot-content {
      border-radius: 0; }
    .lots.main .lot-row .lot-header {
      padding: 8px 15px;
      display: -ms-flexbox;
      display: flex;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 16px;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #555; }
      .lots.main .lot-row .lot-header.trade {
        background: #8dc63f; }
      .lots.main .lot-row .lot-header.auction {
        background: #ff7b7b; }
      .lots.main .lot-row .lot-header.sale {
        background: #5dd0d1; }
      .lots.main .lot-row .lot-header .expand-link {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        font-size: 16px;
        line-height: 16px;
        opacity: 0.7;
        margin-right: 10px; }
      .lots.main .lot-row .lot-header a, .lots.main .lot-row .lot-header a:hover, .lots.main .lot-row .lot-header a:link, .lots.main .lot-row .lot-header a:active, .lots.main .lot-row .lot-header a:visited {
        color: #fff; }
      .lots.main .lot-row .lot-header .lot-type {
        -ms-flex-positive: 1;
        flex-grow: 1; }
        .lots.main .lot-row .lot-header .lot-type .type {
          color: #fff; }
        .lots.main .lot-row .lot-header .lot-type .user, .lots.main .lot-row .lot-header .lot-type .user:hover, .lots.main .lot-row .lot-header .lot-type .user:link, .lots.main .lot-row .lot-header .lot-type .user:active, .lots.main .lot-row .lot-header .lot-type .user:visited {
          color: #555; }
    .lots.main .lot-row.offer .lot-content.trade .offer-title {
      font-size: 17px;
      line-height: 1em;
      color: #e1ab87; }
    .lots.main .lot-row.offer .lot-content.trade .lot-right {
      display: block; }
      .lots.main .lot-row.offer .lot-content.trade .lot-right .btn, .lots.main .lot-row.offer .lot-content.trade .lot-right form {
        position: initial;
        float: right; }
      .lots.main .lot-row.offer .lot-content.trade .lot-right form {
        display: inline-block;
        margin-left: 10px; }
        .lots.main .lot-row.offer .lot-content.trade .lot-right form .btn {
          background-color: #b7b7b7;
          font-weight: bold; }
    .lots.main .lot-row.offer .lot-content.trade > .row .col-xs-6:first-of-type {
      border-right: 2px solid #e1ab87; }
    .lots.main .lot-row.offer .lot-content.trade > .row .col-xs-6:last-of-type {
      border-left: 2px solid #e1ab87; }
    .lots.main .lot-row .lot-content {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      background: #fff;
      padding: 15px;
      position: relative; }
      .lots.main .lot-row .lot-content .lot-pet, .lots.main .lot-row .lot-content .lot-item {
        float: left;
        width: 20%;
        text-align: center; }
        .lots.main .lot-row .lot-content .lot-pet img, .lots.main .lot-row .lot-content .lot-item img {
          max-width: 100%; }
      .lots.main .lot-row .lot-content .lot-potatoes {
        font-size: 25px;
        line-height: 25px;
        color: #b98c75;
        margin-bottom: 0px;
        margin-top: 10px;
        padding-left: 10px; }
        .lots.main .lot-row .lot-content .lot-potatoes .icon {
          vertical-align: middle;
          margin-left: 5px; }
      .lots.main .lot-row .lot-content .row {
        display: -ms-flexbox;
        display: flex; }
    .lots.main .lot-row .lot-right {
      position: initial;
      display: -ms-flexbox;
      display: flex; }
      .lots.main .lot-row .lot-right .lot-field {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        font-size: 17px;
        line-height: 17px;
        margin-bottom: 5px;
        color: #555; }
        .lots.main .lot-row .lot-right .lot-field.auction-date {
          margin-bottom: 15px; }
        .lots.main .lot-row .lot-right .lot-field .lot-key {
          color: #d8a481; }
          .lots.main .lot-row .lot-right .lot-field .lot-key.auction {
            color: #ff7b7b; }
      .lots.main .lot-row .lot-right .lot-info a, .lots.main .lot-row .lot-right .lot-info a:link, .lots.main .lot-row .lot-right .lot-info a:hover, .lots.main .lot-row .lot-right .lot-info a:visited {
        color: #d8a481;
        font-weight: bold; }
      .lots.main .lot-row .lot-right .lot-info.trade .lot-field {
        margin-bottom: 13px; }
      .lots.main .lot-row .lot-right .lot-info.trade .lot-note {
        text-transform: initial;
        text-align: justify;
        font-weight: normal;
        color: #555;
        margin-top: 13px;
        margin-bottom: 0px;
        line-height: 1.2em; }
      .lots.main .lot-row .lot-right .lot-info.auction {
        -ms-flex-item-align: center;
        align-self: center; }
      .lots.main .lot-row .lot-right .btn {
        position: absolute;
        right: 15px;
        bottom: 15px;
        font-size: 20px;
        line-height: 20px;
        padding: 6px 8px;
        border-radius: 6px; }
  .lots li {
    margin: 0 0 15px; }
    .lots li:last-child {
      margin-bottom: 0; }

.logs .log {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 18px;
  margin-bottom: 15px; }
  .logs .log .log-header {
    border-radius: 10px;
    background-color: #d7d7d7;
    color: #959595;
    padding: 10px; }
    .logs .log .log-header .lot-id.auction {
      color: #d85d5d; }
    .logs .log .log-header .lot-id.sale {
      color: #56abbb; }
    .logs .log .log-header .lot-id.trade {
      color: #76a635; }
    .logs .log .log-header .log-controls {
      display: inline-block;
      float: right; }
      .logs .log .log-header .log-controls .btn-default {
        background-color: #b7b7b7;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff;
        font-size: 18px;
        padding: 3px 5px;
        line-height: 16px;
        margin-left: 10px; }
      .logs .log .log-header .log-controls span {
        vertical-align: middle;
        display: inline-block; }
      .logs .log .log-header .log-controls .log-check input[type=checkbox] {
        display: none; }
      .logs .log .log-header .log-controls .log-check input[type=checkbox] + label {
        background-image: url("/img/spritesheet.png");
        background-position: -50px -275px;
        height: 26px;
        width: 25px;
        display: inline-block;
        padding: 0 0 0 0px;
        margin-bottom: 1px;
        vertical-align: middle; }
      .logs .log .log-header .log-controls .log-check input[type=checkbox]:checked + label {
        background-position: -75px -275px; }
    .logs .log .log-header a, .logs .log .log-header a:hover, .logs .log .log-header a:link, .logs .log .log-header a:active, .logs .log .log-header a:visited {
      color: #555; }
    .logs .log .log-header .fa-caret-down {
      color: #fff;
      font-size: 30px;
      line-height: 18px;
      vertical-align: middle;
      margin-right: 10px;
      -webkit-transform: translateX(3px) translateY(-3px);
      transform: translateX(3px) translateY(-3px);
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s; }
      .logs .log .log-header .fa-caret-down.collapsed {
        -webkit-transform: rotate(-90deg) translateY(3px) translateX(1px);
        transform: rotate(-90deg) translateY(3px) translateX(1px);
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s; }
  .logs .log .log-content {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 30px;
    margin-right: 10px;
    padding: 10px; }
    .logs .log .log-content .lot-items .lot-pet, .logs .log .log-content .lot-items .lot-item {
      float: left;
      width: 11%;
      text-align: center; }
      .logs .log .log-content .lot-items .lot-pet img, .logs .log .log-content .lot-items .lot-item img {
        max-width: 100%; }
    .logs .log .log-content .lot-items .lot-potatoes {
      font-size: 25px;
      line-height: 25px;
      color: #b98c75;
      margin-bottom: 0px;
      margin-top: 10px;
      padding-left: 10px; }
      .logs .log .log-content .lot-items .lot-potatoes .icon {
        vertical-align: middle;
        margin-left: 5px; }
    .logs .log .log-content .lot-cost {
      text-align: right; }
      .logs .log .log-content .lot-cost .bid-text {
        color: #d8a481; }
    .logs .log .log-content .log-accepted-header {
      background-color: #d7d7d7;
      color: #959595;
      padding: 5px 10px;
      margin: 10px -10px;
      line-height: 1em; }

#trade-market .page-switcher {
  text-align: right;
  color: #fff; }

#trade-market .error {
  color: #d43c23;
  display: none; }
  #trade-market .error.show {
    display: block; }

#trade-market .holding-pen-content .well {
  background-color: #fff;
  box-shadow: 0px;
  color: #555;
  font-size: 20px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  border-radius: 6px; }

#trade-market .select-bar {
  margin-bottom: 25px; }
  #trade-market .select-bar .pet-count {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #d43c23; }
  #trade-market .select-bar .pen-select {
    float: right; }
    #trade-market .select-bar .pen-select select {
      margin-right: 5px;
      border: 0px; }
    #trade-market .select-bar .pen-select .btn {
      height: 34px; }

#trade-market .trade-form {
  margin-top: 20px; }
  #trade-market .trade-form .content-item {
    margin-bottom: 10px; }
    #trade-market .trade-form .content-item .trade-item-section {
      color: #d8a481;
      padding-right: 10px;
      font-size: 22px;
      cursor: pointer;
      line-height: 1.2em; }
      #trade-market .trade-form .content-item .trade-item-section .fa-caret-down {
        font-size: 30px;
        line-height: 18px;
        vertical-align: middle;
        margin-right: 10px;
        -webkit-transform: translateX(3px) translateY(-3px);
        transform: translateX(3px) translateY(-3px);
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s; }
      #trade-market .trade-form .content-item .trade-item-section.collapsed .fa-caret-down {
        -webkit-transform: rotate(-90deg) translateY(3px) translateX(1px);
        transform: rotate(-90deg) translateY(3px) translateX(1px);
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s; }

#trade-market .submit-button {
  padding: 5px 7px;
  line-height: 1em;
  font-size: 22px;
  font-weight: bold; }

#trade-market .part-types li a {
  border-radius: 6px;
  min-width: auto; }
  #trade-market .part-types li a.active {
    background: #df8360; }

#trade-market .part-types li a.danger {
  background-color: #e54b4b; }

#trade-market .toolbar {
  margin-bottom: 20px; }
  #trade-market .toolbar .form-inline {
    display: -ms-flexbox;
    display: flex; }
    #trade-market .toolbar .form-inline .form-control {
      margin-right: 5px; }
      #trade-market .toolbar .form-inline .form-control:first-of-type {
        -ms-flex-positive: 1;
        flex-grow: 1; }
    #trade-market .toolbar .form-inline select {
      padding-left: 8px; }
    #trade-market .toolbar .form-inline .btn-danger {
      margin-left: 10px;
      font-size: 22px;
      font-weight: bold;
      float: right;
      line-height: 1em;
      padding: 5px 12px; }

#trade-market .log-buttons {
  margin-bottom: 20px; }
  #trade-market .log-buttons a {
    border-radius: 6px;
    min-width: auto;
    font-size: 22px;
    font-weight: bold;
    line-height: 1em;
    margin-right: 5px;
    padding: 5px 7px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff; }
    #trade-market .log-buttons a.active {
      background: #df8360;
      box-shadow: none; }

#trade-market .log-title {
  margin-bottom: 20px; }
  #trade-market .log-title span {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #d8a481; }
  #trade-market .log-title .btn.btn-basic {
    margin-right: 5px;
    padding: 5px 7px;
    border-radius: 6px;
    min-width: auto;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    margin-right: 5px;
    vertical-align: middle; }
    #trade-market .log-title .btn.btn-basic.active {
      background: #df8360; }

#trade-market .sort-menu {
  margin-top: 0px;
  margin-left: 0px; }
  #trade-market .sort-menu label {
    display: none; }
  #trade-market .sort-menu select {
    border: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555; }

#trade-market .trades-header {
  color: #cb8e6d; }

#trade-market .trade-name {
  color: #555;
  font-weight: bold; }

#trade-market .content-item .trade-item-name {
  color: #cb8e6d;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 1.1em; }

#trade-market .content-item .trade-item-sub {
  color: #e1ab87;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 1em;
  margin-bottom: 0.75em; }

#trade-market .trade-pet > a h5 {
  margin-bottom: 0px; }

#trade-market .trade-pet > a img {
  margin-bottom: 0.5em; }

#trade-market .trade-item h5 {
  margin-bottom: 0px; }

#trade-market .trade-item img {
  margin-bottom: 0.5em; }

#trade-market .trade-text {
  color: #555; }

.holding-pen {
  list-style: none;
  margin: 0 0 12px; }
  .holding-pen li {
    margin: 0 0 16px; }
    .holding-pen li:last-child {
      margin-right: 0; }
    .holding-pen li .pet {
      color: #fff;
      text-align: center; }
      .holding-pen li .pet .pet-image {
        margin-bottom: 10px;
        position: relative; }
        .holding-pen li .pet .pet-image .selected-bg {
          width: 183px;
          height: 183px;
          display: inline-block;
          margin: 0px auto;
          position: absolute;
          top: 0;
          left: 38px; }
        .holding-pen li .pet .pet-image img {
          max-width: 100%;
          position: relative;
          z-index: 1; }
      .holding-pen li .pet input[type=checkbox] {
        display: none; }
      .holding-pen li .pet input[type=checkbox] + label .pet-check {
        background-image: url("/img/spritesheet.png");
        background-position: -50px -275px;
        height: 26px;
        width: 25px;
        display: inline-block;
        padding: 0 0 0 0px;
        margin-bottom: 1px;
        vertical-align: middle; }
      .holding-pen li .pet input[type=checkbox]:checked + label .selected-bg {
        background-color: #fff;
        border-radius: 50%; }
      .holding-pen li .pet input[type=checkbox]:checked + label .pet-check {
        background-position: -75px -275px; }
      .holding-pen li .pet .pet-data {
        background: #e8b492;
        padding: 10px;
        border-radius: 4px;
        margin-bottom: 5px; }
        .holding-pen li .pet .pet-data .name {
          display: block;
          font-size: 19px;
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          color: #fff;
          line-height: 1em; }
        .holding-pen li .pet .pet-data .date {
          color: #555;
          font-size: 17px; }
        .holding-pen li .pet .pet-data .btn-primary:hover, .holding-pen li .pet .pet-data .btn-primary:focus, .holding-pen li .pet .pet-data .btn-primary:active {
          background: #f8d0a1; }
        .holding-pen li .pet .pet-data .btn-link {
          color: #fff;
          border-color: #fff; }
          .holding-pen li .pet .pet-data .btn-link:hover, .holding-pen li .pet .pet-data .btn-link:focus, .holding-pen li .pet .pet-data .btn-link:active {
            color: #e1ab87;
            background: #fff; }

.treasury-form .form-group {
  margin-bottom: 5px; }

.treasury-form .form-control {
  border: 0px;
  border-radius: 0px;
  height: 1.9em; }

.treasury-form .control-label {
  padding: 0.3em 0px 0px 0px;
  text-transform: uppercase; }

.treasury-title {
  color: #fff;
  margin-bottom: 0px;
  font-size: 2.3em; }

.treasury-info {
  margin-bottom: 1em; }

.treasury-icon.icon {
  vertical-align: top; }

.treasury-header {
  display: inline-block; }

.treasury-row {
  margin-bottom: 5em; }

.transfers .transfers-description {
  word-break: break-word;
  width: 33%; }

.transfers > tbody > tr {
  background-color: #fff; }

.transfers > tbody > td {
  border: 0px; }

.transfers > thead > tr > th {
  border-bottom: 3px solid #d8a481; }

.transfer-pagination .pagination {
  margin-bottom: 0px; }
  .transfer-pagination .pagination .active > a,
  .transfer-pagination .pagination .active > a:hover,
  .transfer-pagination .pagination .active > a:focus,
  .transfer-pagination .pagination .active > span,
  .transfer-pagination .pagination .active > span:hover,
  .transfer-pagination .pagination .active > span:focus {
    color: #fff;
    background-color: #b98c75;
    border-color: #b98c75; }
  .transfer-pagination .pagination > li > a {
    background-color: #e8b492;
    color: #fff;
    border-color: #e8b492; }
  .transfer-pagination .pagination .disabled > span,
  .transfer-pagination .pagination .disabled > span:hover,
  .transfer-pagination .pagination .disabled > span:focus,
  .transfer-pagination .pagination .disabled > a,
  .transfer-pagination .pagination .disabled > a:hover,
  .transfer-pagination .pagination .disabled > a:focus {
    color: #f8d0a1;
    background-color: #e8b492;
    border-color: #e8b492; }

#town #town-map {
  position: relative;
  z-index: 1; }

#town .omega {
  position: relative;
  z-index: 0; }
  #town .omega > .content-item:first-of-type {
    margin-bottom: 10px; }
    #town .omega > .content-item:first-of-type .back-link {
      font-weight: bold; }
  #town .omega .well {
    box-shadow: none;
    border-radius: 16px;
    background-color: #e8be98;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }

#town .well h4 {
  font-style: italic;
  font-weight: bold; }

#town #town-map-panel {
  position: relative;
  width: 511px;
  height: 562px;
  background: center center no-repeat; }

@-webkit-keyframes MoveUpDown {
  0 {
    background-position: 0px 5px; }
  50% {
    background-position: 0px 0px; }
  100% {
    background-position: 0px 5px; } }

@keyframes MoveUpDown {
  0 {
    background-position: 0px 5px; }
  50% {
    background-position: 0px 0px; }
  100% {
    background-position: 0px 5px; } }
  #town #town-map-panel .npc-indicator {
    position: absolute; }
    #town #town-map-panel .npc-indicator.active .indicator-icon {
      background-position: bottom right;
      -webkit-animation: none;
      animation: none; }
    #town #town-map-panel .npc-indicator.active .npc-context {
      pointer-events: all;
      opacity: 1; }
      #town #town-map-panel .npc-indicator.active .npc-context .npc-menu {
        left: 114px; }
    #town #town-map-panel .npc-indicator .indicator-icon {
      display: block;
      height: 31px;
      width: 22px;
      background: url("/img/town-map-indicator.png") 0px 5px no-repeat;
      -webkit-animation: MoveUpDown 1s linear infinite;
      animation: MoveUpDown 1s linear infinite;
      position: relative;
      z-index: 1; }
      #town #town-map-panel .npc-indicator .indicator-icon.new {
        height: 41px;
        width: 40px;
        top: -5px;
        left: -9px;
        background: url("/img/town-map-indicator-glow.png") 0px 5px no-repeat; }
    #town #town-map-panel .npc-indicator .npc-context {
      position: absolute;
      top: -206px;
      left: -65px;
      pointer-events: none;
      opacity: 0;
      z-index: 2; }
      #town #town-map-panel .npc-indicator .npc-context .npc-context-left {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
        #town #town-map-panel .npc-indicator .npc-context .npc-context-left .npc-avatar {
          position: relative;
          width: 152px;
          height: 152px;
          background: #fff;
          background-position: top center;
          border-radius: 50%;
          overflow: hidden;
          border: 5px solid #fff; }
        #town #town-map-panel .npc-indicator .npc-context .npc-context-left .npc-name {
          width: 152px;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
          font-size: 24px;
          font-weight: bold;
          color: #d43c23;
          text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff, -2px -2px #fff, -2px 2px #fff, 2px 2px #fff, 2px -2px #fff;
          text-transform: uppercase;
          text-align: center;
          margin-top: 9px;
          line-height: 1em; }
      #town #town-map-panel .npc-indicator .npc-context .npc-menu {
        position: absolute;
        top: 18px;
        left: 92px;
        transition: all 0.2s ease-in; }
        #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li {
          width: 300px; }
          #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a {
            display: block;
            background: #fff;
            font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            line-height: 1.45;
            color: #333;
            padding: 2px 20px 2px 50px; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a .quest-name {
              vertical-align: middle; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.main {
              color: #d85d5d; }
              #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.main:hover {
                background: #d85d5d; }
                #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.main:hover:after {
                  color: #d85d5d;
                  content: 'Main Quest';
                  right: -83px; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.side {
              color: #ea9a00; }
              #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.side:hover {
                background: #ea9a00; }
                #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.side:hover:after {
                  color: #ea9a00;
                  content: 'Side Quest';
                  right: -77px; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.repeatable {
              color: #56abbb; }
              #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.repeatable:hover {
                background: #56abbb; }
                #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.repeatable:hover:after {
                  color: #56abbb;
                  content: 'Repeat Quest';
                  right: -95px; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.seasonal {
              color: #76a635; }
              #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.seasonal:hover {
                background: #76a635; }
                #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.seasonal:hover:after {
                  color: #76a635;
                  content: 'Seasonal Quest';
                  right: -114px; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.main:hover:after, #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.side:hover:after, #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.repeatable:hover:after, #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.seasonal:hover:after {
              display: block;
              position: absolute;
              background-color: #fff;
              top: 0px;
              height: 25px;
              border-top-right-radius: 4px;
              border-bottom-right-radius: 4px;
              text-transform: uppercase;
              font-weight: bold;
              font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
              font-size: 14px;
              line-height: 1.45;
              padding: 2px 5px;
              z-index: -1; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a:hover {
              background: #e8b492;
              color: #fff !important;
              position: relative; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.chatter-a {
              color: #b98c75; }
              #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.chatter-a:hover {
                background: #b98c75; }
            #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.shop-a {
              color: #959595; }
              #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.shop-a:hover {
                background: #959595; }
          #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li:first-child a {
            border-top-right-radius: 8px; }
          #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li:last-child a {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px; }

#user-profile .user-profile-link {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  margin-left: 30px;
  font-size: 15px;
  margin-bottom: 10px;
  display: block; }

#user-profile .icon {
  margin-top: 3px; }

#user-profile section {
  margin-bottom: 24px; }

#user-profile h2 {
  color: #fff;
  font-weight: bold; }

#user-profile .avatar-pet {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px; }
  #user-profile .avatar-pet .pet-thumb {
    margin-bottom: 10px; }
  #user-profile .avatar-pet .pet-affection .affection-bar {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin-bottom: 0px; }
    #user-profile .avatar-pet .pet-affection .affection-bar .affection-mask {
      max-width: 100%; }
    #user-profile .avatar-pet .pet-affection .affection-bar .progress {
      max-width: 99%;
      height: 28px; }
  #user-profile .avatar-pet .pet-name a {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 18px;
    line-height: 1em; }
  #user-profile .avatar-pet .pet-species {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 16px; }

#user-profile .competitive-team-banner {
  margin-top: 5px; }
  #user-profile .competitive-team-banner a {
    display: block; }

#user-profile #user-profile-info {
  position: relative; }
  #user-profile #user-profile-info .user-header {
    font-weight: bold; }
  #user-profile #user-profile-info .user-name {
    display: inline-block;
    color: #333;
    font-weight: bold;
    background: #fff;
    margin: 0 15px 6px 0;
    padding: 0 12px;
    border-radius: 12px;
    vertical-align: middle; }
  #user-profile #user-profile-info .competitive-level-banner {
    float: right;
    margin-right: -12px; }
  #user-profile #user-profile-info .user-title {
    display: block;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    padding: 0 12px;
    overflow: hidden; }
    #user-profile #user-profile-info .user-title.staff .user-rank {
      text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff, -1px 0px 1px #fff, 0px -1px 1px #fff, 0px 1px 1px #fff, 1px 0px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff, -1px 0px 1px #fff, 0px -1px 1px #fff, 0px 1px 1px #fff, 1px 0px 1px #fff; }
    #user-profile #user-profile-info .user-title.user .user-rank {
      font-weight: bold; }
    #user-profile #user-profile-info .user-title .divider {
      border-radius: 50%;
      border: 2px solid #fff;
      display: inline-block;
      vertical-align: middle;
      margin: 0px 5px; }
    #user-profile #user-profile-info .user-title .avatar-class {
      font-weight: bold; }
  #user-profile #user-profile-info .user-bio {
    background: #fff;
    padding: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: 18px;
    min-height: 100px; }
    #user-profile #user-profile-info .user-bio p:last-child {
      margin-bottom: 0; }
  #user-profile #user-profile-info .edit-profile {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 32px;
    color: #fff; }

#user-profile #equipment .equipment {
  list-style: none; }
  #user-profile #equipment .equipment li {
    display: inline-block;
    margin: 0 2px 5px 0; }
    #user-profile #equipment .equipment li .item {
      width: 75px;
      height: 75px;
      border-radius: 50%;
      opacity: 1; }

#user-profile #achievements .achievements {
  list-style: none;
  margin: 0px; }
  #user-profile #achievements .achievements:before, #user-profile #achievements .achievements:after {
    display: table;
    content: " "; }
  #user-profile #achievements .achievements:after {
    clear: both; }
  #user-profile #achievements .achievements.wide li {
    width: 7.14286%; }
  #user-profile #achievements .achievements li {
    width: 14.28571%;
    float: left;
    margin-bottom: 2px; }
    #user-profile #achievements .achievements li .achievement {
      display: inline-block; }

#user-profile #achievements .achievements-link {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px; }

#user-profile #hatching .hatching-none {
  color: #e8b492; }

#user-profile #hatching .hatching {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  #user-profile #hatching .hatching:before, #user-profile #hatching .hatching:after {
    display: table;
    content: " "; }
  #user-profile #hatching .hatching:after {
    clear: both; }
  #user-profile #hatching .hatching .hatching-thumbnail {
    border: 3px solid #fff;
    background: #fff;
    border-radius: 50%;
    width: 75px;
    height: 75px; }
  #user-profile #hatching .hatching .hatching-info {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 0 0 15px; }
    #user-profile #hatching .hatching .hatching-info .hatching-time {
      color: #555;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-size: 18px; }
    #user-profile #hatching .hatching .hatching-info .hatching-progress {
      border: 5px solid #fff;
      margin-bottom: 0px;
      height: 30px;
      border-radius: 12px; }

#user-profile .user-info {
  position: absolute;
  width: 26px;
  top: 55px;
  left: 0px;
  transition: all .2s;
  overflow: hidden;
  z-index: 5;
  border-radius: 12px;
  height: 124px; }
  #user-profile .user-info.active {
    width: 65px;
    left: -40px;
    transition: all .2s; }
  #user-profile .user-info .stats-trigger {
    width: 26px;
    height: 124px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px; }
  #user-profile .user-info.active .stats-trigger {
    left: 0px;
    height: 124px; }
  #user-profile .user-info .user-stats {
    display: inline-block; }
    #user-profile .user-info .user-stats .stats {
      background: #fff;
      list-style: none;
      padding: 3px 3px 6px;
      width: 65px;
      margin: 0px; }
      #user-profile .user-info .user-stats .stats li {
        display: block;
        float: left;
        width: 100%;
        color: #555;
        font-weight: bold;
        text-align: left; }

#user-profile .user-avatar {
  margin: 0 auto; }
  #user-profile .user-avatar .flip {
    width: 200px; }
  #user-profile .user-avatar > div > img {
    float: right; }
  #user-profile .user-avatar .avatar-wrapper {
    border-radius: 12px;
    overflow: hidden; }
  #user-profile .user-avatar .user-avatar-image {
    -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
    filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
    background: url("/img/pet-base.png") no-repeat;
    background-position: center 96%;
    background-size: 80%; }
  #user-profile .user-avatar .avatar-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99; }

#user-profile .gifting-button-wrapper {
  margin-bottom: 15px; }
  #user-profile .gifting-button-wrapper .gifting, #user-profile .gifting-button-wrapper .gifting-disabled {
    margin-left: -15px;
    margin-top: 10px;
    display: block;
    position: relative; }
  #user-profile .gifting-button-wrapper .gifting {
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out; }
    #user-profile .gifting-button-wrapper .gifting:hover {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
      cursor: pointer; }
    #user-profile .gifting-button-wrapper .gifting:active {
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
    #user-profile .gifting-button-wrapper .gifting.disabled {
      filter: gray;
      -webkit-filter: grayscale(1) contrast(0.5) brightness(1.4);
      filter: grayscale(1) contrast(0.5) brightness(1.4); }
  #user-profile .gifting-button-wrapper .gifting-countdown {
    display: block;
    width: 200px;
    text-align: center;
    color: #d43c23; }

#user-profile .competitive-button-wrapper {
  margin-bottom: 15px; }
  #user-profile .competitive-button-wrapper .competitive, #user-profile .competitive-button-wrapper .competitive-disabled {
    margin-top: 10px;
    display: block;
    position: relative; }
  #user-profile .competitive-button-wrapper .competitive {
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out; }
    #user-profile .competitive-button-wrapper .competitive:hover {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
      cursor: pointer; }
    #user-profile .competitive-button-wrapper .competitive:active {
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
    #user-profile .competitive-button-wrapper .competitive.disabled {
      filter: gray;
      -webkit-filter: grayscale(1) contrast(0.5) brightness(1.4);
      filter: grayscale(1) contrast(0.5) brightness(1.4); }
  #user-profile .competitive-button-wrapper .duel-countdown {
    display: block;
    width: 200px;
    text-align: center;
    color: #d43c23; }

#user-profile .harvestable-image {
  width: 200px;
  margin-top: 12px; }

#user-profile .harvestable-progress {
  width: 180px;
  margin: 12px 10px;
  height: 10px;
  border: 3px solid #fff;
  border-radius: 10px; }
  #user-profile .harvestable-progress .progress-bar {
    background: #acd038; }
  #user-profile .harvestable-progress.harvestable .progress-bar {
    background-color: #ffbe47; }

#user-profile .harvest-form {
  margin-bottom: 15px;
  text-align: center; }
  #user-profile .harvest-form .harvest-button {
    font-weight: bold;
    font-size: 18px;
    border-radius: 6px;
    padding: 3px 9px; }

#user-profile .harvestable-form {
  margin-bottom: 15px; }
  #user-profile .harvestable-form .harvestable-button {
    width: 200px;
    height: 45px;
    border: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0; }
    #user-profile .harvestable-form .harvestable-button:active {
      background-position-x: -200px; }
    #user-profile .harvestable-form .harvestable-button.disabled {
      background-position-x: -400px; }
  #user-profile .harvestable-form .harvestable-countdown {
    display: block;
    width: 200px;
    text-align: center;
    color: #d43c23; }

#user-profile .user-actions {
  list-style: none;
  text-align: center;
  margin: 0 0 6px 0;
  vertical-align: middle;
  line-height: 42px;
  display: inline-block; }
  #user-profile .user-actions li {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle; }
    #user-profile .user-actions li:last-child {
      margin-right: 0; }
    #user-profile .user-actions li a {
      display: block;
      font-size: 24px; }
      #user-profile .user-actions li a .icon {
        margin: 0px; }
    #user-profile .user-actions li .competitive-duel-count {
      display: inline-block;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      color: #333;
      background: #fff;
      margin: 0 15px 0px 0;
      padding: 6px 8px;
      border-radius: 7px;
      vertical-align: middle;
      font-size: 20px;
      line-height: 1em; }
      #user-profile .user-actions li .competitive-duel-count .duel-wins {
        color: #d85d5d; }

#user-profile .nav-stacked li {
  display: block;
  float: none;
  margin: 0 0 5px 0; }
  #user-profile .nav-stacked li a {
    padding: 0;
    height: 27px; }
    #user-profile .nav-stacked li a .icon {
      font-size: 18px;
      color: #eab490;
      line-height: 27px;
      margin-top: 0px; }
    #user-profile .nav-stacked li a .nav-label {
      display: block;
      font-size: 18px;
      color: #fff;
      background: #eab490;
      padding: 0 9px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      float: right;
      width: 163px; }

#user-profile #comments > hr {
  display: none; }

.avatar {
  font-size: 0;
  height: 325px; }
  .avatar .loading {
    font-size: 100px; }

.canvas-wrapper .apng.front {
  z-index: 2; }

.canvas-wrapper .character {
  z-index: 1; }

.canvas-wrapper .apng.back {
  z-index: 0; }

#wardrobe .wardrobe-actions {
  margin: 10px auto; }

#wardrobe h6 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87; }
  #wardrobe h6 i {
    color: #fff; }

#wardrobe .stats {
  margin: 20px auto auto;
  color: #fff; }
  #wardrobe .stats img {
    vertical-align: middle; }

#wardrobe .stat {
  display: inline-block;
  margin: 5px 5px 5px 0;
  vertical-align: middle; }

#wardrobe .outfits .outfit.selected {
  background-color: #fce0bd; }

#wardrobe .outfits .outfit .outfit-delete {
  margin-top: -1.5em; }

.btn-arrow {
  margin-top: 10px;
  padding: 2px 10px;
  position: relative;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 25px; }
  .btn-arrow .arrow {
    position: absolute;
    color: white;
    font-size: 26px;
    top: 0;
    right: -19px;
    pointer-events: none; }
  .btn-arrow:hover .arrow,
  .btn-arrow:focus .arrow,
  .btn-arrow:active .arrow {
    color: #fce0bd; }
  .btn-arrow:hover, .btn-arrow:active, .btn-arrow:focus, .btn-arrow:active:focus {
    outline: none;
    box-shadow: none; }

.gu-mirror {
  max-width: 75px;
  text-align: center; }

.categories {
  padding: 0;
  list-style: none; }
  .categories li {
    text-align: center;
    padding: 5px 0;
    margin-bottom: 5px;
    border: 2px solid #e8b492;
    border-radius: 10px;
    background-color: #efe7c0;
    text-transform: uppercase;
    font-weight: bold; }
    .categories li:hover, .categories li.active {
      background: #e8b492;
      color: white;
      cursor: pointer; }

.drawer-trigger {
  cursor: pointer; }

.drawer {
  position: relative; }
  .drawer:nth-child(1) {
    z-index: 298;
    top: 0px; }
  .drawer:nth-child(2) {
    z-index: 297;
    top: -65px; }
  .drawer:nth-child(3) {
    z-index: 296;
    top: -130px; }
  .drawer:nth-child(4) {
    z-index: 295;
    top: -195px; }
  .drawer:nth-child(5) {
    z-index: 294;
    top: -260px; }
  .drawer:nth-child(6) {
    z-index: 293;
    top: -325px; }
  .drawer:nth-child(7) {
    z-index: 292;
    top: -390px; }
  .drawer:nth-child(8) {
    z-index: 291;
    top: -455px; }
  .drawer:nth-child(9) {
    z-index: 290;
    top: -520px; }
  .drawer:nth-child(10) {
    z-index: 289;
    top: -585px; }
  .drawer:not(:first-child) .equipped-label {
    display: none; }
  .drawer .single-item {
    display: block;
    width: 60px;
    height: 60px;
    background: #cac2b6;
    border-radius: 50%;
    margin: 10px;
    cursor: pointer; }
    .drawer .single-item img {
      max-width: 100%; }

.drawer-container {
  position: absolute;
  z-index: 1000;
  width: 356px;
  top: 140px;
  left: 25px;
  text-align: center;
  background: #efe7c0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  max-height: 0;
  height: 312px;
  overflow: hidden;
  transition: max-height 0.5s ease; }
  .drawer-container .unequippable {
    opacity: .25;
    cursor: not-allowed; }
  .drawer-container .active {
    border: 3px solid #d43c23; }
  .drawer-container.open {
    max-height: 312px; }

.drawer-content {
  margin: 10px; }

.drawer-items {
  min-height: 240px; }

.drawer-equipped {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 62px;
  right: 0;
  width: 87px;
  height: 87px;
  background-color: #e8b492;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }
  .drawer-equipped .single-item {
    margin: 0; }

.equipped-label {
  position: absolute;
  top: -20px;
  left: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }

.equipped-image-wrapper {
  position: relative; }

.equipped-image-wrapper:empty {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%; }
  .equipped-image-wrapper:empty::after {
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url("/img/plus-green.png");
    background-size: contain;
    bottom: 0;
    right: 0;
    pointer-events: none; }

.equipped-image-wrapper:not(:empty) .single-item::after {
  content: url("/img/x.png");
  position: absolute;
  bottom: 0;
  right: 5px;
  -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
  pointer-events: none; }

.drawer .page-switcher {
  color: #cac2b6; }

.wardrobe-misc {
  padding: 20px;
  background: #efe7c0;
  border: 4px solid #e1ab87;
  border-radius: 20px; }

.wardrobe-back {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87;
  margin-bottom: 20px;
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 22px; }
  .wardrobe-back .glyphicon, .wardrobe-back span {
    vertical-align: middle; }
  .wardrobe-back:hover, .wardrobe-back:focus, .wardrobe-back:active {
    outline: none;
    opacity: 0.5; }

.sort-item {
  position: relative;
  padding: 11px; }

.unequip {
  position: absolute;
  right: 15px;
  bottom: 15px;
  -webkit-filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff); }

.outfits-wrapper {
  position: relative;
  padding: 20px;
  padding-bottom: 40px;
  background: #fff;
  border: 4px solid #e1ab87;
  border-radius: 20px; }

.outfits {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.outfit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px;
  width: 33.3%;
  text-align: center; }

.outfit-avatar, .outfit-loading {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  min-height: 298px;
  padding: 5px;
  background-color: #efe7c0;
  border-radius: 10px;
  transition: all 0.3s ease; }
  .outfit-avatar--empty, .outfit-loading--empty {
    background-color: #ebebeb; }
  .outfit-avatar--selected, .outfit-loading--selected {
    background-color: #f8d0a1; }

.outfit-image {
  max-width: 100%;
  border-radius: 10px;
  cursor: pointer; }

.outfit-name {
  width: 100%;
  border: none;
  min-height: 30px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87; }
  .outfit-name:active, .outfit-name:focus {
    outline: none;
    color: #b98c75; }

.outfit-empty {
  min-height: 30px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #c1c1c1; }

.outfit-buttons {
  position: absolute;
  right: 20px;
  bottom: -24px; }

.outfit-button {
  background-color: #efe7c0;
  color: #e1ab87;
  font-weight: 700;
  font-size: 20px;
  border: 4px solid #fff;
  border-radius: 10px; }
  .outfit-button:hover, .outfit-button:active, .outfit-button:focus {
    color: #d8a481; }
  .outfit-button[disabled] {
    opacity: 1;
    background-color: #f4efd4; }

.outfit-loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .outfit-loading .fa {
    font-size: 100px; }

#welcome .join-banner, #welcome .join-npc {
  max-width: 100%; }

#welcome .join-banner:hover {
  -webkit-animation: bobLarge 0.8s infinite;
  animation: bobLarge 0.8s infinite; }

#welcome .welcome-right {
  margin-top: 10px; }

#welcome .carousel {
  margin-bottom: 25px; }

#welcome .link-banners-header {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 22px;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 0 10px;
  background-color: #d8a481;
  border-radius: 6px; }

#welcome .user-icon {
  float: left;
  border-radius: 50%;
  border: 3px solid #fff;
  overflow: hidden;
  background: #fff;
  margin-right: 1em;
  min-width: 81px;
  width: 81px; }

#welcome .topic-title {
  font-weight: bold; }

#welcome .box {
  padding: 20px;
  background-color: #faebc1;
  border-radius: 6px;
  overflow: hidden; }
  #welcome .box--striped {
    padding: 0; }
    #welcome .box--striped > div:nth-child(odd) {
      background-color: #fff; }
  #welcome .box.item-list, #welcome .box.pet-list {
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px; }
    #welcome .box.item-list li, #welcome .box.pet-list li {
      margin: 0px 3px; }
      #welcome .box.item-list li:first-of-type, #welcome .box.pet-list li:first-of-type {
        margin-left: 2px; }
      #welcome .box.item-list li:last-of-type, #welcome .box.pet-list li:last-of-type {
        margin-right: 2px; }
  #welcome .box.roll-limits {
    padding: 12px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
    #welcome .box.roll-limits .roll-counter-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 7px; }
      #welcome .box.roll-limits .roll-counter-wrapper .roll-counter {
        background-color: #d8a481;
        font-style: italic;
        border-radius: 11px;
        border: 3px solid #fff;
        padding: 4px 7px 4px 2px;
        font-size: 25px;
        margin-right: 7px;
        line-height: 1em;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #fff; }
      #welcome .box.roll-limits .roll-counter-wrapper .roll-counter-text {
        -ms-flex-positive: 1;
        flex-grow: 1;
        color: #555;
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        line-height: 1.2em; }
    #welcome .box.roll-limits .roll-maxed {
      color: #555;
      font-style: italic;
      font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
      font-size: 15px;
      line-height: 1.2em; }

#welcome .roll-reset {
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 3px 12px;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d8a481; }

#welcome .box__text {
  margin: 10px auto 0;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  #welcome .box__text a {
    color: #555; }

#welcome .content-more {
  margin-top: 5px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75; }

#welcome .pet-background {
  margin: 0 auto; }

#welcome .status {
  padding: 10px 20px;
  text-align: left; }

#welcome .status__date {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px; }

#welcome .status__text {
  color: #555; }
  #welcome .status__text p {
    margin: 0; }

#welcome .status__link {
  display: block;
  margin-right: 20px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: right; }

#welcome .subscribe {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  float: right;
  margin-top: 7px;
  line-height: 1; }

#welcome .customs-list {
  background-color: #faebc1;
  padding: 30px;
  border-radius: 6px; }
  #welcome .customs-list .customs-row .customs-item {
    text-align: center;
    padding: 0px 10px; }
    #welcome .customs-list .customs-row .customs-item .customs-blurb {
      margin-bottom: 7px;
      background-color: #fff;
      color: #555;
      border-radius: 4px;
      padding: 5px; }
    #welcome .customs-list .customs-row .customs-item img {
      margin-bottom: 7px; }
    #welcome .customs-list .customs-row .customs-item .item-name {
      font-weight: bold;
      font-family: "Roboto", "Helvetica", "Arial", sans-serif;
      color: #555;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 1.1em; }

#welcome .archive-tabs {
  margin-bottom: 15px; }

#welcome .archive-roll-limits {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: center; }
  #welcome .archive-roll-limits .roll-limit {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
  #welcome .archive-roll-limits .roll-reset-time {
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b98c75; }

#welcome .archive-roll-maxed {
  text-align: center;
  margin-bottom: 10px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-style: italic;
  color: #555; }

#welcome #custom-preview-modal .modal-dialog {
  margin-top: 100px; }
  #welcome #custom-preview-modal .modal-dialog .modal-content {
    padding: 50px;
    border-color: #fff;
    background-color: #f8d0a1; }
    #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -ms-flex-align: center;
      align-items: center; }
      #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom {
        margin-right: 15px; }
        #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper {
          position: relative;
          width: 200px;
          height: 325px; }
          #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper img {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 200px;
            height: 325px; }
          #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper img:nth-of-type(1) {
            z-index: 0; }
          #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper img:nth-of-type(2) {
            z-index: 1; }
          #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper img:nth-of-type(3) {
            z-index: 2; }
      #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description {
        font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
        color: #555;
        font-size: 16px;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-name, #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-user-name {
          text-transform: uppercase;
          font-weight: bold;
          font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }
        #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-name {
          font-size: 20px;
          line-height: 1em; }
        #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-user-name a {
          color: #b98c75; }
        #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-description {
          background-color: #fff;
          padding: 10px;
          border-radius: 10px;
          margin-top: 10px; }

#reset-quest-modal .modal-dialog {
  margin-top: 100px; }

#reset-quest-modal .modal-content {
  border-color: #fff;
  padding: 50px;
  text-align: center;
  background-color: #f8d0a1;
  color: #555;
  font-size: 18px; }
  #reset-quest-modal .modal-content form {
    display: inline-block; }
  #reset-quest-modal .modal-content .btn {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    border-radius: 6px;
    padding: 5px 10px; }

#reward-modal .modal-dialog {
  margin-top: 100px;
  width: 420px; }

#reward-modal .modal-banner {
  text-align: center;
  position: relative;
  z-index: 1; }
  #reward-modal .modal-banner img {
    position: relative;
    z-index: 1;
    bottom: -35px; }
  #reward-modal .modal-banner .bubbles > .particle {
    opacity: 0;
    position: absolute;
    background-color: white;
    -webkit-animation: bubbles 3s ease-in infinite;
    animation: bubbles 3s ease-in infinite;
    border-radius: 100%; }

#reward-modal .modal-content {
  border-color: #fff;
  padding: 50px;
  text-align: center;
  background-color: #f8d0a1; }
  #reward-modal .modal-content h1 {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #b98c75;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 30px; }
  #reward-modal .modal-content .reward-items, #reward-modal .modal-content .reward-assets, #reward-modal .modal-content .reward-unlocks, #reward-modal .modal-content .reward-quests, #reward-modal .modal-content .reward-misc {
    margin-bottom: 15px; }
  #reward-modal .modal-content .reward-items .reward .reward-item {
    margin-bottom: 15px;
    display: inline-block;
    position: relative; }
    #reward-modal .modal-content .reward-items .reward .reward-item .reward-item-quantity {
      text-align: center;
      position: absolute;
      right: 0;
      bottom: -10px;
      min-width: 30px;
      border-radius: 30px;
      border: 2px solid #fff;
      background-color: #b98c75;
      font-size: 14px;
      color: #fff;
      padding: 0 5px; }
  #reward-modal .modal-content .reward-top {
    margin-bottom: 50px; }
  #reward-modal .modal-content .reward-assets .reward {
    padding: 0px 10px; }
  #reward-modal .modal-content .reward {
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle; }
    #reward-modal .modal-content .reward.reward-quest {
      display: block; }
      #reward-modal .modal-content .reward.reward-quest:before {
        content: 'Quest';
        color: #d43c23;
        margin-right: 10px; }
  #reward-modal .modal-content .reward-unlocks .reward-unlock {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
    font-size: 15px; }
    #reward-modal .modal-content .reward-unlocks .reward-unlock img {
      border-radius: 50%;
      border: 3px solid #fff;
      max-width: 100%;
      margin-bottom: 5px; }
    #reward-modal .modal-content .reward-unlocks .reward-unlock.guild-zone {
      width: initial;
      font-weight: normal;
      font-size: 20px;
      text-transform: none;
      color: #555; }
      #reward-modal .modal-content .reward-unlocks .reward-unlock.guild-zone img {
        margin-top: 10px;
        margin-bottom: 10px; }
      #reward-modal .modal-content .reward-unlocks .reward-unlock.guild-zone .zone-name {
        font-weight: bold; }

#pool-modal .pool-page {
  display: none; }
  #pool-modal .pool-page.active {
    display: block; }

#pool-modal .confirm-items {
  margin-bottom: 10px; }
  #pool-modal .confirm-items .inventory-item-count.selected {
    left: 0;
    right: auto;
    border: 2px solid #b98c75;
    background-color: #fff;
    color: #b98c75; }

#pool-modal .pool-pagination {
  margin-bottom: 5px;
  font-size: 24px;
  color: #b98c75; }
  #pool-modal .pool-pagination .fa-caret-left {
    margin-right: 10px; }
  #pool-modal .pool-pagination .fa-caret-right {
    margin-left: 10px; }
  #pool-modal .pool-pagination .fa-caret-left:hover, #pool-modal .pool-pagination .fa-caret-right:hover {
    cursor: pointer; }

#pool-modal .instructions {
  font-weight: bold;
  color: #e54b4b;
  margin-bottom: 25px;
  font-size: 18px; }

#world-map h4 {
  font-size: 32px; }

.map-row {
  margin-bottom: 40px; }

.map-wrapper {
  height: 592px;
  overflow: hidden;
  border: 8px solid #fff;
  border-radius: 60px;
  box-shadow: 0 0 0 4px #e8b492; }

.map-container {
  cursor: -o-grab;
  cursor: grab;
  overflow: auto;
  height: 595px;
  border-radius: 60px; }
  @media (max-width: 991px) {
    .map-container {
      width: 870px; } }
  @media (min-width: 992px) {
    .map-container {
      width: 570px; } }

.map-drag {
  position: absolute;
  display: block;
  width: 92px;
  height: 91px;
  right: 40px;
  bottom: 30px;
  background: url("/img/map-drag.png") no-repeat;
  z-index: 100; }

.map {
  position: relative;
  width: 2095px;
  height: 1000px;
  background: url("/img/world/map.png") center center no-repeat; }
  .map:active { }
  .map .zone {
    position: absolute;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat; }
  .map .town {
    display: block;
    position: absolute;
    z-index: 2;
    background-position: 0;
    background-repeat: no-repeat; }
    .map .town:hover {
      background-position: 100%; }
      .map .town:hover .place-popover {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }

.world-map-popover.popover {
  z-index: 1000;
  width: 290px;
  color: #555;
  background-color: transparent;
  background: #fff;
  border: none;
  padding: 6px 0;
  text-align: left; }
  .world-map-popover.popover.top .arrow:after {
    border-top-color: #fff; }
  .world-map-popover.popover.bottom .arrow:after {
    border-bottom-color: #fff; }
  .world-map-popover.popover.left .arrow:after {
    border-left-color: #fff; }
  .world-map-popover.popover.right .arrow:after {
    border-right-color: #fff; }
  .world-map-popover.popover .popover-content {
    background-color: transparent;
    line-height: 20px;
    padding: 9px 14px;
    font-size: 14px; }
  .world-map-popover.popover .quests {
    list-style: none;
    margin: 12px 0 0;
    padding: 0; }
    .world-map-popover.popover .quests li {
      display: inline-block;
      color: #d43c23;
      margin: 0 10px 0 0;
      padding: 0; }
      .world-map-popover.popover .quests li:last-child {
        margin: 0; }

.quick-links {
  list-style: none;
  margin: 0; }
  .quick-links li {
    float: left;
    margin: 0 0 5px 5px; }
    .quick-links li:first-child {
      margin-left: 0; }
    .quick-links li .link {
      display: block;
      width: 75px;
      height: 75px;
      border-radius: 12px; }
      .quick-links li .link img {
        max-width: 100%; }

/*!
 * Bootstrap Colorpicker v2.5.2
 * https://itsjavi.com/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */.colorpicker-saturation{width:100px;height:100px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC)}.colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=)}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0}.colorpicker-alpha.colorpicker-visible,.colorpicker-hue.colorpicker-visible,.colorpicker-saturation.colorpicker-visible,.colorpicker-selectors.colorpicker-visible,.colorpicker.colorpicker-visible{display:block}.colorpicker-alpha.colorpicker-hidden,.colorpicker-hue.colorpicker-hidden,.colorpicker-saturation.colorpicker-hidden,.colorpicker-selectors.colorpicker-hidden,.colorpicker.colorpicker-hidden{display:none}.colorpicker-inline.colorpicker-visible{display:inline-block}
/*# sourceMappingURL=bootstrap-colorpicker.min.css.map */