html {box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}
body {background:#e9e9e9;margin:0;padding:0;font-size:12px;font-family:'Roboto'}
html, body {height:100%}
form {margin:0;padding:0;clear:both}
img {border:0}
a,a:link,a:visited,a:active {color:#333;text-decoration:none}
h1, h2, h3, h4, h5 {margin:0;padding:0;line-height:1.25em;font-weight:300}
p {font-size:15px;line-height:1.5em}

input, textarea, select {font-size:1rem}
textarea {line-height:1.5em !important}
blockquote {border-left:5px solid #eee;margin:0 0 0 10px;padding-left:10px}
ol {margin:0}
input[type=text], input[type=password], textarea, select {width:100%;padding:10px 15px;border:1px solid #ccc;box-shadow:0 -1px 0 #ccc;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font:1rem 'Courier New'}

#search {display:none;margin:90px 2% -40px}
#search input {border:medium none !important;box-shadow:none !important;font:2rem Roboto;text-align:center}
#main {
  margin:0 auto;width:100%;padding:20px 0 0 0;
  position:relative;z-index:1
}

/* LAYOUT */
.form-tab:nth-last-child(1):after, footer:before, main div:nth-last-child(1):after, .blocks:after, .media-thumbs:after, .text h1:before, .text h2:before, .text h3:before, #thread-options:after, #confirm-wrap:last-child::after, #user-player-details:after, .title:after {content:"";clear:both;display:block}

.column-2-1, .column-3-1 {display:inline-block;float:left}
.column-2-2, .column-3-2 {display:inline-block}
.column-3-3 {display:inline-block;float:right}

.column-2-1 {width:75%;margin-right:1%}
.column-2-2 {width:24%}

.column-3-1, .column-3-3 {width:20%}
.column-3-2 {width:58%;margin:0 1%}

.column-2-1.float-left, #show-guild .column-2-1 {width:20%}
.column-2-2.float-right, #show-guild .column-2-2 {width:78%}
.column-2-1 > div:first-child {
  margin-top:0;
}

.flex {display:flex}
.flex .box {display:inline-block;float:left;margin:10px 0 0 10px;flex-grow:1;flex-basis:0}
.flex .box:first-child {margin-left:0}
.flex img {width:100%}

.flex .box > h1 {background:#999;padding:10px 20px;font-size:1rem;color:#fff}
.flex .box > span {background:#ccc;color:#444;display:inline-block;margin:5px 1% 0 0;padding:10px 15px;width:49%}
.flex .box > span:nth-child(2n+1) {margin-right:0}
.flex .box .selected, .flex .box > span:hover {background:lightcyan;cursor:pointer}

.flex-media > a {max-width:16%}
#show-front .flex > a {width:8.58%}
.add-forum {cursor:pointer;display:inline-block;float:left;font-weight:normal;margin:10px 20px 0 0}
.add-forum.selected {border-bottom:1px solid #ccc}

/* NAV */
header {background:#34495E;padding:10px 0;height:60px;clear:both;margin:0 auto;position:fixed;width:100%;z-index:2147483647;top:0;opacity:1;text-align:center}
#hamburger {
  background: rgba(0, 0, 0, 0) linear-gradient(#fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%) repeat scroll 0 0;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  left: 0;
  margin-left: 4%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 25px;
}
#logo, #logo-mobile {
  color: #fff;
  font-family: "Passion One";
  font-size: 2rem;
  line-height: 1rem;
  margin-left: 2%;
  position: absolute;
  z-index: 2147483647;
}
#logo-mobile {
  top: 50%;
  transform: translate(-50%, -50%);
}
#logo a,#logo a:active, #logo a:visited, #logo a:link, #logo-mobile a,#logo-mobile a:active, #logo-mobile a:visited, #logo-mobile a:link {color:#fff}
#logo {line-height:60px;top:0;position:fixed}
#logo-mobile {display:none}

#request-validation-button, #forgot-password-button, #topic-bar-help {display:none}

nav .divider {border-top:1px solid #555;margin:10px 0 0;padding:10px 0 0}
nav .icon i {opacity:.5}
nav .icon.new i {opacity:1}
nav .icon.new::before {border-color:yellow transparent transparent;border-width:8px;content:" ";height:0;position:absolute;top:11px;width:0}
nav .nav-icon:hover i {opacity:1}
nav .nav-icon.notify strong {background:yellow;border-radius:1px;bottom:-10px;box-shadow:0 2px 0 #999;color:black;font:0.6rem Roboto !important;left:0;padding:6px 0;position:absolute;text-align:center;text-shadow:none;width:100%}
nav .nav-guild em, nav .nav-icon em {display:none}

.hey-bzl img {
  filter: invert(100%);
  height: auto;
  vertical-align: sub;
  width: 20px;
}
.side-user-icon {
  height: 15px;
  margin-right: 10px;
  vertical-align: text-top;
  width: 15px;
}

/* FORM */
form label {display:block;padding:10px 0 5px 0;text-transform:uppercase;font-size:.7rem}
.form-tab {padding:15px 20px 0 2px;background:#666;color:#fff}
.form-tab span {cursor:pointer;display:inline-block;font-size:14px;background:#444;margin-left:10px;padding:10px 15px}
.form-tab-active {background:#fff !important;color:#444}
.form-field select {border:0;padding:10px}
.form-field {margin-bottom:5px;background:#fff}
.form-field .sprite-big.sprite-big-screen {margin:-8px 10px -10px -6px}
.form-field-info {font-size:.7rem;padding:0 15px 15px 0;text-transform:uppercase;color:#444}

.form-button {background:#f5f5f5;display:flex}
#main-form input[type=submit], .form-button input[type=submit] {background:#2ECC71;min-width:25%;margin:0 auto;padding:10px 20px;text-transform:uppercase;font-size:1rem;cursor:pointer;color:#fff;margin:10px;border:none !important;flex-grow:1}
#main-form input[type=submit] {margin:20px 0 0;width:100%}
.form-button input[type=submit]:hover {opacity:.8}
.form-option-2 {padding-left:20px}
.form-option-3 {padding-left:30px}
.form-option-4 {padding-left:40px}

#main-form {background:white;box-shadow:0 0 5px #ccc;margin:0 auto;padding:20px;width:50%}

/* MODAL */
#confirm {position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(200, 200, 200, 0.9);z-index:2147483647}
#confirm-wrap {position:relative;width:90%;max-width:400px;margin:100px auto;background:#FFF;text-align:center;box-shadow:0 0 20px rgba(0, 0, 0, 0.2)}
#confirm-wrap p {color:#777;padding:3em 1em 2em}
#confirm-yes, #confirm-no {cursor:pointer;display:block;float:left;width:50%;height:60px;line-height:60px;text-transform:uppercase;color:#FFF}
#confirm-yes:hover, #confirm-no:hover {opacity:.75}
#confirm-yes {background:#2ecc71}
#confirm-no {background:#e74c3c}
#confirm-close {display:none;cursor:pointer;position:absolute;top:8px;right:8px;width:30px;height:30px}
#confirm u {display:block;font-size:1.75rem;margin-bottom:0;text-decoration:none}

.jGrowl {z-index:9999;color:#ffffff;font-size:12px;position:fixed;bottom:2%;left:2%;width:25%;margin-top:10px}
.jGrowl-notification {background-color:yellow;color:black;border-radius:2px;display:none;font-family:"Passion One";font-size:1.5rem;opacity:1;padding:10px;text-align:left;word-break:break-all;vertical-align:middle;text-transform:uppercase}
.jGrowl-close, .jGrowl-header {display:none}

.notice-message {width:100%;margin:0 auto 20px auto;padding:20px;text-align:center;font-size:18px;background:#FFFFE0}
.notice-message a {border-bottom:2px solid #ccc}

/* LIST */
.list-top {display:block;background:#f5f5f5;font:.9rem;padding:10px 15px}
.list {display:block;background:#fff;border-bottom:1px solid #eee;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.list > span, .count {
  background-color: white;
  color: #444;
  display: inline-block;
  font-size: 0.7rem;
  height: 37px;
  line-height: 37px;
  margin: -10px 0;
  min-width: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  width: 35px;
}
.list > a {display:inline-block;float:left}
.list .do {float:right;margin-left:5px}
.list > a > span.avatar-small {margin-right:10px;vertical-align:middle}
.list, .list h1 {font-size:.9rem}
.list h1 {display:inline-block;vertical-align:middle}
.zlist h2 {font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list h3 {
  display: inline-block;
  font-size: 0.7rem;
  margin-left: 10px;
  opacity: 0.6;
  text-transform: uppercase;
}
.list > em {color:#666;display:inline-block;font-size:0.8rem;font-style:normal;margin:0 10px 0 -10px;text-align:center;text-transform:uppercase;width:60px}
.list > strong {
  display: inline-block;
  font-size:.9rem;
  font-weight: normal;
}
.list small, .list h2 {
  color: #777;
  display: block;
  font-size: 0.7rem;
  line-height: 1rem;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.list.new {background:lemonchiffon}
.list.new > em {color:darkorange}
.list > strong > span {float:none !important}
.list.data u {color:#666;display:inline-block;font-size:0.7rem;text-decoration:none;text-transform:uppercase;vertical-align:middle;width:70px}
.list.data strong {display:inline-block;width:120px}
.list-tag {background:#f5f5f5;box-shadow:0 1px 1px #ccc;color:#555;font:0.6rem Verdana;margin:0 5px;padding:5px 10px;text-transform:uppercase;vertical-align:middle}
.list > img {
  width:100%
}
.list.stories > small {
  display:unset
}
.count {
  background: white none repeat scroll 0 0;
}
.front-bzl-wrap {
  border-radius: 5px;
  height: 150px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.front-bzl-wrap::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgb(200, 200, 200) 100%);
  background-repeat: repeat-x;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.front-bzl-preview {
  border: medium none;
  clear: both;
  height: 300px;
  margin-top: -107px;
  opacity: 0.5;
  width: 100%;
}
.front-bzl-about {
  background: white none repeat scroll 0 0;
  border: 2px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 0 15px white;
  color: #ff4828;
  font-family: Passion One;
  font-size: 1.2rem;
  left: 50%;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.front-bzl-about > a {
  color: #ff4828;
  display:block;
}
.front-bzl-about u {
  border-bottom: 2px solid #e5e5e5;
  text-decoration: none;
}
.front-bzl-about small {
  color: #333;
  display: block;
  font-family: Roboto;
  font-size: 0.65rem;
  margin-top: 10px;
}
/* MEDIA */
#front-media-more {
  display: flex;
}
#front-media > a > div .count {
  background: transparent none repeat scroll 0 0;
  color: white;
}
.media-thumbs > a:last-child {
  margin-right: 0;
}
.media-thumbs > a, .media-thumb {
  display: inline-block;
  float: left;
  font-size: 0.8rem;
  height: 50px;
  margin: 0 5px 10px 0;
  position: relative;
  vertical-align: top;
  width: 24%;
}
.media-thumb::before {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);background-repeat:repeat-x;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}
.media-thumb img {
  height: 50px;
  max-height: 122px;
  object-fit: cover;
  width: 100%;
}
#front-media .media-thumb:nth-child(-n+2) img {max-height:none !important}
.media-thumb > div {position:absolute;bottom:0;z-index:2;color:#fff;width:100%}
.media-thumb > div > strong {display:block;font-weight:300;overflow:hidden;padding:0 10px 10px;text-overflow:ellipsis;text-shadow:0 1px 0 black;white-space:nowrap;width:97%}
.media-thumb > div > em {display:block;font-size:0.7rem;padding:0px 0 10px 10px;font-style:normal}
.media-thumb > div > em > strong {display:inline-block;float:left;font:1rem "Passion One";margin:0 10px 5px 0}
.media-thumb .icon {float:left;margin-right:5px;padding:0}
.media-thumb .icon i {opacity:.8}
img.avatar-pic {width:96px;height:96px}

#front-media .media-thumb {width:24%}
#front-media.media-thumbs > a:nth-child(-n+2) {font-size:1rem;width:49%;height:auto}
#front-media.media-thumbs > a:nth-child(-n+2) img {height:238px;width:100%}
#front-media .media-thumb {min-height:133px}
#front-media .media-thumb img {min-height:147px;height:147px;object-fit:cover}

.media-clean .media-thumb::before, .media-stamp .media-thumb::before {background-image:none}
.media-stamp .media-thumb {cursor:pointer;background:#f5f5f5;padding:10px 0;text-align:center;width:19%}
.media-clean .media-thumb {
  width: 32%;
}
.media-stamp .media-thumb:hover, .media-stamp .chosen {background:lightyellow}
.media-stamp .media-thumb h1 {font:1.1rem 'Passion One'}
.front-bzl .media-thumb {
  height: 35px;
  overflow: hidden;
}
.media-thumb.media-thumb-1 {
  height: 100px !important;
  margin: 0 0 10px !important;
  width: 100% !important;
}
body[id^="list-"] .media-thumb, body[id^="list-"] .media-thumb img, body[id^="show-user_"] .media-thumb, body[id^="show-user_"] .media-thumb img {
  height:125px
}
#front-threads .list {
  display: flex;
}
#front-threads .list > strong, #front-threads .list > small, #front-threads .list > h2 {
  line-height: 1rem;
  vertical-align: middle;
}
#front-threads .list small {
  color: #666;
  font-size: 0.6rem;
  line-height: 1rem;
  margin: 0 10px !important;
  text-transform: uppercase;
  vertical-align: middle;
  width:unset !important;
  overflow:unset !important;
  text-overflow:unset !important;
  white-space:unset !important;
}
#front-threads .list h2 {
  font-size: 0.7rem;
  line-height: 1rem;
  margin:unset;
  opacity: 0.8;
}

#front-media > a {
  height: 100px;
  position: relative;
  margin-bottom: 10px;
  display: block;
}
#front-media > a > img {
  height: 100px;
  object-fit: cover;
  width: 100%;
}
#front-media > a > div {
  bottom: 0;
  color: white;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  text-overflow: ellipsis;
  width: 100%;
  z-index: 1;
}
#front-media strong, #front-media em {
  font-style: normal;
  font-weight: normal;
}
#front-media > a > div > em {
  float: right;
}
#front-media .icon i {
  margin: 0 3px 0 10px;
  opacity: 1;
}
#front-media em > strong {
  font-size: 0.75rem;
}
#front-media > a > div::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background-repeat: repeat-x;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

/*#list-video .media-thumb img, */
#show-user_videos .media-thumb img {max-height:none}

.media-show {background:white;text-align:center;padding:0}
.media-show.media-show-video {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.media-show iframe, .media-show object, .media-show embed {position:absolute;top:0;left:0;width:100%;height:100%}
.media-image {max-width:100%;width:auto;display:block;margin:0 auto}

/* WIKI */
.blocks a {color:#666 !important;display:inline-block;float:left;font-size:0.7rem;margin:0 10px 5px 0;padding-bottom:2px}
.blocks a:hover, .blocks a.selected {text-decoration:underline}

.text img {max-width:100%;margin:10px 0 0}
.text img.icon {width:auto}
.text img.main-wiki-image {margin:0px 10px 0 0;width:200px;padding:10px;float:left;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 80%, #ffffff 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#eeeeee), color-stop(100%,#ffffff));background:-webkit-linear-gradient(top, #ffffff 0%,#eeeeee 80%,#ffffff 100%);background:-o-linear-gradient(top, #ffffff 0%,#eeeeee 80%,#ffffff 100%);background:-ms-linear-gradient(top, #ffffff 0%,#eeeeee 80%,#ffffff 100%);background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 80%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 )}
.wiki-level-2 img.main-wiki-image {background:#fff;float:left;margin:5px 10px 10px 0;padding:0;width:75px;border:none}
.source {color:#b5b5b5;line-height:1em;border:none !important;position:relative;top:-3px;opacity:.8}

.text h1 {border:none;color:#333;font-size:27px;font-weight:bold;margin:10px -15px 0;padding:0 15px}
.text h2 {border-bottom:5px solid #eee;color:#333;font-size:1.4rem;font-weight:bold;margin-bottom:5px;padding-bottom:5px}
.text h3 {color:#333;font-size:17px;font-weight:bold;display:inline-block}
.text h4 {color:#444;font-size:12px;text-transform:uppercase;line-height:1.5em}
.text .skill-video-wrap {border:1px solid gold;box-shadow:0 0 5px 0 #ccc;display:inline-block;float:right;padding:1px;right:0;width:384px;margin:0 0 15px 10px;position:relative}
.text .skill-video-wrap video {float:right;z-index:1}
.text .skill-video-wrap .skill-icon {display:inline-block;float:left;left:5px;margin:0 10px 10px 0;position:absolute;top:5px;width:auto !important;z-index:999;opacity:.85}
.text .skill-video-wrap:hover .skill-icon, .text .skill-video-wrap:hover .skill-info {opacity:1;color:gold}
.text .skill-video-wrap .skill-info {bottom:0;color:#fff;font-family:courier;font-size:10px;left:10px;position:absolute;text-transform:uppercase;z-index:999;text-shadow:1px 1px 0px #000;opacity:.1}
.text table {border-spacing:0;padding:0}
.text table th:first-child {text-align:right}
.text table td:first-child {border-top:1px solid #f5f5f5;font-size:0.7rem;padding-right:10px;text-align:right;vertical-align:top}
.text table th {background:#eee;color:#444;font-family:sans-serif;font-size:12px;padding:0 0 0 10px;text-transform:uppercase}
.text table th, .text table td {border-bottom:1px solid #eee;padding:0 5px 0 10px;text-align:left;border-left:1px solid #eee;border-right:1px solid #eee;vertical-align:top}
.text table td {font-size:14px}

.text .wiki-edit {margin-top:-45px;position:absolute;right:0;border:0;opacity:.5;right:10px}

.wiki-wrap {position:relative;clear:both;padding:15px !important}
.wiki-wrap h1 a, .wiki-wrap h2 a, .wiki-wrap h3 a {border:none !important}
.wiki-wrap h1, .wiki-wrap h2, .wiki-wrap h3 {padding-bottom:5px !important}
.wiki-wrap ul, .wiki-wrap .media-show {margin:0}

.wiki-wrap:hover .wiki-edit {display:inline-block}
.wiki-wrap .wiki-edit {border:none;opacity:.7;position:absolute;right:5px;top:45px;background:#fff;padding:10px 10px 0 0;line-height:1em}
.wiki-wrap:hover .wiki-edit {opacity:1;border:none}
.wiki-level-1 {border-top:10px solid #e9e9e9}
.wiki-level-2 {border-top:5px solid #e5e5e5}
.wiki-level-2 h2 {}
.wiki-level-3 h3 {border-bottom:1px solid #ccc;margin:15px 0 10px;padding:0 0 5px}
.wiki-stubs {display:block;line-height:1em;margin-top:5px;padding:5px 0 0}
.wiki-stubs a {border-bottom:2px solid #eee !important;display:inline-block;font-family:tahoma;font-size:0.6rem;line-height:1rem;margin-bottom:5px;margin-right:10px;text-transform:uppercase}
.wiki-top {margin-top:0 !important}
.wiki-top h1 {display:none}
.wiki-wrap img.image-25 {width:25%}
.wiki-wrap img.image-50 {width:50%}
.wiki-wrap img.image-75 {width:75%}
.wiki-wrap img.image-100 {width:100%}
.wiki-wrap img.float-left {margin-right:10px}
.wiki-wrap img.float-right {margin-left:10px}

video {display:inline-block;float:right;margin-left:10px;background:url(images/logo-blank-mono.png) no-repeat center #bbb}

/* TITLE */
.title {position:relative}
.title, article h1 {color:#333;padding:0 0 20px}
.title a, .title a:active, .title a:visited, .title a:link {
  color:white;
  margin-right:10px
}
.title h1, .title .h1 {font:2rem 'Passion One'}
.title h2 {display:block;clear:both;line-height:1.5em;font-size:.9rem;padding-top:10px}
.title h3 {font-size:.8rem;clear:both;}
.title h4 {font-size:.7rem;clear:both;line-height:1.5rem}
.title h1 a {border-bottom:2px solid yellow;padding:0}
.title-button {background:#f5f5f5;border-bottom:2px solid yellow !important;font-size:0.7rem;text-transform:uppercase;color:#555 !important;display:inline-block;float:right;margin:0 0 0 10px !important;padding:10px 15px !important;cursor:pointer}
.title-button.selected {background:lightyellow !important}
.title-button:hover {background:lightyellow !important}
.title {
  background:#2980B9;
  color:white;
  margin-bottom:10px;
  padding:15px 20px;
  position:relative;
}

.topic-bar {background:#2980B9;padding:10px 15px;position:relative;color:#fff;clear:both;display:block;color:#fff}
a.topic-bar, .topic-bar a, .topic-bar a:active, .topic-bar a:visited, .topic-bar a:link {color:#fff}
.topic-bar h1, h1.topic-bar {font:1.4rem 'Passion One'}
.topic-bar h1 a {text-shadow:0 2px 0 #777}
.topic-bar h2 {font-size:.9rem}
.topic-bar h1 + h2 {margin-top:5px}
.topic-bar .help {cursor:pointer;position:absolute;right:10px;top:10px}
.topic-bar .float-right {
  position: absolute;
  right: 10px;
  top: 10px;
}

#forum-topic .title input {background:transparent;border:none;border-bottom:2px solid #aaa;box-shadow:none;font:2rem "Passion One";padding:0}
#list-mail textarea, #forum-topic textarea {background:transparent;border:medium none;box-shadow:none;margin:0;padding:0;resize:none}

.text {background:#fff;border-bottom:3px solid #d5d5d5;font-size:16px;line-height:1.75em;padding:0;position:relative;margin-bottom:10px}

article {background:#FFFFFF;font-size:.9rem;line-height:1.75em;padding:0;position:relative;border-bottom:3px solid #d5d5d5;color:#111;margin-bottom:40px}
article .p {padding:15px;margin-left:106px;overflow-x:hidden}
article h1 {font:2rem 'Passion One'}
article .author {color:#333 !important;display:inline-block;font:1.3rem "Passion One";font-weight:300;opacity:0.7;text-shadow:0 1px 0 #fff;vertical-align:middle}
article .details {background:#e9e9e9;clear:both;padding:0 0 0 10px;position:relative}
article .job, article .guild, article .points {color:#111;display:inline-block;font-size:0.8rem;margin-left:10px;opacity:0.5;text-shadow:0 1px 0 #fff;vertical-align:middle}
article .job:hover, article .guild:hover {opacity:1}
article .avatar {display:inline-block;margin:0 10px -60px 5px;vertical-align:middle}
article .details a, article .details span {line-height:1rem}
article .tools {
  bottom: -26px;
  color: #444;
  display: none !important;
  font-size: 0.5rem;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 9;
}
article .tools a:hover, article .tools span:hover {text-decoration:none;border-bottom:2px solid #ddd;cursor:pointer}
article .tools a, article .tools a:active, article .tools a:visited, article .tools a:link, article .tools span {border:none;color:#444;margin-left:10px;text-transform:uppercase;font-size:.6rem;border-bottom:none !important;text-decoration:none !important}
article:hover .tools {display:inline-block !important}
article.main .p {font-size:1rem}
article.main .author {font-size:1.5rem}
#show-thread article.main.comment {min-height:250px}
article a.member-profile {border-bottom:2px solid #2980b9;color:#2980b9}
article a.member-profile:hover {border-bottom:2px solid #c0392b;color:#c0392b}
article .author.online {border-bottom:2px solid deepskyblue;color:deepskyblue !important}
article .details span.float-right {color:#666;float:right;font-size:0.7rem;margin-left:10px;padding:5px 0;text-transform:uppercase}
article .details span.float-right i {margin-right:5px;opacity:0.25 !important}

.text a, article .p .link-site, article .p a {border-bottom:5px solid lightcyan}
.text a:hover, article .p .link-site:hover {border-bottom:5px solid cyan}
article .p .link-other {border-bottom:3px solid turquoise}
article .p .link-image {border-bottom:1px solid purple}
article .p .link-official {border-bottom:2px solid lightpink}
article .p h2 {font-size:1.2rem;font-weight:bold;margin-bottom:10px}
article .p h2 a {border:none}
article .p ul {margin:0 0 5px 0}

article .details .icon {float:left;margin-right:5px}
article .details .icon i {opacity:.5}
article .comment-latest {display: inline-block;float: left;font-size: 0.6rem;margin-right: 20px;opacity: 0.3;text-transform: uppercase}
article .comment-latest:nth-child(2n) {padding-left: 120px}
article:hover .comment-latest {opacity:.7}

.topic-options {margin-top:10px}
.topic-options > div, .topic-options > a, .topic-options > span, .topic-options > input {background:#ffffff;border:0;border-bottom:2px solid #ddd;cursor:pointer;display:inline-block;font-size:0.7rem;opacity:0.5;padding:10px 15px;text-transform:uppercase;width:auto;margin:0 10px 10px 0;box-shadow:none}
.topic-options div:hover, .topic-options a:hover, .topic-options span:hover, .topic-options > input:hover {opacity:1}
.topic-options > input {text-transform:none !important}

/* FORUM */
#thread-options {clear:both;display:none}
#thread-options form {width:50%;display:inline-block}
#thread-options form select {width:70% !important}

.post-likes {background:yellow;border:5px solid white;color:#333;display:inline-block;float:right;font:1.2rem "Passion One";opacity:0.65;padding:5px 10px;margin:-15px}
.post-likes {background:yellow;border:5px solid white;color:#333;display:inline-block;font:1rem 'Passion One';opacity:0.65;padding:5px 10px;float:right}
.post-likes.user-liked {background:lightcyan}
.post-reported {background:#e74c3c;border-bottom:3px solid #c0392b;color:#FFFFFF;display:inline-block;font-size:15px;margin-top:5px;padding:5px 10px;opacity:.65}

/* GUILD */
#guild-banner {margin:0 auto 10px;text-align:center;width:100%}

/* USER */
.exp {margin-bottom:20px;position:relative}
.exp > strong, .exp > span {display:inline-block;font-style:normal;font-weight:normal;height:30px;line-height:30px;text-transform:uppercase;vertical-align:middle}
.exp > strong {color:#777;display:block;font:1rem 'Passion One';height:auto;padding-bottom:5px}
.exp > span {background:#ddd;border-radius:2px;cursor:pointer;height:20px;margin-right:5px;opacity:0.5;width:20px}
.exp .got {background:lightgreen;opacity:1}
.exp i {color:#444;font:0.6rem "Roboto"}
#user-player-main .float-right {text-transform:uppercase;color:#fff;position:absolute;top:0;right:10px}
#user-player-main img {max-height:none}

/* GENERAL */
.border-none, .border-none a {border:none !important}
.center {text-align:center}
.clear {clear:both}
.do {cursor:pointer}
.p5 {padding:5px}
.p10 {padding:10px 15px}
.ml0 {margin-left:0 !important}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mb0 {margin-bottom:0 !important}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.show {display:block}
.hide {display:none}
.float-left {float:left}
.float-right {float:right}
.debug {background:#ffffc1;color:#444;font:12px courier new;padding:10px 15px}
.hand, .insert-text {cursor:pointer}
.o1 {opacity:1 !important}
.width-100, .width-100 > a, .width-100 > span, .width-100 > input {width:100%;display:block !important;margin-left:0;margin-right:0}
.old {-webkit-filter:grayscale(100%); filter:grayscale(100%)}
.old:hover {-webkit-filter:none;filter:none}
.ellipsis, .summary {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pages {background:#f5f5f5;margin:10px 0 0;padding:15px 20px}
.pages > strong, .pages a, .pages b, .pages span {display:inline-block;font-size:.9rem;margin-right:10px;min-width:30px;text-align:center}
.pages .float-right {display:inline-block;margin:0 0 0 20px}

/* COLORS */
.color-0 {background:transparent}
.color-1 {background:#2ecc71}
.color-2, .color-actioned {background:#2ecc71 !important;color:#fff}
.color-3 {background:#999}
.color-4 {background:#e67e22}
.color-5 {background:#f5f5f5;color:#666}
.color-6, .color-action {background:#f1c40f !important;color:#fff}
.color-7 {background:#e74c3c}
.color-white {background:white}

.color-mp {color:#000 !important}
.color-fb {color:#3b5998 !important}
.color-tw {color:#00aced !important}
.color-yt {color:#bb0000 !important}
.color-sc {color:#ff5500 !important}

/* INCIDENTAL */
#show-front .insert-text, #show-user .insert-text, #show-guild .insert-text {background:#f5f5f5;font-size:0.65rem;margin-right:10px;padding:5px;text-transform:uppercase}
.favicon-bzl {
  font-size: 0.8rem;
  opacity: 0.75;
}
.favicon-bzl:hover {opacity:1}
.favicon-bzl img {
  border-radius: 1px;
  height: 16px;
  margin: 0 5px 0 10px;
  vertical-align: middle;
  width: 16px;
}
#front-frames > div {
  display: inline-block;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
  width: 50%;
  font-size: 1rem;
  color: #666;
  cursor:pointer;
  border-bottom:2px solid #ddd;
}
#front-frames .selected {
  background: #e5e5e5 none repeat scroll 0 0;
  border-color: #ddd #ddd currentcolor;
  border-radius: 2px;
  border-style: solid solid none;
  border-width: 2px 2px medium;
  text-shadow: 0 1px 1px #ccc;
}

#front-frames > div:not(.selected):hover {
  background:#e5e5e5
}
.card {
  background: white none repeat scroll 0 0;
  border-radius: 3px;
  display: inline-block;
  margin: 0 1% 10px 0;
  padding: 15px;
  vertical-align: top;
  width: 32%;
}
.show-user_players .card:nth-child(3n) {
  margin-right: 0;
}
.card .details {
  background: white none repeat scroll 0 0;
  padding: 0;
  text-align: center;
}
.card .avatar {
  display: block;
  margin: 0 auto;
}
.card .author {
  display:block;
  margin: 15px 0;
  opacity: 1 !important;
}
.card .p {
  margin: 0;
  padding: 0;
}
.card .p h2 {
  border-top: 1px solid #eee;
  font-size: 0.8rem;
  font-weight: normal;
  margin: 0;
  padding: 7px 0;
}
.card .p h2:last-child {
  padding-bottom: 0;
}
.profile.card .online {
  padding: 5px 10px;
  font-size: .7rem;
  text-transform: uppercase;
  background: dodgerblue;
  color: white;
  margin-bottom: 10px;
}
.card-actions {
  display: flex;
}
.card-actions > a {
  background: #fafafa none repeat scroll 0 0;
  border-radius: 2px;
  flex-grow: 1;
  font-size: 0.75rem;
  margin: 0 10px 15px 0;
  padding: 5px 10px;
}
.card-actions > a:last-child {
  margin-right: 0;
}
.card-actions > a:hover {
  background:yellow
}
.profile.card {
  width:100%;
}
.profile.card .count {
  float: right;
  height: unset;
  line-height: 1rem;
  margin: unset;
  position: relative;
  text-align: right;
  width: unset;
}

.crying {
  background: #555582 none repeat scroll 0 0;
  border: 1px solid white;
  box-shadow: 0 0 1px #555582;
  left: 0;
  opacity:.25;
  padding: 15px;
  position: absolute;
  top: 0;
  z-index:-1;
}
#cdm-zone-01 > div {
  position: absolute;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
#cdm-zone-01:hover .crying, .crying:hover {
  opacity:1;
}
#cdm-zone-02 .crying {
  height: 250px;
  text-align: center;
}
.crying strong {
  color: white;
  display: block;
}
.crying img {
  display: block;
  margin: 15px auto;
}
.crying small {
  background: gray none repeat scroll 0 0;
  color: black;
  padding: 2px 4px;
}
.crying small.selected {
  background: #212170 none repeat scroll 0 0;
  color: #ff6600;
}
.crying .crying-info {
  color: #ffeecc;
  font-size: 0.8rem;
  line-height: 1.2rem;
  margin-top: 10px;
  padding-top: 5px;
}
#cdm-zone-01 .data {
  display: inline-block;
  vertical-align: top;
  width: 88%;
}
#cdm-zone-01 .crying {
  bottom: 0;
  height: 90px;
  margin: 0 auto;
  text-align: left;
  width: 728px;
}
#cdm-zone-01 .image {
  display: inline-block;
  width: 12%;
}
#cdm-zone-01 .image > img {
  margin: 5px 20px 0 5px;
}
#cdm-zone-01 .crying .data > strong {
  color: white;
  display: block;
  margin-bottom: 10px;
}
.related {
  background: #f5f5f5 none repeat scroll 0 0;
  color: #666;
  font-size: 0.7rem;
  padding: 0 0 0 121px;
}
.related img {
  filter: grayscale(100%);
  height: 12px;
  margin-right:5px;
  opacity: 0.5;
  width: 12px;
  vertical-align:middle;
}
.related strong {
  vertical-align:middle;
}

.related img:nth-child(n+2) {
  margin-left: 10px;
}
.related a, .related a:active, .related a:visited, .related a:link {
  color: #666;
  vertical-align:middle;
}
.related .communities {
  display: inline-block;
  float: right;
  margin-right: 10px;
}
/* footer */
footer {background:#333;color:#fff;bottom:0;margin:0;text-align:center;font-size:1rem;line-height:2rem}
footer a, footer a:active, footer a:visited, footer a:link {color:#777;line-height:1rem}
footer .links a, footer .links a:active, footer .links a:visited, footer .links a:link {
  color: #fff;
}
footer .links a {
  float: none;
  font-family: "Roboto";
  font-size: 1.2rem;
  margin: 0 20px;
}
footer .debug {background:#555;display:inline-block;width:20%;color:yellow;padding:10px 15px !important}
footer div {padding:20px 2% !important}

/* SPRITES */
span.sprite {display:inline-block}
.sprite:hover {opacity:1}
.emo {display:inline-block;background:url(http://www.basilmarket.com/images/emoji.png?v=1) no-repeat;width:20px;height:20px;vertical-align:middle;margin-left:3px}
.emo-smile {background-position:0 0}
.emo-grin {background-position:0 -20px}
.emo-tongue {background-position:0 -40px}
.emo-wink {background-position:0 -60px}
.emo-unsure {background-position:0 -80px}
.emo-flat {background-position:0 -100px}
.emo-nervous {background-position:0 -120px}
.emo-cry {background-position:0 -140px}
.emo-love {background-position:0 -160px}
.emo-mad {background-position:0 -180px}
.emo-stun {background-position:0 -200px}
.emo-sad {background-position:0 -220px}

/* ICONS */
svg {vertical-align:middle}
svg#menu {fill:white}
.icon i {display:inline-block;background-size:100% auto;width:16px;height:16px;opacity:.25;vertical-align:middle}
.icon em {float:right;font-style:normal;vertical-align:middle;padding-left:5px;font-size:.6rem}
.icon-archive {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACsSURBVDiN1ZE7DsIwEERf3JFjpIYbwHXCtXIPPk2qdJGwL5ArpEgJTSw5yGuCtQJlpJElz+54dg1bxR14fuDtL8muK5K98xIzOsznlGE4zb17b3YGGoXpGqAGaDNSSWwNMCik8xgM4BQNnQGsIBaJRkmzABXxfSDcp7TKvzZGxGMi4SlSPwLGF3SJNGvZEThKe/wGNjTU+GkXGj4UDBdT7oCe/P31QKkQ6gd4ASi9gG0eEQiDAAAAAElFTkSuQmCC')}
.icon-down {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAABcSURBVEjH7ZSxEYAwDAO1BEzCSBSM8ZuHIhV3NklQQ2Gp/j8nhaRKlF1H0m1OcKklPUtQgv8LSLGoeAq8K/AewugL8fB3BbObhIfHClaXEQ9/Kvi6z3h4V6DKIDc5mh5nG8CxWAAAAABJRU5ErkJggg==')}
.icon-left {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAABoSURBVEjHY2AYBYRAA6Xa/1Oq/T+l2v9Tqv0/pdr/M2RghSLEascFDSjTjscA4rTjNIBY7TgMIF47VgNI0U4bAyj2AhUCkQrRSIWERIWkjG5EClYoTOPsTIUChQpFGhUKVSoU6yMDAAC3hh4zS8yx5gAAAABJRU5ErkJggg==')}
.icon-right {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAABnSURBVEjH7dSxEYAwDANALwGTMBIFY2hz0VLYiTgduInU5r7I2Y5YmQcuQJegS9AlqBJ7XGmpEsfjaVW4wJDQgAGhAiWhAwXxBkiJXwG0fiJaB2k4ylucaanvo7nOnx4UtB5VxMokNwuNHmeBtgJPAAAAAElFTkSuQmCC')}
.icon-up {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAABdSURBVEjHY2AYBYRAAxBSpP0/EDZQpp1sIxDayTICVTvJRmBqJ8kI7NqJNgK3dqKMwK+doBGEteM1gjjtOI0gXjtBj2Tg1JZCXDSOGjBqwOAwQITBAAcUHq3nsAEAjKweM6WyoUoAAAAASUVORK5CYII=')}
.icon-awareness-ribbon {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGnSURBVEjHlZXLK0VBHMc/3kke5S6UyA0lNnYWsvAIOxaytcHGHyAL2dh4y6uslMhrYW8lcUvETlGiSMTN+8392dymmc4515w5mzPf73y+zfzmnBnwaqVMssMRx4SYphSfrY4PRHs+qPaDp3Nl4IJwQZp9wKADF4R+WzzIp4LeeFHv7+TZBUwgCLe0EwAgQAdhBGHYLuASQVgwtFUE4cwGz4xO+JsipZXwG1UtCpmt1ryitHWlZdrM4UENrwKgRvXDdjVYU8ARKaRyovrLdgEN2t6PMqX1au0CYFshEQ3fssWhnC/Hd/hJmX0A9DkCevzgkMiegYdI8BcAXUZAp1+8iEcj4J4CP3gKh44a7JJsHzDjeh6M2+KtGhQxvoRmu9U/acgQI0Ylgv+v/kAD9kki2VD2/quEvvpnigEo4VVTx2LhLUbR2pTebuhNXnhQOwmERcNb05ww+e4BS9qgUzIML4tzzZ13D5hTA76pcLiV/Ch/1j2gUQ3odvV7le9xzSVwjSBsEOfqx7MZveTcfWAM4YYcz13K5Q5hwHsbCwlRQ6xWT8j8L/8AmLs5wOTQHbAAAAAASUVORK5CYII=')}
.icon-at {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAABg0lEQVQoFQXBT2vXBQDA4ef3lf0mrKYNUUp6AdIOg1JRhAzsZGetW70AEdLwaER0SRy7eND3UCDUpaOHWoiwKP8cpC5birUfS1mbzj49zygAjAYLjjtgj4nHbvm1ACSJGResSvKvJH84ZyqJJN5yX+4775BxjC245KH86GAiMW/DC58ZkiSJaVflF7MRr/rdS2eSmDGbJIklWYz4XBYT77otuee4JQ99FTPWbJljysQzc3HYliR5YkeuJ5bko8EJe/3QOr40jRXHfGDHLgDLODR4G7cY7fYeONdPfecKAJ5g7+AAHuFNU+AOWAXAK/h7MMZzTAFGYADAG/hz8Bf2YU3gFHgHAKewwodyI7EsmfjCNduSb+KIbfcM7PPSmnG8b0eSLNqULTdt2HYy4ls5nzhtxX/WXTPttN/s+Mf3jiRi3rZNx5IkSZIkicTH8tQnRkmSJEkSSZy1IXdddNRrMfa6Ey77NEkkiYO+NpEkSbKcJKMAMNplwWH7zXluYtXPHhTwP5yi8UoxxxJtAAAAAElFTkSuQmCC')}
.icon-block {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAHtSURBVEjHlZXNTlNREMd/3AK+gV0QUwoLKoGEnR+QsOqmOyFNPwwJRCIJ6QP0UYi+QWVTNDR8LIhENPgARENSjbIqEMAKG9txced+tb3lnjmre2Z+c+b859xzIMwGeUyGIkUypIhhYA8o8J4/iG9cUyXH8P1wjHXOAqh//OI1Vj98nK8B4JxvnHAemPvMaBg+z5UGtaiSI+564hT4QEu9l8z2xu80YJuJngtMsqsRf3neXby9+j9KfTV6qykuSASlO1Z8oS8+T9PV4hMDnmNdJ0sR8Bs2NPqV13e7cbVI+DNgH0H4wZDtyqvyqYg4TNNGEGfDWwjCVmQcoIYgvLPP/A2CkDfAYUlPhAUplSRugMOIUmOQ0b6a4ADXCEIaigjCd0McThGErJPgxBCHupPA3kLDEEfvi7Qn4kMjPKFUEmLaxpwBDisqvQVQRRCqBjjsIQgV+yMXOMpR8BndwAv7c5jfCMJORHyAAwShzqAztaYZ30TAoazRy96UxRf3orgPf6l340f/hQJJLjXBRt/iy/ojN3jU6ZzjVlPsMRUi3YFGNHnSK2DOraLNNkuM+I7NijbOXv1pWImjHAUekStOqXc8cofdxfvNYpWfoU9bneWgdL1tiEU23e0470CFBa/vUcxijDRZsqRJhq/7H+QcTTS6sBNSAAAAAElFTkSuQmCC')}
.icon-calendar {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADFSURBVEjHY2CgMghhyABCDaxyWmC5IPwGXGD4D4QpWOUywHJnaGQAM4M2gwmDCNwALSAPFWrCDRAF8nQYWJC12zE8hmq8gEIjwzNwAyD0YwZbmHYhhvdQRaQY8J/hLYMAxIAIuKIUBnUGAyAUwmqAMFhODW7Af4ZQ5MAhB6aMGkBlAx4AucTDR5gGnCEp114YNWDUgGFoQAKY8w0oSDz8DtYTDTFAgeEXWZn5J4M0zEEpZBjxkyEe2U+yDDEklQfRCNspBADwYb1Z/pYXJwAAAABJRU5ErkJggg==')}
.icon-camera {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAF/SURBVEhL3dE9a1RBHIXx326yjRYqEjVgo0Ikgl9AAjYqgRRWAdPZBav0WbCxFmItLEKEgDZqCiuDkCbJBgkqCpYWUQsFxTWgsGORYXH3zuxgqf9T3TPnPPNy+S/nik07CW26VKruzxsho9elKpzP1oNgslTn1lDAzVJ9wu5QwHtnBis1zUIpp4+aajSzgY5nWlrWdLKZRZndP5h3oHfKg2741Lf+PUJ3JevPHR28qTHrf9SPGfdDEFKAdm/vUWed0+id40VMdIw7aS8N+GkC1C36LAi+aBoBk37F1F6sJwD34n73+9zl6C5X8hVjGlyt+DNgpgwYAw8q/go4XgbUwVbF3wAjZcAh8LTiPwZHyoApMF/xr4OLZcBt0LDR567HH7lUBnyNz3jYw563Ei92wrcyIHikZn9OmzPnVPyqW02kE1Zw16jBaWgls0kz2HKhrz5lO5PM2EHw0pIFC+54lc10eTcEUdZbrukWYzl1zcK0VW3bf6m2Jy5XnvpfnN/yjU9LI6mEIQAAAABJRU5ErkJggg==')}
.icon-ccw {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGpSURBVEjHzZVNKERRFIC/mfFXJMVimslaFkgpxEZqyrAgIhsbYWFnR5EVxZLFsFKUEElW7JQUoZg0IeQnG7GzkmPhzJj3vHlz7dy7O+d859x3/h78/5NLkAA5fwez6WKFRwRB+OSGBZrJMIN9DPKsqPVe040nHV7MviMcv9sUuuGlPCVMDxkmRDkVhBknmpDHKE6FBxP4MXU2nYcwl6q9oMAJ97KnBhGyHAPksa4Wa07qAVXOuSTKx6ZatdhVWVq0kxTR4yefOwTh1B6mXT3Xpy1zl1rWWsWLCMKRUZ/cIwjTVvEtgjBi1GozCMKBtXW/nxUyctCDILwli/zqoMzIQaNa+wCGHNr1joC5A5iw4S+UGH3C60+TRpLwd2rSfsKsPYk+VhX/+N1hDmV8QBCmrFXYQRB6DVLYrcGq7YNywKgBXqBtdPJ7YnLTbxsy2Nb4Te6G3hSDtKX4sjvexxkNtvd4aeNG8XPy3fBOPnVgxwhTSRWtTHKVKHSUoHuRdl2X6obzOrO66E9arck3RodBonU/tbOkIy58EGOeULz3//aH8lNEJv/2fAGROuvXMvQzlQAAAABJRU5ErkJggg==')}
.icon-check {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAELSURBVEgN7cG/i84BAMDh5z351b11bpONUrpBrpTBH2Aw32SxKMkug9EgZbsus0HcYrLYGUxSDBKDkkVSOKKPJGW69/1+53seOwabWrXPaKd8lHeOGGWvl5KsG+WaJNkwwlFbkvywYrCJR5LkuhHOSZLX9hts2QdJcsYItyXJXSOcliSfHDTYbs8lyUXb2uOmZzYs+t8VSfLEgm1dleSeiX8O+yrJT8fNcF+SXPLXxENJcsNM5yXJdyf9sSZJ3lo008SmJHlj2ZL3kuSsuSx5JUkeWJckm+Z2wpYkSZLPDhnggiRJkssGmbgjSZKndhlo6oUk+WXVCCu+SHLLSGu+yWNTox1wzIIdc/gNB9iVYGfYZR8AAAAASUVORK5CYII=')}
.icon-chevron-down {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADGSURBVEgN7cE/K4QBAAfgx9/OJYnUDWZZ5CNcKekyKJNuk1Hm+zQGi8WkbMpgUAalyBdxnei6nwxK8p67K4ve51Eq/U/rWlYUWdWypo9lHfGs7icb2qKtptCmiOjY8l3Di4ioK1T1JCJe7fhq15uIeFDRR82jiOja86mpKyLuLfnFojsR0bPvw4GeiLi1YADzbkREHDoSEXFtzoBmXYmIiIi4VDWEGRciIiLOVQxp2pmIiFNTRjDpRMSxCSMat61hTKn0194B2iBU6n6h1iUAAAAASUVORK5CYII=')}
.icon-chevron-left {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAC/SURBVEgN7cE/K8QBHAfgJ387JEmX2GSRl6AY1C1KbmBkvfXeksFkMCmTTMqglCjvwt/ouj5ew+87Ufc8Rv6JWR0ryla9iA+bStqeRURfwaIHEfFqTWPz7kTEpy2NzbgREd92NTbtSkQM7Gls0oWIGDrU2LgzERHHCroiInpKDkRE9JSMORURcaJkwrmIGDpSMuVSRAzsK2m5FhE/Okrm3IqIL9tKFtyLiHfrSpY8ioi+omVP4s2GspYdbSN/2C/cWFT/VWxbLAAAAABJRU5ErkJggg==')}
.icon-chevron-right {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAC/SURBVEgN7cE/K8QBHAfgB5c/F0lRN5hlUF7ClZIwKNsZWW+/F2OTUTaDRRZlUYryQlwnuu7jNfy+E3XPY+pP27SvrWzXSHzoKBqIiHfrSrZ8iogXq0q6RiLiybKSA98i4sGSkhNjEXFnXknPRETcaCk5FxFxZVZJX0TEsZK+iIhDBRciIi7NaOzMRERcm9PYqbGIuNXS2JEfEXFvQWN7vkTEo7bGtg1FxLMVBQMR8WpNyY6heLOhrKNr0dS/8AvAulTfmiyl/AAAAABJRU5ErkJggg==')}
.icon-chevron-up {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADFSURBVEgN7cE/K4QBAAfgJ/9ynSTpEpsMylcQg7pJYmCTUcb7SCZlUzZZlEUWJcq38De6zk8GJXnP3ZVF7/Molf5ev3Vr+vRo0L6IPQN6MOxQRMSBIV2qOhYREXGkogujTkVEREScGNGhceci4s2OXRERZ8Z0oOZSRLRs+bCtJSIuTPjFtBsR0bTh06amiLgyqY2qWxHxYsVXq15FxLWKQnUR8WTZd3XPImJJoSmP4s6Cnyx6EPdq2pjXMKPIrIY5pdJ/9A61yFT65tRMQwAAAABJRU5ErkJggg==')}
.icon-delete {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAEOSURBVEjHzZWxagJBEIY/EPMsgohXXRcQJK9w1RUKMeZIuD5FUuRZtNFXECwEnyeCyplmUoXd9e52d0IKZ7pjvw9m5oeD2607UnJKSnJSujr4gTUnxOojK8ZxcMLeQe3eMQjhL1xacUGoePLhn174t9/b8NcoXBBmzbN/Rwsq+nXBPhoXhG39cKLskStYqwVLN3UnteBAxwhSNS4IiRHk1ufHQJuXmRGU1udQmZfFPwrsEZ4D3TjC35Y4NIIuRzX+ZZ8RVmrBwl3NWC24v97uToVv6ucZUEXjZ3pNF55HCyZtIfmIwt98OZsFBjkzDUW1z9azul7cv2HEksNVbBb1w/mrQ0JGQUHG0E3dbdUPF0cCFR6+pmAAAAAASUVORK5CYII=')}
.icon-add {content: "+"}
.icon-addz {background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU3F1YXJlZF9wbHVzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDJINEMyLjksMiwyLDIuOSwyLDR2MTJjMCwxLjEsMC45LDIsMiwyaDEyYzEuMSwwLDItMC45LDItMlY0QzE4LDIuOSwxNy4xLDIsMTYsMnogTTE1LDExaC00djRIOXYtNEg1VjloNFY1aDJ2NGg0VjExeiIvPjwvc3ZnPg==');opacity:.9 !important}
.icon-circle {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAHNSURBVEgNlcFPaxYEAMDh592mfoPyYP49NITCkwcFT3nZSay1tSAToUC8iBe/kniaRdkq0IMIfoN22Arx5DbRJV1890uGisj+vc9jWxMmTZkzZ8qkcSM4YNYdLyRJ8ty8GfvtatxVTyRJkiTJYz8Ys4MTHkmSZNWiRauSJHnoqG2c80ySoTtmfeytg77xkw1J1py1hXP+k+RXk7Zy0oIkL53xgROeSV65ZifXvZKsOuI94x5JXrloN18bSh4YeOeqJNfsxQ1JrnjjgCeSX+zVH5J/7LNpVjL0qb36zIbkS5vuSOaN4q7kttcmvJDMGMUlyZoxJiX5yCg+keQ4U5IVo3ohOc+c5C+jWpJMMydZNKplyVdMSdaMal3yBZOSHDSKI5IcY9xzyZxRXJasGHhtXvKzUfwuuWXTjGTDSXt1SpILNu33WLJgbwbuSZZMeONHSa7bi5uSXPLOmIeSoRm7+dZQct/Ae45akwzdsL2BmzYkTx3ygbNeSvKnz23llHuS/Ou0LZyxKsmG33zvsLcOu2xBkjx12jaOeCBJknXLlq1LkuS+Q3YwcMXfkiRJkmTJdwZ2tc9Ft61JkmTFLRdMGMGY486bNu28Ywa28T+s5ROIHjIhygAAAABJRU5ErkJggg==')}
.icon-cog {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGOSURBVEjHzZU9S0JRGMd/9mJk1hpO0ZARSDjoVkvRELUICoI46FdoCINcxMlCWlqDhvAbWJjSy3eIGopyqSZFI9tOS3nPPfd473WJnjPd5/9yn3Pvuf8L/7OmiSkdDzH8buUFugjySk/QUXoD6xaBQHDGAgBBKj+d+nAGAsEbr9JVzY18hg9JYl5tfM4GxwPlAkHZXjzBka1cIDhgXCfdZI9Dnh3lAsETJXJsyPIRHjXEc1KECZGkqkHv8RgG6xb4k7hpwgQ9C2fVgAM0FDBu2WRSYVwwK8NebkygruSbXDKmwssSnNIaZCTGoo7w3ofDWoNIH2/qT4FxaENaPGpvEJQGTGoNshJjyQpXJLiqNbiWGFd4zXFRUF5SwiJPK4wGAQOMWQ5JT9lGmi8LZ8WA/XQ0h7VBhghRsqbhf9edecA8dWq0XX1MDxTZYU33mHyUHeVFRu0zwT4RSs6J5Kc7UN5i0k0qyp/VC81hQ9VI5RPmAJjndLhY36eNYFfpCVrk3P6bptiy9Lbd7f/v6xt9MnocS/LlBQAAAABJRU5ErkJggg==')}
.icon-colours {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAIdSURBVEgN1cFJiBYEAIDRx6BOoWEqFdhhIJUoIqGFyC7WQZhblyiiIKLFQ0iQlwbaDkVihESKtAjRUCQtFiRCKEEJ0Sks2kiioAUrpUzEnPGLf4ogNRntUu/5X5jtLGeabcgpGXVQkl+MmpZht3vPFnMNvCRJ8qY/3GiVuY5rljHfS/KwgTckSbYauFmyz33OcIwHJEn2moNtkiSvYYbdkuQHSx1lrSRJ7sYOSZIXcIckSdY4yhKTkiTjeFeSZNSwryVJssKUeca94jwDr0qSbML7kmQn7pIkyTumzLBd8qPlWCZJshEfSJJrnO5bSZIsN2WDJPnNDdgpSZ7Ax5LswD2SJNluyvWSJPnGLNdKksfwhSRXmWOPJEmWmbJWkiS5xZDPJHkEX0m2YUySJFv9acRuSZJ8iDsleRDfSS43115JklzmLwu8LUmSUafZIxnDT/I6HpIkyRZ/M9NTkiQ7cL9kNfY7Yqn5fpYkOeJix1hlQpJcYoEDsgqHbMajkiTZ7LhW2CfJi1gvKzHhQmf7VZJk0gX+wfk+l0wYscikW800jsclSfK8E5jnLck6vOwmwxZb6KAkyWGLndAMT8p+81zhOgPrJUnyrGlY6bB7sRAjDkmSHDJiWq72kWEDz8indkmywbQtciUWOWyrITwnB53rJG2UMQO3yTon7Wn50qUusssB5zhp820yIckap2iJcZM+Md+/MNuQ/6jfARdMb6Q/31t4AAAAAElFTkSuQmCC')}
.icon-comment-white {background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iVHlwaW5nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDRINEMyLjg5OSw0LDIsNC45LDIsNnY3YzAsMS4xLDAuODk5LDIsMiwyaDRsNCwzdi0zaDRjMS4xLDAsMi0wLjksMi0yVjZDMTgsNC45LDE3LjEsNCwxNiw0eiBNNiwxMC42Yy0wLjYwNywwLTEuMS0wLjQ5Mi0xLjEtMS4xYzAtMC42MDgsMC40OTItMS4xLDEuMS0xLjFzMS4xLDAuNDkyLDEuMSwxLjFDNy4xLDEwLjEwNyw2LjYwNywxMC42LDYsMTAuNnogTTEwLDEwLjZjLTAuNjA3LDAtMS4xLTAuNDkyLTEuMS0xLjFjMC0wLjYwOCwwLjQ5Mi0xLjEsMS4xLTEuMXMxLjEsMC40OTIsMS4xLDEuMUMxMS4xLDEwLjEwNywxMC42MDcsMTAuNiwxMCwxMC42eiBNMTQsMTAuNmMtMC42MDcsMC0xLjEtMC40OTItMS4xLTEuMWMwLTAuNjA4LDAuNDkyLTEuMSwxLjEtMS4xczEuMSwwLjQ5MiwxLjEsMS4xQzE1LjEsMTAuMTA3LDE0LjYwNywxMC42LDE0LDEwLjZ6Ii8+PC9zdmc+')}
.icon-comment {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADvSURBVEjHY2CgGWBkcGJIY8jACdMZAhjYcWvnYtjP8J8gvM0gj8uAZiK0g+BmXAYcJ9KAH7gMuECkAf+HiQHsDH7AWEXEsDRpBsgDYxNVyIU0AzZjCJFowHdKDfg/sAb8odSAY5QZ8InBFJcB1QwzsMBDcDWrGaYz1DHIgZIRdgOwA1aGdVA1BghBTAPmM9RggSkoRuA1ADs8g+IKCgyAGIFkwF8iDTiBEhZ8CM4JIg2YjCtkLRg+E6H9LoM47iJcgaEeGKtr4YoPoMX+NIYCZCfjAibwJMJCXk1kQpl2iAEUaAcZQJF2BgZ+yrSTDQDm5C8E+qz2wgAAAABJRU5ErkJggg==')}
.icon-compass {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAJeSURBVEgNlcG9ixYEAMDh505TJASX0EXrrOHQEJcoMtxc3FJEs8UsEkxBcfGfaAqa+gssgjQQFUGKPhBHhzLi7AsHeRW9PhbvfnnmK+/p3UnPY1HLTdppv/12mrTM/7DSPqfdlSTJHV/Ya4WnWuawPyRJkiTJb943bgkvuixJkoFrrhlIkuQ7L1jEdrclmXHaPmsNrfOWM2YluWWbBWz3jyRnTVrIJucl+cvrHvOi25J7jlrKcTOSgeeNWOay5J7dnmavGck3xjxyWJKjljJu0hqckORdD630h+SsxbzspAumZcKci5LrnvHAPsmMSU9a7ZirkmTgP1vMSnZ54LTktMeNOWIgyQ9+lS8NnZN86r7l7kr2me9ZZyV3fGgzrstxQwckt4wzKclao8adlVkfWWPOK5KXDG2QZCM7JQPzHZEcNPSxXDFqWrKD/ZJrRq02kB8MPecvOWTUlGQP+yXXjDom+dHQJ3LDKqOmJHvYKRkYdVWSw+Z8IDlovmnJDiYlWWdosyTJT36WfG6+DZJMsMxdyVuGTkqSJPncKvO9IxkYd98XkjOGLkiS5IaDnnRecsoDeyUzNpkzblqSXHHIKk/aKsmbHljhd8l5cyZl4EvHvWRhYy5Jpiz30CFJjmONCUs7KckBj4z7XjJjr6d524zkK2NGTLglmXHC4sacNCu5ab3HvOFvSS7aYiFbXZLkT69awDYDSWadc8AGQxu847wkuek1i3jet5IkmTZlyrQkSb623hLGvOcXSZIkSTLlgDFP9YzdPnNLkiQDp+yy3P8wbqMd9thjhwljFvEviZVteVtTsKcAAAAASUVORK5CYII=')}
.icon-controller-play {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAACjSURBVEjHY2AYBYMRpDKUMnBSYsBPhv8MdxhcyTfgPxQuY5CgzID/DB8YMhmYKDEABE8wGFBmwH+GPwy9DDyUGACCjxkCKDMABDcyyFFmwH+GrwwlDKyUGACChyg1YB8lBnxiyGNgJt+ANQzS5AfifQZv8qPxN0MHAxf5CekIgw75SfkdQwolmWkhgyh52fkHUPMNBkfyC5R4hnwG9tGSfWgBAEYprL9LaoFDAAAAAElFTkSuQmCC')}
.icon-controller-record {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADdSURBVEjH7ZQ9CsJAEEbfFay0VQwkTWpREFsLLTye2EgOIQRSeBXTJJ0/pFIYG9FA9mdi2nxTv8fuzsxCH3dGxMQM/0FXJJTIpwqOLPVwyPmL1isj0OA7KiMuCA+2fvxlxQXhxcZ9+MqJC8KdqV1w9uKCkNpfXpQ1NwsSteBgFpRqQW6eOmlRg6YgbiWIugrCpmDY9QpQqPGLuQtHtWBvFizVgpltFjMVfrLvQsDDi18Zu/Zx61nnJ2vfj7DhbsVvfhxgSmq5+0T/Ly44kNf6vre/vCsDIkLz1PX55Q2Cc4ec5BaVRwAAAABJRU5ErkJggg==')}
.icon-erase {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAD8SURBVEjHY2AYBcMUyDP4MQhgiAoCRWWJ0W7I8J3hP8MDBikUURmGx0DRrwx6hA1oAioEwfMMvHAxfobLUNE6wga4QZX+Z9jOwAoWYWPYAxdzIsYTdXDlsxkYgXARnF9JXCAyMsyFa6liaIazZwJliASsDDvh2mBwKwMLKVHJx3ABRftZBh5SU4M0OOIg8AGDBOnJCdUASVK18zFcpMQLrAy7MAJxG/GByMiwAK6tnKEeJVUQBRrhWqaDE9I8OL+GGO2ecOVboI5G9pAr8ZnpDFKwIVJFLWED9ICZ9j/DPbSYlwZG5X+GLwzaxKUAT6SsjMjSXmhlxCgYPgAAHxiKjSl1JzwAAAAASUVORK5CYII=')}
.icon-edit {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADFSURBVEjHY2CgOxCgTHsLw3+GmwzxlGiHwCUMrKRrb4VrhxhBkXYQjCFFexuG9v8MVynTDoJclGmvIU57+6DUXjug2uvoor2NNtrr6aK9dUC1t1AWdBRqT2M4w2DN0MvwkzztDAwbGYLAtDHDS9ITLQg8Z5CCskzgriBBuxzDdwZNOG8CKRkWAkKBGr4xeEF59qRqZ2DoAdv5lUGdQR5o2DlStTMwHIL6+hfDI4bVpNc7zAzPGPYA84A/gyR5FRYjEA4cAADVxQROD11VPgAAAABJRU5ErkJggg==')}
.icon-email {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAKoSURBVEjHnZVdaI5hGMd/r3f22nyNNRu1KWlbIy1SlOZjk2kmDLX2RVqi5DONZCVZ+UhqiXBgUeSAoRygyciBQhtpJ1sxtgNyIPt4zf4O3mvP+zx733cb133y3Nf1v/73fX3dD8QSH6kspZitbCSfTMYzZolnEzfpRJ7Vx0uOMWc05wD7+TrM1bvuMS+2+2LanPPus498spnNXJZQQT0dZvvNUcZFcy8niBA/qGF61Kzk02wkN/APN283UyMzRgjRx2475qLXkMcAQpyLfjmPFBl2S1g12XJ+GZ/rrGSyyXBpwnIQITqZMKSoQ4gWArZPpNZJWTc1+EnjHe95TzEAfloRYkcIPo2fCJFn7ml8GFa6ei7ZV7lhtiFEU2izCyFemsnPq4jaD1rUYYKp/EEESQB4ihDVZqp0Ob7gACfpcmnKnTy0IEQuxNOLEOlmeO7qOb+F9CUKwV2EWAc5CNFl6gTnsiLLAR+PQnAdIbZCkV02JAsdaKerbJVRCBoQYhOUIsRDU692oK89TR5J0IgQq6DC4g3J+jETvEGITChBiMemXulAv7uaujqCIEAfopc4WIYQH82Q7irZWofgdgTBGoR4AjDTZjzBJqDDAX9mERDgsIu0wggeIsTO0OYzQhSYqdbTg930IOsUIU4APvZa6SeGXK4hxFUjmMKniFY+yzf7CvKAt9bexUMRFiBEL2m2X+BpXtFGks1LePVQ5n5lQsPZ4GhSOEM7YpAOzpMMwAae8QsRpJXTZHgfiELjrfJo4yLePR/xUR8YJw8DlPKfkuhM4YWh3P6rTOGRUXRxiJQYqEkUxqaI4wj9RjJAM3WUsZxccshlBeWcool+ROpI95jNFXpG/LWJzaMFk0QVt1wtHV7t3GEPs8aelfkUUEwJ68gji8RooL9UVqGfOMO5NAAAAABJRU5ErkJggg==')}
.icon-like {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAEdSURBVEjHY2AYBeiAmUGBQZdBDKucNIMBgypQBU6gwjCX4T3DfzC8yVDCwAmX4WaoYXgAlfnEMJ9BGZv2cIavUCUweBloJAioM9xGk/nGEIGu3YPhD5oiEHzJYMRgwvAai8xfBi9k7VwMj7Eogjj4Ew6ZZ0BdcBCPQxF+mIAwYDFZBixGGLCHLAP2IAxYS5YB6xAGlJFlQBnCABmG7yRr/wFMmUigmmQDqlETEiMwgZKifR5QBwO6EZOI1t6LqR0CaonSXoEvO2cAUzk+zX8YUgiVCCEMP/GEfCAxhYozjgz0icGR2HLJmOEV1qxNAlCDl0AQeB9YmJEIpBiuIJVNUuQUsIIMR8HajwBZZAIuhq1AyElJMc8ChKOAAAAALpaSBvRoXp8AAAAASUVORK5CYII=')}
.icon-help {background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSGVscF9jaXJjbGVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLDAuNGMtNS4zMDIsMC05LjYsNC4yOTgtOS42LDkuNnM0LjI5OCw5LjYsOS42LDkuNmM1LjMwMSwwLDkuNi00LjI5OCw5LjYtOS42MDFDMTkuNiw0LjY5OCwxNS4zMDEsMC40LDEwLDAuNHogTTkuODQ5LDE1LjU5OUg5Ljc5OGMtMC43ODItMC4wMjMtMS4zMzQtMC42LTEuMzExLTEuMzcxYzAuMDIyLTAuNzU4LDAuNTg3LTEuMzA5LDEuMzQzLTEuMzA5bDAuMDQ2LDAuMDAyYzAuODA0LDAuMDIzLDEuMzUsMC41OTQsMS4zMjcsMS4zODdDMTEuMTgsMTUuMDY4LDEwLjYyNSwxNS41OTksOS44NDksMTUuNTk5eiBNMTMuMTQsOS4wNjhjLTAuMTg0LDAuMjYtMC41ODgsMC41ODYtMS4wOTgsMC45ODNsLTAuNTYyLDAuMzg3Yy0wLjMwOCwwLjI0LTAuNDk0LDAuNDY3LTAuNTYzLDAuNjg4Yy0wLjA1NiwwLjE3NC0wLjA4MiwwLjIyMS0wLjA4NywwLjU3NnYwLjA5SDguNjg1bDAuMDA2LTAuMTgyYzAuMDI3LTAuNzQ0LDAuMDQ1LTEuMTg0LDAuMzU0LTEuNTQ3YzAuNDg1LTAuNTY4LDEuNTU1LTEuMjU4LDEuNi0xLjI4N2MwLjE1NC0wLjExNSwwLjI4My0wLjI0NiwwLjM3OS0wLjM4N2MwLjIyNS0wLjMxMSwwLjMyNC0wLjU1NSwwLjMyNC0wLjc5M2MwLTAuMzM0LTAuMDk4LTAuNjQzLTAuMjkzLTAuOTE2Yy0wLjE4OC0wLjI2Ni0wLjU0NS0wLjM5OC0xLjA2MS0wLjM5OGMtMC41MTIsMC0wLjg2MywwLjE2Mi0xLjA3MiwwLjQ5NmMtMC4yMTYsMC4zNDEtMC4zMjUsMC43LTAuMzI1LDEuMDY3djAuMDkySDYuMzg2TDYuMzksNy44NDFjMC4wNTctMS4zNTMsMC41NDEtMi4zMjgsMS40MzUtMi44OTdDOC4zODgsNC41ODMsOS4wODksNC40LDkuOTA2LDQuNGMxLjA2OCwwLDEuOTcyLDAuMjYsMi42ODIsMC43NzJjMC43MjEsMC41MTksMS4wODYsMS4yOTcsMS4wODYsMi4zMTFDMTMuNjczLDguMDUsMTMuNDk0LDguNTgzLDEzLjE0LDkuMDY4eiIvPjwvc3ZnPg==')}
.icon-home {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAChSURBVEjHY2AY5kCP4RrDVQZt8rW/ZvgPhK/IMwKmnUwjkLWTYQS6dhKNwKadBCNwaSfSCHzaiTCCkHYCRhCjHY8RxGrHYQQp2rEYQap2NCPUydAOMUIFYoAHwwwgXEeS5jVgPS7I3jAhyQADzFhAN+AaUBEC3iTdgDMoshdGDRgaBmiTZIAqpgGMDN0Mp4HaYHAxiuwyJJnTDG1A1cMHAAAk4qCvEZwRjwAAAABJRU5ErkJggg==')}
.icon-image {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAD5SURBVEjHY2AYBiCc4STDBTLhKYZQBoaPDP8pgB8ZKNIOglCqkSGFRNiMaoAByWFnMtgN8GdgQ+GzM5QzTGDQINYAJoZ7DLUoIpPBql4wcBJnQABQ5DuDCpLISag6DeIM2A8W24kkkg8WOQ10GxEG6MMTSQSSqA0w0XMRFwZz4QY8Z+AnPRZEgb5HJNSppBtQg5LS/zKYwWXYGNIYuAkZwMrwDC2znGNgBmvOYngM5NUSMiAaS36rgGoGwU9AL+I14BTB7DsJnwGWROT/nwxKuA0wIaokMBic2bmFIYNE2IZqAAWFKmXF+nsGhmCGowxnyIRHgSXH0AcAMRG3B/ZhBFQAAAAASUVORK5CYII=')}
.icon-images {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGXSURBVEjHzZM9SMNQFIW//ohQi6KDKBREcPEHHNpJwcEOTkUcHIQOol1VEAdBpIuCQwUdhIKTg6CIg+hgh4KTk1grKggZSgXpoCKIiLYah6ZpkiZpUhfPmXK553vv5b0LVuVngxwpPNiWj0VuESWH7US9TJLkWw6LiCSsRV2MsMu7Klp0gbZq4X5iPOpES543jrazQFon8sM6s/JXSi/qIUyCgu6KDwwDsCVX+pRRJ0F2eDPc8B7NUqebpFRbUwLOTE77qrm0FgRpT85y8UUR+CKDIPuUjoqj9nCHgIC/XNqWr2eZJmrQkASIUKMcZBC5lr56CdiwHy/AKiKbAMyY/FB9pwG6EVkBIG4bkC9u/KJmQKEImLMJ+NQCWolWALKaMS76g31C+MirATBQAQixpAmfM0Wj1H+kBaABXAJwoJoJl6JztBpgDIAGebgPcas63eTMAGkcUqWTZ0SOqat4gDEzwLiiFuSEep0XPGgMuJHXN1PAGBC3NEP/GvDElQXfm78Dm8NUUtQ2IKsG1DNBxIan6eKv+gU5kMf0KWIoJAAAAABJRU5ErkJggg==')}
.icon-key {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFzSURBVEjHnZVNKERRFMd/zBdZWCjFjo0JNaZs2ColG5GaSWFJGpOFGiZSRMrKStmwYZZ2tmOFfGahrGanfGwslJlGz+Z5c99707nvzf+s7jn9/vfr3PdApxBDbHJCjl1GCOBLYTK8YihRYMI7HuXZBv/Hnje8h3cFumeHbe7M0boeb7TNvmTl0xgYlInrDNIKfmyrHGJgcKYzeFIMpmyVOAYGJZrlDZQVgzwRpdZkZoclg1bHuV/RYdU6zdycZBBxXd0XCbOWNTPL8hm8VLn/I7oY5dscpWSD/aotpMaYbDCgNWiXDQJ8ivi1rg8ymvkTunfwI+Ln1El4kBsRv5S7EFYF+I0sYRnvpejC5kkyzTgx6nWHF7TefCVyfj5ia1WauM07HqPkMkh5x0M8uPBb/a4r2nDhv/R7x/scyy9wyoyf5T/a8A9a/P1Cko7Fz+JTKzY8j29NKniRqH+DbsVgixoUsl7ABQ3UpEUOWGBQfulu/QFrkk1lRiiE4AAAAABJRU5ErkJggg==')}
.icon-list-white {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAADFBMVEX///////8AAAD///8FAGTCAAAAA3RSTlPl5ABvTeB9AAAAKUlEQVR4AWNgwgKoIMjAzAgiIIARKsgIYjHCBKltEYiBaRHjUPMRJgAAnMsDLydoOFIAAAAASUVORK5CYII=')}
.icon-like-white {background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSGVhcnQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuMTksNC4xNTVjLTEuNjcyLTEuNTM0LTQuMzgzLTEuNTM0LTYuMDU1LDBMMTAsNS4xOTdMOC44NjQsNC4xNTVjLTEuNjcyLTEuNTM0LTQuMzgyLTEuNTM0LTYuMDU0LDBjLTEuODgxLDEuNzI3LTEuODgxLDQuNTIsMCw2LjI0NkwxMCwxN2w3LjE5LTYuNTk5QzE5LjA3LDguNjc1LDE5LjA3LDUuODgxLDE3LjE5LDQuMTU1eiIvPjwvc3ZnPg==')}
.icon-location {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGRSURBVEjHnZU/S0JhFIeftFKoIAraGiWIzKWlPoNT0BBE0NAfcJAaC2ppaKioIG1oi75COVREHyA0SnIqxBpqSRTMRE9Dt+u93Cv3fT1nuj/e38N7Duc9F1pFmEOylKiSI0kEregmQR2xZIMTgur2G5v5P29VEQnT8kOae6rm94mKPWxePskgAAMmsqHSiyPj8IGreuwNyCIIJXptah9lBOHZG1BCEK4c+l9jq96AbwThwqGnEISKNyCPIHzQaVO7+EQQ8t6AlNGuVZu6ZqiX3oAN42iNGD4AfMSoGeq6NyBimb1XzjnjxaKMq4zSg+sgC0JGbZSXWgIW1QBB3lztBfX3uOIKWFbfB36XPmTw66yUKRo2e51JNGPfBthDOwKkTXuaAG1EiCKCUCSkcuFTph1qlDp1og59hlN2neM75wKOE3dRFxCE0aawjSCMKBc3hiBsNYUcwhcdGnNSRniyF3Ct1eA7axF/BexoAfasReSMVTGhkZsIwiPAcMvHq5JD0G/5delmhR6Aed7bsheYhV8vs0+Q94oVsAAAAABJRU5ErkJggg==')}
.icon-lock-open {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADnSURBVEjHY2CgIeBgcGSIZUhicGXgIV0zG0Mbw1eG/1D4laETKEICYGLYDtcMgzsYmIk3IA+q6S/DDYZrQBLCyyFWOyPDPbCGCwxKYL4SkAXi3yHWAFWojZpwEV2oiDJxBgSAFd9HEXsEFvMhzoBEsOIzKGIQTyQQZ4AtwwwgrMRiQAr5iYo+BrAyGDKY4IA3wQY0g9lquGL/AEbqwwWnYTNAm2jtOFKECUkGGIwaMGrAsDVAnSQDlLDlx01Ea1+DvURgYQhjWMXwBa/WzwwrGULw11GgcimUIRlYfKHCZKBGA6AstQEA9Z/CuDavSfIAAAAASUVORK5CYII=')}
.icon-lock {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADnSURBVEjHY2CgIeBgcGSIZUhicGXgIV0zG0Mbw1eG/1D4laETKEICYGLYDtcMgzsYmIk3IA+q6S/DDYZrQBLCyyFWOyPDPbCGCwxKYL4SkAXi3yHWAFWojZpwEV2oiDJxBgSAFd9HEXsEFvMhzoBEsOIzKGIQTyQQZ0AGTgNSBrsBrAyGDCZA2AZWfA3MhsGbYLFmMFsNV+wfwEh9uOA0bAZoE60dR4owIckAg1EDRg0Ytgaok2SAErb8uIlo7WuwlwgsDGEMqxi+4NX6mWElQwj+OgpULoUyJAOLL1SYDNRoAJSlNgAAZGTM8kg3fd0AAAAASUVORK5CYII=')}
.icon-search {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAqFBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VRVRbAAAAN3RSTlMAAQIDBAcICQwQGRokMzU2NztER0tjZGpyfISFhomNk5ufoaKqsbO6v8PExtHS1Nzd5ejr8fX+JKIZzAAAAJVJREFUeNqVyNsSgVAYhuGVRDZJ+7KpECIiqe/+78yU9Tc1nPQevfOwni3D+yN25TYNgxJVmdbCALkzkxYRCqUxtczn9XhIRcIQDr8rTMIbpvws+IRPjPnp2BPGUPnZWBO6iL4jJDAI5QxebVu8BozSClws3U4ABEKjSoqqd1dF0z9sjNGJtJ1U6Yr90TP70d1xwnr0Adt5EddpW2fMAAAAAElFTkSuQmCC')}
.icon-mail {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAETSURBVEjHY2AYBYMDqDHMYJhDBpzBIAMxwIHhP1nwH4MuzA0ZDG9I1v6UIQrZG3wMLQxfidb8gaGCgRMzLCQYpjP8Jqj5B0MPgxCqRh4GFqQAXY1H81+GBQxycLWsDOwQRjrDbaB/GOESpgx7sWrfyKANV8PMkMBwnyERFoQg6UsMfkiucmM4h6L5CIM1XI6RIYThGlg0BdkAEDzO4IikLJLhDlj0MoMvktEeDGfh6jEMAMFdQC/AABMwpjWRPGfLcBBFLVYDQHA9km9hwJhhB4Y6nAaAwnsRgxJcsxbDGqzBiscAEPwFTO0+DP5Ao/7iUEHAAMJw1AC4AbbAooG8AsUCFs8BwIw8g0Q4HSWBj4IBBQADGb1YMP8myQAAAABJRU5ErkJggg==')}
.icon-mail-white {background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTmV3c2xldHRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOCwzSDJDMS40NDcyNjU2LDMsMSwzLjQ0NzI2NTYsMSw0djEyYzAsMC41NTE3NTc4LDAuNDQ3MjY1NiwxLDEsMWgxNmMwLjU1MjczNDQsMCwxLTAuNDQ4MjQyMiwxLTFWNEMxOSwzLjQ0ODE4MTIsMTguNTUyNzM0NCwzLDE4LDN6IE00LDEwaDZ2MUg0VjEweiBNMTIsMTRINHYtMWg4VjE0eiBNMTcsOGgtM1Y1aDNWOHoiLz48L3N2Zz4=')}
.icon-medal {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAdVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5WX1YAAAAJnRSTlNBRhBtBC/M+RPtjuzwr6wn7hxWT6dQFOjrjbAXHalV6qrxFQXyAD1CRLoAAACXSURBVHjabc7ZEsIgDAVQ3NcuaqtWwbLl/v8nCiIycZoHhhzmhgiaKEE9gC63HYA+IGkAr2RnAA+KeL0B9ydRuQWkS3ovGfFrUlhRRjsCo91+zi/mAct1CifMA1YbRRnLgIVlSGI2t2EZjrL2vmo4yh2MQSsZ1hicG6AZeu+InDdTeGRYxfgeimHTxo8Op7+VtDEqGENWb86VNV/yAGZ6AAAAAElFTkSuQmCC')}
.icon-menu {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAB/SURBVEjHY2AYBaMAGQgzvGP4TyR8w8CPaYAx0dpBUBfTABmGv0Rr/80gjs0TCgwGREK5wRkLzAxdDHOIhO0MTJgG6JEUCxqYBuiSZIA6Ni+0MswgEjZh88JgACoMJkRCZWzaZRn+ER2EfxgkaJCZhBjeEq39FQPfaPk3CpABACg/05enl7ABAAAAAElFTkSuQmCC')}
.icon-message {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAACCSURBVEjHY2AYBYMJCDOUM8xmmEMULAeqRgMyDI8Z/pMAHzFIoRowkyTtIDgN1YAzJBtwEtWACyQbcGbUgFEDBqMBO0k2YDOqAT4kG+CGXiJEMdwiWvMNhjDCJRQLQzuSFgPyijlPhjeUGQAq6o5QZgADAyvYKwaUldheDMrDuD4CAJiFx+K11e/LAAAAAElFTkSuQmCC')}
.icon-minus {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA+SURBVEjHY2AYBaNgFAxGYMwwm2EOATibQR+3AdMZ/hMBJ+I2YBpRBkzAbYAB0A0zCMBpDDqjcT0KRsFgBAAM2TyMVfxSpwAAAABJRU5ErkJggg==')}
.icon-new-message {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAEvSURBVEjHY2AYAKDGkMigTr52XYZXDP8Z/jFMZmBGCHIxNDMcZ7iABVZj1Q6BE2GCjAz74YKocDUDC07tIFeoQISdyNIOgtEQiTQw5wFDCgqMI6j9OYMSRCoDzD1DRNChateASRI2AK92wgYQ0E7IAILa8RtAhHZ8BhClHbcBRGrHZQDR2rEbIMZwgkGawZThEGHt2A3IAUIQYGM4glU7K3I2w2bAfgYJKMsaq/YNyOoxDZBi+AnM4IzQ4gNdOxvDRlT1mAbkg0XqGeQYShhOYvg9GV09pgFHwSI/GHYBc6ow4TBDF5Bh+A0MgwwGUWIDHV1ACh6AZBpACAxHAxLAAt+w1gvY4GOw+sMIAxQYfuEo2PHBWmRHpZBsxA4GDlR/yTLEoNULuGESgw0Vq2oAYoJjaVn5l6kAAAAASUVORK5CYII=')}
.icon-new {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGwSURBVEjHpZVNKERRFMd/PhY+CymJLGwtzG4KkRQbGzT5WFhoZGQhG0UJDVlYUMhTYyFNKWWvLORjK2WlkY+FncUsSGnGtfDmeR9zXhf3bN49nf/v3XvOufeC/2ikgX+MOt5IUuXy5lOsCzhAoTAcvk4SRCVBGav0kWvOWlAoFClrG9Umsk0CDKNQJBijhg4eTYDikgrymSCJQvFEjgQYsiRu++DV+l6R99wtAuzmU5dODfm1X9bXNQAzkriWBT5dwacYGJw5fEteaTnr3Gb9WxiAiMOX4pAVJumnKVPwkLjcbAC7dX8DcjH+BNi098PcrwGeZI6Q1gakGJaPjg5gL3shD7UB8WzycU8XKPaJECHu8acZdcuXtE6B3eZ/xHnsCkGLBAiI8J1MI/X+uZF6Mo3UTpgo+9xrAz65YpkSdyYKuHOEnRMjxoXncpmiUjqTJxrpi8r3QSnvGoA2GTCkVcAuGXAkiu65sb5DkrzE3ECaXQbYtsm3yAGaOUahGJQA/eY1FjDna6b8hVIrJsist3iZscGDY3mFJFAopnVfwkLyXJ5W0jxT9J/3OUi9f8AXYEn8DYsBrxwAAAAASUVORK5CYII=')}
.icon-notify {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAkFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9Qh/bAAAAL3RSTlMAAgQFBwkKCw8QEiQoNzlLTVFXWl9hbHB4foKOj5iio7q+yMrLzNja2+Tm6ezv9dYt6lcAAABpSURBVHgBhc41EsRADERRLfMsM7PBnn//2zm2OvAPX6lKbY0t+mrLu9osBrFp8RUbJ2y9dZ6U8uYKZ28b4Nh1+AbIDsMaDnZ/gI+7be2BlblOcJFNKY+2xzW/kfle+UQsxGDSba7WE5MqJCYIpjYRVAwAAAAASUVORK5CYII=')}
.icon-notify-white {background-image:Url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRmxhc2giIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNi44MDMsMTguOTk4Yy0wLjE5NC0wLjEyNywzLjE1My03LjE2LDMuMDM4LTcuNDY5QzkuNzI1LDExLjIyLDYuMTc2LDEwLjA5Myw2LjAwMyw5LjU1Yy0wLjE3NC0wLjU0Myw3LjAwNy04LjcwNyw3LjE5Ni04LjU0OWMwLjE4OCwwLjE1OC0zLjEyOSw3LjIzOC0zLjAzOSw3LjQ2OWMwLjA5MSwwLjIzLDMuNzI4LDEuNDA0LDMuODM4LDEuOTc5QzE0LjEwOSwxMS4wMjQsNi45OTYsMTkuMTI1LDYuODAzLDE4Ljk5OHoiLz48L3N2Zz4=')}
.icon-star {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAE1SURBVEjHY2AY7ECDQZ0yA5oZGinRzshwl+EOkCQbWDL8B0Jz8g2YAjZgIrnaWRlegw14ycBCngFeYO0g6E6eAcvgBiwiRzsPw1e4AZ8ZuEg3IAauHQTD8ce2NoMOBtyLYsBOLCq0ECnEk+ENinJi4CsGN2RXyDIcJUn7IQYpzFjvIlp7G66U4cPwjqDmN0AP4wHyDCfwaj8K9CwBwMbQi1N7F9CjRIFrWLVfJDYJSeCw/x+DCHEGROP0QhhxBizAacBs4oqxp0haHgMhgveAmOJNC0nDDqCvRYD5ACGiStiAfHiQ1TIwgUWYGeqAPIhoFmEDtkCziguKqCu0eFtPOBl9ASo7wiCNISPLcAwo85FQ+WgLVNSDI72xMfQDZS3wG1DEEIRXPgQYRngBB8Ew4mCgLgAAjwwLZ5QvmLoAAAAASUVORK5CYII=')}
.icon-thumbs-down {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFYSURBVEjHrdW9LwNhHMDx76maGiFMxYBBJCYWUxMsFjbEYmjES9JEpEMtBglWEZFIhET8BxaDwVQXLxuLGCQGwkDSFGXwM3hyvetd79XvNz7P5zs9l4N/Ho0J0owxQCe1YQIriLHf3HDADB2m8waWGSFejScpmQLlvSZHk7ozj3BPv3Ng3ZH/bYGMupVHeCNp5zEeXQKCMAzAEoKwag8MenBhGoA5BOHEHtgOFLi0Bx4CBa4qeY8n9wgsRg0cRQtovEYLdPvgroGpqIGNwIG8NXDsK5AGIIMg7FsDug/+oT7sXQRhyBpIcefBvxgFoI0iwqb9IWv0scAeOgUH/kIKgHouOGcS12mkWMFPaVFnNdThOYcW/EkWzRuVZ9zCz+gKgiHBk4mvEQvGIWfgH2aDYoBbI5ANw5sNvhOGQ7vievVfh/vEeUd4pjUcB9iipN5cyEnQG4WHmF+jCpayjRsXxQAAAABJRU5ErkJggg==')}
.icon-thumbs-up {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFLSURBVEjHvdS/LwNhGMDxr7aDChKDROJHKmz+AHSw+ZF0IZGYhIGkQgwqJCLWLhiRmDDZ/Aki0kHQ7sJgMGpOiEiHx3K53HtXd33fN/G80w2f73DvPQf/PKO02vApahya836qCB8kzXgzDwiC0GMWOHe50GbC9zxeMeEbHhfWdXGKfR9/Ja3Hh7jzcSGng5Ps8KPwk3iU9m45Q0nBgkN7NF6gTIkWAMZ5D3BB+OKeCzYZIRHmxwgOXQDMUqvD/eeFMZVPIAhHAAzwHcMF4UYNnCEIqwAsN8CFKzVwiyAsAZBvKFBUAxXtwJxtIGMXeAteom7g0jaQtw0M2gWewh9yWStwEA5cawWy4UARQSgAkItdpKZwoJuqb0HWcCICu9SdYZ4RVtynDgruewmeTzr5Y1JMsq38dfpY5JRHZb23MJgEvWSZZp4ZEx45v4qPllerPR8RAAAAAElFTkSuQmCC')}
.icon-tv {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADFSURBVEjH7dQ9TkJRFEXhr6NAaCGxYAoUjkKU0NIaAkxCawt6EuMYDIRpEDstxBImAAlQKMcGrfjxPSjf2fVaJ2ff5HKGyanr6CZMR0MOKiYiZSYqjFLjIYxYCeHNOGHehbC2NVUTN3e1JTNBJsgEmeBP8C2EF88JMxDCF68n/YljGicJbqFtkQqeu/stpKjmwdDsX+DUwL1rhV3dlt14stkJbvTVlA4/TkHPeu/upUf5Q/ilz6MHfCjvFxQ1tY6k6cI55weTf4x+2yYjAwAAAABJRU5ErkJggg==')}
.icon-typing {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAADmSURBVEjHY2AYBYMJCDGUMcximEMEnA1UKYSuXZrhEcN/EuBDBklUA2aQpB0Ep6IacJpkA06gGnCBZAPODF4DzjOUM+yAsr8ydALhNyhvCzD6LhIy4CMDP5DHBOWng+VywOxTDIxAtiDDF/wGPITyN4N5nmC2H5i9FirzjJAXqhmEGSIYfkOjSpVBHagUxP7JEMIgwtA4FGKBTAPOk2zAaVQDdpBswCZUA7xJ1P6PwRW9RIhkuAkUJk7zdYZQwiUUM0M7koEG5BVzHgyvKTMAVNQdpswABgYWsFcMKCuxPRmUhnF9BABADaq7IQDQ2gAAAABJRU5ErkJggg==')}
.icon-user {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAErSURBVEjHY2DAD8QZChimMygykAlSGb4w/GfoJ08zI0MnUDMIXmDQIV07F8M6qHYIXMzASZoBq1G0g+ByUrRbY2gHQXPiDejEakAL8QbMw2rATEpd0Ey8AZlYDUgh3oA8rAZkEG/AfqwG7CbegI1YDVhLvAHBDL8xtP9iCCQlKXVTkgpAwBfDADfSDGBneIyi/S4DC6n50RPFACfSMzQzkva/5BQoQigu4CHdgCAUA7xI1c7LcBXFgPPAMooEoMFwDiMaTzAoE6dZkWEaMNVhS8o/GCYxKODXbAxM73+xaobBPwyrGAywa5YBSv0nCv5jWMYgia7dm+E9kdoh8B2DO2qq+02SdkjudIFp52R4TrJ2EHzMwAZz/n8yITSHppFtQBLEgAyyDQCW0wAtipirwTrb4AAAAABJRU5ErkJggg==')}
.icon-users {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGxSURBVEjHnZRLKEVBGMd/HqU8EhYW8l5ZyGMhKymF7CgWFh5ZWFCiKHWzsVDyfpSdjYUVJVY2Nkq5SUKUHYWSInUvLmPh3Lkzd+a495hv9/3m/6sz850B2ypllgPq+OfqJ4hg/3/hBKYQCAQBBkn3Gk9hy4n/1i1V3gRrWlwguCc7/ngBX4ZA4Itf0GOJCw7iFwxaBcfanibmWKWPFJugzSrYUXYsy66fNFNQaRUsSF6j9cdNQbNVsCn5uNa3DNqcVfAs+YjW3zMFY1bBpeTtWn/NFORzY8Q/6JJ8WiOntnto+eMEYCjWJ0AWn1GCAYUmcCT7IXLsw7SuxZ/I0qgv9nxm8qIIeqNoKo8OqcF1nSiCaoOeOyTXXXClCBqjWJ48ow63eAbvimBeY4X4JXmk1i5Y1g4xqGwbJqCxb7ap0MPFbBtz8EY/iQAk0cl1FH2nPhwuY8OYgXBd0O38/8mMEdTYYfh+3cKRt3GUVACquFP6AYDJGOFw3dEKQAkPSpdy61PqVjMANKiCFQ9xgWACgN2I4Myj4JMioBm/U7x6FAiG9dsPeRYs6oIPQh5rSY3/ACTDDYR3fFraAAAAAElFTkSuQmCC')}
.icon-warning {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFISURBVEjHY2CgMbBnsKVEuxbDH4bfDOrkG7CB4T8QriZXuxVYOwiakmfAIbgBe8nR7gPXDoLupGpnYriMYsB5BkbSDIhD0Q6CkaRoZ2d4gGHAHQZW4g0owNAOgtnEaudjeA3V0shgAIQtUN4LBm7iDGiC25kC5mfA+bXEaBdn+ILTgE8MIoQNmILka3QD/jP0E9KuzPALrwE/GOTxG7AMJdwxDfjPsBCfdkOGfwQN+Mugi9uAnWgxj82A/wxbcGl3wkg62A34j6uUOkW0AcewaQ/BkngXAzVnMCzFIuOPrp2F4SbW9I8LXmVgRjUgjSTtIJiIrJ2T4SlWRbjCAAQfMXAgDKjAYQs+A/4zFMO0CzK8J8uAtwz8EAO6cfrzEcMFIHyMU74NpF2G4TvJAQiDXxkkGYAx+p8C6MkALK6DgX4lDwZSofoGAFqUs1vgA7MIAAAAAElFTkSuQmCC')}
.icon-guild {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMvvhp8YAAAFHSURBVDhPrdOxSgNREAXQp6lNJUSwEvyFtBaSj7Cw8wPyHSoIlhobbQRbLURSBRI7C4Mi2AkKYmURiBau94aZ9ebtFCp5cODtzJ0Ju5BUFMVMhUWFU4N9U4syKiw6nFXoAh/oirUo634uKbXhALZhBy5gDL7MsXYOzDDLmXa08Bp08C/60cJXCeQ+TNSjl2jhSAK5Q+hkNfUeLYy+F33CiuE9yoyihc8SoCPYgqZkmlZjT7NPZUbCAwnQEBrel1zDeprtlX0J7knADb0vuXwZ7ZZ9Ca5LwN15X3L30ndrZV+C8/BoAXcG/G78hxDvrGnmAeYqC23ppoXcG3zJM++saWZjasfUA34JLi34G6c6P9lRKaS0CPmrR/iq9cp8XpgUU1qCG9AF6haWw9moSDh1OAFdRMewEM1QWFQ4LeiZVpRRYfH/ivQNJebT0ZZzhaAAAAAASUVORK5CYII=')}

.icon-guild-white {background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2hpZWxkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE3LjYwNCwzLjMzMkMxMi45OSw0LDEyLjA3NSwyLjgzMywxMCwxQzcuOTI1LDIuODMzLDcuMDEsNCwyLjM5NiwzLjMzMkMtMC4wNjMsMTUuNTgsMTAsMTksMTAsMTlTMjAuMDYzLDE1LjU4LDE3LjYwNCwzLjMzMnogTTEyLjQ3MywxMy4zMDlMMTAsMTIuMDA5bC0yLjQ3MiwxLjNMOCwxMC41NTZsLTItMS45NWwyLjc2NC0wLjQwMUwxMCw1LjdsMS4yMzYsMi41MDVMMTQsOC42MDZsLTIsMS45NDlMMTIuNDczLDEzLjMwOXoiLz48L3N2Zz4=')}
/* ICONS - SOCIAL */
.icon-facebook {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMABCZFSElKY253iJaowsXMz+Lj7vD4duUXIgAAAFpJREFUeNq1zEkSgDAIRNF2VhyJw/2Paq9SAdn6N8CrShDXp8eUOiLNpsTivI5dOUq8hwoYHU7AF2ugmTeHfHxyZMy7QxHuIqtBMLZEqOGf/2HyqFw6tagtwl59OxYTvSPIdgAAAABJRU5ErkJggg==')}
.icon-instagram {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGGSURBVEiJxdS/SwJhGMDxbzgULREF9gPJBumPUtDhoGtoECT3WsTAP6At0EVwCEQEl4bGE7ShpZ9E0BIEkoMmPg333nly53lnQe8z3XHP53me9947+KMVJ40eIjLEnemHfCMhY4g2qR4+3SRiJpAOnDKmg4HBm7pOmYAeGDhVPa/wjiDWEMEBe2o6/wQc2cDdYsADx+jonE93NAvoUSZPjgp9/5G8gSobdsNR6mGBKktTRz1CMwzQY9P1tcQY+gMvaGg8IQhlVzpAA0G4RUPj1Q0YADwjCHlPoIAgtGedAxN4RBBynkDR8dxM4BpBqHgCLQSh5g+cIQh9oq70BCMEIesPHDBGEOpEptKXuUEQBmz7A3CpXlHT+l0ACZUulNQdH2BdbaQwpEGBIi3VvNBldT4A+9x7Htyuan8uAGtc2FVFzV6yqwcAAPY44Yo2BjWyjtqBAf/lAXywFTh9h08nkFFzjvgKGNb+JE0g7vGhBokBu1ZL2gLEgLRzqhgptBCRnFT/5foBtRk4cDuunesAAAAASUVORK5CYII=')}
.icon-twitter {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFLSURBVDiNzdS/alRBFMfx31kMqIgEVlFSKYhYpBC0EWy0EVTsI4iKWPgMPkDeIgo2YmEVEX0DC3tRTCUqkmDlHwzJx8K9srt67812+TUzzDnnO785M0yy21WzJGNPkitJTiZZS/Ksqn6OYnubeTDEjR7YAl6Z1HvcxWNcHU9ewhbudACfa9dT3MJck3x7LPgER6ZgxzpgsIFz4wUnRg4bfcNDXMQ8zvQAr08f5yCWOwrWe4AXGtZgNF5OspTkV0sLh10XluTDtMND+Nrjok0f8ff5DZKkqtaT3Ezyo8fJ/7RaVf5ZxRzu48sM7rZwapzT9DBVtZlkMcnhGdw9qKo3rVHsw4rJJ9Smtziwo21xSfclvcPxtuIBTuM87uEltjtgqzja52gRj/C9BbKJF7jWd7qJ7wv7k5zNn+9pmORzkk9JXlfVxo76tev1G2C1Wm7zTnKNAAAAAElFTkSuQmCC')}
.icon-vimeo {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGMSURBVEjH3ZVNKERRGIafYRqNzNhITVFSSpaEjZXyU6Skpik2kuykZGFlp9Q0NSyUNNlYWKL8ZKEkVrKRbIiGBQspDKbMsZhrzPnuufOz9d3ded7nrdv5bhf+4ZQRJMosPgPzEGSNE46J0mDWB7lDoVAcUypYLzcWUyje6ZSyl1hWQBHS6JTGFIo47uxAFacisJNFgzZdoej4CwS4tOEEHotW8mwsGPnVq7kyBlosPm2kiqE0ruDMITBqFawwxwy3Nt6axk18otgkwrcIhK2CEiun08/MKxKiHYANEdkV9/So0T37FvSJggeNuvnQ6Lhp015ERW0W7dbIK37TJq6LguEMcXGokUXzKsuFiWXIgHb+RY25wE9SC97jAqCca+18Acc5MN51RNT6nAsmRcEqEBJnfeSYehFOsS0WbJk8c+Gw2OnnHG++gvkc+hN1+XRoc9QT1srnGRdxo56kpxAdIGzQv+gvVIdGUkJ/o6twHWBJfJXNxengYSujHxEoVgcoZYx9Dpiw/R/+2/wAKgJy8yfDwVkAAAAASUVORK5CYII=')}
.icon-vine {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAnNCSVQICFXsRgQAAAAJcEhZcwAACxMAAAsTAQCanBgAAAG+SURBVEgN1cFPyN4DAMDxz9aercnqXRluitSKi9t7UYq8O3BycfI3ym1Sil3EK3GwpdSiqOUtF3GyaCllFge8K4oD5d9Mb05rl3nfr57e9Hv0PLP3cbLPx2Vjvye84lWPu9HcrrQiSbLhdbvMYeSkJEmSFXM4JEmSJLnVlCctW7bsfpNGzkqy5gXHJclrpnwmyapJi5LkDmyzKskXphyT5JxtBg9K8odNL0pyxpSnJMl1Bgcl+dampyX51ZQDkuRug0cl+cWmI5J8Zco+SfKMwZIkG/Ya+1iSt8zwvSQfGuyzIckDxr6U5CEzvCnJOSODk5J8ZzcWPOuE4xbMcJ8kuc3gXknyjl3+1dXWJTlssN0pSXLaPXYbG5npU0l+tt3ger9Lklzwo5+cMdNBSXKnSTf5QZIkWTPTtf6U5D3/tMcJSZKsuYh3JVm336Q9zkpyyiEPW3QRt0uSt016SZJ1N7uEzyXZsOhvt7ggyVGXdECSrBoZu8LXkvxmry34QJI8b2xFktxlS25wXpJ1S56TJC/bssckyXlJ8pEd5nBMkiQ5bcFcdnpfkuQb15jbTm9I8omr/EdLjnjEDv9rfwHoTh4K2D2CmwAAAABJRU5ErkJggg==')}
.icon-youtube {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMvvhp8YAAADZSURBVDhPtZTBDsFAFEUlEkv8FdaCnb8Q/IP4BjYWdsK/2BB29tgQjHs6kbRJR6N9bnKS19c7N+1M+0rOOVNSm0WIX9RFSwzFVMzFMgD38OBtippIBI7FVeQVa0ciCuzRMVKHwI2vTbQi8OhrE+0JzNo7DuDky0ydCXz4Oig8FdEXWxpfdMf88nVQeD6URVccRJqefwm0fOUb5qxDWYifDiX0+Hm0I3DtaxNFHzabbKU2gcCPXWQ4XASTJzG+qqIhBmIiZiJtdAH38OBlDWujnHigCanN/LjSG+Oot41pN8/iAAAAAElFTkSuQmCC')}

/* RESPONSIVE */
#cdm-zone-01 .crying, #cdm-zone-02 .crying, #cdm-zone-0m, #cdm-zone-03 .crying, #cdm-zone-04 .crying {
  display:none
}

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

@media screen and (max-width:767px) {
	body {max-width:767px}
	#user-player-details > span.list, .media-clean, .media-thumbs a:nth-child(n+3) img, .media-thumb > div > em, .column-2-2 {
    display:none !important
  }
	.column-2-2 {width:100%}
	[id^="show-user"] .width-100 {width:auto}
	#user-player-details, [id^="show-user"] .column-2-1 .topic-options {margin:0 0 0 -1%}
	#user-player-details > .list {display:inline-block;float:left;margin-left:1%;width:19%;font-size:.7rem;text-transform:uppercase;margin-top:10px}

	.column-3-1, .column-3-3, #show-front .media-thumbs div:nth-child(n+5), #show-front .media-thumb:nth-child(n+3) img {display:none}
	.column-2-1, .column-3-2, #show-front .column-3-3 {width:100%;margin:0;display:block}
	[id^="show-"] .column-2-2 {margin-top:10px}
	.column-3-3 {margin-top:10px}
	.media-thumbs {margin:0}
	.media-thumbs > a, .media-thumb {margin-left:0;display:block;min-height:20px !important}
	.media-thumb {top:0 !important;margin:0 0 10px;display:block;width:100% !important;position:relative !important}
	.media-thumb img {margin:0;width:100% !important;height:auto !important}

	.media-thumbs a:nth-child(n+3) {margin-top:10px}
	.media-thumbs a:nth-child(n+3):before {background-image:none}
	.media-thumbs a:nth-child(n+3) > div {padding:10px 10px 0 10px;background:#888}
	.media-thumbs a:nth-child(n+3) > div strong, .media-thumbs a:nth-child(n+3) > div em {padding:0 0 10px 0}

	.media-image {width:100%}
}

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

@media screen and (min-width:1000px) {
  #cdm-zone-01 .crying, #cdm-zone-02 .crying, #cdm-zone-0m, #cdm-zone-03 .crying, #cdm-zone-04 .crying, #front-frames {
    display:block !important
  }
  .column-2-2 {
    display: inline-block !important
  }
}

@media screen and (max-width:1020px) {
  #show-thread article.main.comment .details + div {display:none}
	body {max-width:1020px}
	nav {background:#333;height:100%;line-height:1em;color:#fff}
	nav ul {margin:0;padding:0;font-size:1.5rem;list-style-type:none}
	nav .divider {margin:0;padding:5px 0 5px 20px}
	nav a {background:#000;border-bottom:1px solid #222;color:#fff !important;display:block;font-size:0.8rem;padding:5px 0 5px 20px}
	nav > ul > li > a {background:#333;display:block;font-family:"Passion One";font-size:1.5rem;font-weight:300;padding:20px;text-shadow:0 2px 0 gray;text-transform:uppercase}
	nav > ul > li > ul > li {line-height:1.5rem}
	nav > ul > li > ul > li > a {background:#222;font-size:0.7rem;font-weight:bold;padding:5px 0 5px 20px;text-shadow:0 2px 0 black;text-transform:uppercase}
	nav > ul > li > ul > li > ul > li {line-height:1.2rem}
	nav .nav-icon .icon {display:none}
	nav .nav-icon em {display:block;font-style:normal;color:#fff}
	.slideout-menu {bottom:0;box-shadow:0 0 20px 0 #000;display:none;left:0;overflow-y:auto;position:fixed;right:0;top:0;width:256px;z-index:123456789}
	.slideout-panel {position:relative;z-index:1}
	.slideout-open,.slideout-open body,.slideout-open .slideout-panel {overflow:hidden}
	.slideout-open .slideout-menu {display:block}
	#logo, .list h2.summary {display:none}
	#logo-mobile {display:inline-block}
	#mobile-login .icon {display:inline-block;filter: invert(100%)}
#mobile-login .icon i {
  height: 25px;
  margin: 5px 10px 0 0;
  opacity: 0.7;
  width: 25px;
}
	.list > span, .list > em, .list h2 {display:none}
	#list-mail .column-2-2 {display:block;width:100%}
	#main-form {width:100%}
	.avatar {display:none !important}
	article .details {padding:0 0 10px 0px}
	article .p {margin-left:0}
}

@media screen and (min-width:1021px) {
	#main {max-width:1000px}
	header {z-index:2147483645}
	#mobile-login, #logo-mobile, #hamburger {display:none}
	#logo {display:inline-block}
	nav a, nav a:active, nav a:visited, nav a:link {color:#fff}
	nav {background:none;display:block;position:fixed;right:0;margin:0 2% 0 0;top:0;z-index:2147483647}
	nav ul {padding:0;list-style:none;margin:0}
	nav ul li {display:block;position:relative;float:left;font-size:.85rem;line-height:1.75rem}
	nav li ul {display:none}
	nav ul li a {display:block;white-space:nowrap}
	nav > ul > li > a {font-family:"Passion One";font-size:1.1rem;font-weight:normal;padding:0 10px;line-height:60px;text-shadow:0 2px 0 black;text-transform:uppercase}
	nav li:hover > ul {display:block;padding:5px 15px;background:#333;position:absolute;z-index:2147483640}
	nav li:hover li {float:none}
	nav > ul > li:hover > a {background:#333;z-index:2147483641}
	nav ul ul ul {left:100%;top:0}
	nav ul ul ul li {font-size:.9rem}
}

@media only screen and (-Webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
}