@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700|Work+Sans:400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700|Work+Sans:400,600,700,800);
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

input, select {
    vertical-align:middle;
}
input:focus, textarea:focus {
    outline: none;
}
input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}
button {
    border: none;
    margin: 0;
    padding: 0;
}

a {
    -webkit-tap-highlight-color: transparent;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish, .thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish {
  padding-top: 5px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish span, .thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish span {
  background-size: 12px;
  padding: 0 5px;
  margin: 0 5px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish:hover span, .thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish:hover span {
  background-size: 12px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish span {
  border: 1px solid #fff;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish:hover span {
  border: 1px solid #fff;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish span {
  border: 1px solid #4D4D4D;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish:hover span {
  border: 1px solid #fff;
}

.bitmap-edit-section {
  max-height: 280px;
  max-width: 290px;
}

#bitmap-display-area {
  top: 40px;
  z-index: 10;
  background: #333;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
}

.page-heading h2 {
  color: #FFF;
}

.modal .content .modal-social {
  background-color: white;
  width: 100%;
}
.modal .content .modal-social div {
  padding: 5px;
  margin: 5px;
}
.modal .content .modal-social div .btn-social {
  width: 100%;
  max-width: none;
  padding: 2px;
  margin: 2px;
  border: 1px #666 solid;
  text-align: center;
  background-color: #fff;
}
.modal .content .modal-social div .btn-google {
  color: #333333;
}
.modal .content .modal-social div .btn-facebook {
  background-color: #3b5998;
}

#register-modal .content .terms-checkbox.error {
  padding: 4px;
}
#register-modal .content .terms-checkbox.error .form-error {
  float: left;
  border: 1px #FBB03B solid;
  padding: 3px;
  margin: 3px;
  color: #FBB03B;
  font-size: 0.8em;
}

#saving-spinner {
  background-color: black;
  color: white;
  width: 100%;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-size: 0.6em;
  display: none;
}

.loading {
  background-color: black;
  color: white;
  width: 100%;
  height: 30px;
  padding-top: 5px;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  display: none;
}

.contentarea h1 a {
  color: #fff;
}

ol.tandc li {
  font-family: "Work Sans", sans-serif;
  margin-left: 40px;
  margin-top: 20px;
}

p.tandc {
  margin-left: 40px;
}

#version_banner {
  position: absolute;
  background: red;
  color: white;
  z-index: 999;
  font-family: monospace;
  padding: 2px 20px;
  width: 100%;
}

#bitmap-loading-message {
  font-family: "Work Sans", sans-serif;
  width: 280px;
  height: 280px;
  padding: 0 25%;
}

/*h
.page-heading a {
    color: #666;
}

.pagination span {
    color: #fff;
}

.home p {
    color: #fff;
}

label {
    color: white;
    font-family: 'Work Sans', sans-serif;
}
input {
    padding:5px;
}

.alert {
    width: 100%;
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.alert button {
    float:right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 1px;
}

.alert-info {
    background-color: #00f;
}
.alert-success {
    background-color: #0f0;
}

.alert-warning {
    background-color: #f00;
}

.alert-error {
    background-color: #ff0;
}

.alert-error p {
    color: #000;
}

.alert-debug {
    background-color: #fff;
}

button {
        display: block;
        padding: 10px;
        background: transparent;
        border: 1px solid #FFF;
        font-family: 'Work Sans', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #FFF;
        cursor: pointer;

      }
*/
/*
.colourchoice {
	width:80px;
	height:80px;
	border:1px solid black;
	margin:0 10px 10px 0;
	padding:2px;
	float:left;
}

.colourlibrary	{
	float:left;
}

.colourlibrary_item {
	width:120px;
	height:120px;
	border:1px solid black;
	margin:10px 10px 0px 0;
	padding: 0 10px 20px 0px;

}


.colourdivider	{
	width:20px;
	height:80px;
	border:1px;
	margin:0 10px 10px 0;
	float:left;
}
.smallcolourchoice, .smallimagechoice {
	width:20px;
	height:20px;
	border:0px;
	margin:0 1px 1px 0;
	float:left;
}

.colourchosen, .imagechosen {
	border:3px solid #333;
	padding: 0px;
}
*/
/*
    ICON Sprite sheet CSS
*/
.icon_delete:hover {
  background: url(images/CW_Icon_Sprite_2.png) 0 0;
  width: 16px;
}

.icon_delete {
  background: url(images/CW_Icon_Sprite_2.png) 0 -17px;
  width: 16px;
}

.icon_delete.selected {
  background: url(images/CW_Icon_Sprite_2.png) 0 -34px;
  width: 16px;
}

.icon_pencil:hover {
  background: url(images/CW_Icon_Sprite_2.png) -17px 0;
}

.icon_pencil {
  background: url(images/CW_Icon_Sprite_2.png) -17px -17px;
}

.icon_pencil.selected {
  background: url(images/CW_Icon_Sprite_2.png) -17px -34px;
}

.icon_preview_1:hover {
  background: url(images/CW_Icon_Sprite_2.png) -34px 0;
}

.icon_preview_1 {
  background: url(images/CW_Icon_Sprite_2.png) -34px -17px;
}

.icon_preview_1.selected {
  background: url(images/CW_Icon_Sprite_2.png) -34px -34px;
}

.icon_preview_2:hover {
  background: url(images/CW_Icon_Sprite_2.png) -51px 0;
}

.icon_preview_2 {
  background: url(images/CW_Icon_Sprite_2.png) -51px -17px;
}

.icon_preview_2.selected {
  background: url(images/CW_Icon_Sprite_2.png) -51px -34px;
}

.icon_flag:hover {
  background: url(images/CW_Icon_Sprite_2.png) -68px 0;
}

.icon_flag {
  background: url(images/CW_Icon_Sprite_2.png) -68px -17px;
}

.icon_flag.selected {
  background: url(images/CW_Icon_Sprite_2.png) -68px -34px;
}

.icon_hand:hover {
  background: url(images/CW_Icon_Sprite_2.png) -85px 0;
}

.icon_hand {
  background: url(images/CW_Icon_Sprite_2.png) -85px -17px;
}

.icon_hand.selected {
  background: url(images/CW_Icon_Sprite_2.png) -85px -34px;
}

.icon_publish:hover {
  background: url(images/CW_Icon_Sprite_2.png) -102px 0;
}

.icon_publish {
  background: url(images/CW_Icon_Sprite_2.png) -102px -17px;
}

.icon_publish.selected {
  background: url(images/CW_Icon_Sprite_2.png) -102px -34px;
}

.icon_lock:hover {
  background: url(images/CW_Icon_Sprite_2.png) -119px 0;
}

.icon_lock {
  background: url(images/CW_Icon_Sprite_2.png) -119px -17px;
}

.icon_lock.selected {
  background: url(images/CW_Icon_Sprite_2.png) -119px -34px;
}

.icon_profile:hover {
  background: url(images/CW_Icon_Sprite_2.png) -136px 0;
}

.icon_profile {
  background: url(images/CW_Icon_Sprite_2.png) -136px -17px;
}

.icon_profile.selected {
  background: url(images/CW_Icon_Sprite_2.png) -136px -34px;
}

.icon_unlock:hover {
  background: url(images/CW_Icon_Sprite_2.png) -153px 0;
}

.icon_unlock {
  background: url(images/CW_Icon_Sprite_2.png) -153px -17px;
}

.icon_unlock.selected {
  background: url(images/CW_Icon_Sprite_2.png) -153px -34px;
}

.icon_like:hover {
  background: url(images/CW_Icon_Sprite_2.png) -170px 0;
}

.icon_like {
  background: url(images/CW_Icon_Sprite_2.png) -170px -17px;
}

.icon_like.selected {
  background: url(images/CW_Icon_Sprite_2.png) -170px -34px;
}

.icon_unlike:hover {
  background: url(images/CW_Icon_Sprite_2.png) -187px 0;
}

.icon_unlike {
  background: url(images/CW_Icon_Sprite_2.png) -187px -17px;
}

.icon_unlike.selected {
  background: url(images/CW_Icon_Sprite_2.png) -187px -34px;
}

.icon_export_1:hover {
  background: url(images/CW_Icon_Sprite_2.png) -204px 0;
}

.icon_export_1 {
  background: url(images/CW_Icon_Sprite_2.png) -204px -17px;
}

.icon_export_1.selected {
  background: url(images/CW_Icon_Sprite_2.png) -204px -34px;
}

.icon_export_2:hover {
  background: url(images/CW_Icon_Sprite_2.png) -221px 0;
}

.icon_export_2 {
  background: url(images/CW_Icon_Sprite_2.png) -221px -17px;
}

.icon_export_2.selected {
  background: url(images/CW_Icon_Sprite_2.png) -221px -34px;
}

.icon_export_3:hover {
  background: url(images/CW_Icon_Sprite_2.png) -238px 0;
}

.icon_export_3 {
  background: url(images/CW_Icon_Sprite_2.png) -238px -17px;
}

.icon_export_3.selected {
  background: url(images/CW_Icon_Sprite_2.png) -238px -34px;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  position: relative;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}
.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}
.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/* FONTS
**
** font-family: 'News Cycle', sans-serif;
** font-family: 'Work Sans', sans-serif;
*/
body {
  background: #000;
  overflow-x: hidden;
  color: #fff;
}
body.lock-overflow {
  overflow: hidden;
}

ul {
  padding-left: 6px;
  list-style: none;
  font-family: "Work Sans", sans-serif;
}
ul li a {
  color: white;
}

.clear {
  width: 100%;
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.contentarea {
  width: 1024px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 40px;
}
.contentarea.full-width {
  width: 100%;
}
.contentarea.gallery {
  width: 680px;
  padding: 0;
}
.contentarea.small {
  width: 600px;
  padding: 0;
}
.contentarea ul#message_list {
  padding-left: 0;
}

strong {
  font-weight: 700;
}

h1, h3, h4, h5, h6, p {
  font-family: "Work Sans", sans-serif;
}

h2 {
  font-family: "News Cycle", sans-serif;
}

h3 {
  font-size: 13px;
  font-weight: 700;
}

p {
  font-size: 14px;
  line-height: 1.7;
}
p a {
  color: #fff;
}
p.orange {
  color: #FBB03B;
}

.heading-group {
  display: block;
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
  color: #fff;
}
.heading-group:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background: #fff;
  bottom: 0;
}

.btn {
  max-width: 308px;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 5px;
  text-align: center;
  font-size: 14px;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  margin: 0 auto;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}
.btn.primary {
  border: 1px solid #2d2d2d;
  color: #808080;
}
.btn.primary:not(.disabled):hover, .btn.primary:not(.disabled).highlighted {
  color: #fff;
  border-color: #C0272D;
}
.btn.solid {
  background: #fff;
  color: #1A1A1A;
}
.btn:last-child {
  margin-bottom: 0;
}

.next-btn-container {
  padding: 40px 0;
}
.next-btn-container .btn {
  max-width: 140px;
}

.col-11 {
  width: 91.7%;
  float: left;
}

.col-10 {
  width: 83.4%;
  float: left;
}

.col-9 {
  width: 75%;
  float: left;
}

.col-8 {
  width: 66.6%;
  float: left;
}

.col-7 {
  width: 58.4%;
  float: left;
}

.col-6 {
  width: 50%;
  float: left;
}

.col-5 {
  width: 41.6%;
  float: left;
}

.col-4 {
  width: 33.3%;
  float: left;
}

.col-3 {
  width: 25%;
  float: left;
}

.col-2 {
  width: 16.6%;
  float: left;
}

.col-1 {
  width: 8.3%;
  float: left;
}

.align-left {
  float: left;
}

.align-right {
  float: right;
}

.modal {
  width: 100vw;
  height: 100vh;
  z-index: 7;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.modal .content {
  max-width: 320px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #C0272D;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
}
.modal .content .close-modal {
  width: 16px;
  height: 16px;
  background: url(images/close-white.png) no-repeat center;
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
}
.modal .content .heading-group {
  margin-bottom: 15px;
}
.modal .content h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
.modal .content p:not(.form-error) {
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 10px;
}
.modal .content p:not(.form-error) a {
  color: #fff;
}
.modal .content p:not(.form-error).error, .modal .content p:not(.form-error).orange {
  color: #FBB03B;
}
.modal .content p:not(.form-error).error a, .modal .content p:not(.form-error).orange a {
  color: #FBB03B;
}
.modal .content p:not(.form-error).forgot-details {
  margin: 10px 0;
  font-weight: 800;
}
.modal .content .modal-social-login {
  background: transparent;
  margin: 0 auto 20px;
  padding: 2px;
}
.modal .content .modal-social-login .btn {
  background: transparent;
  border: 0;
  padding: 0;
}
.modal .content .modal-social-login .btn p {
  color: #000;
}
.modal .content .modal-social-login img {
  float: left;
}
.modal .content .btn {
  width: 100%;
  display: block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #333;
  font-family: "Work Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

#register-modal .content {
  max-width: 566px;
}

#forgot-username-modal .content p, #forgot-password-modal .content p {
  text-align: left;
}

#email-recovery-modal, #password-confirmation-modal {
  text-align: left;
}
#email-recovery-modal .content, #password-confirmation-modal .content {
  padding: 120px 40px;
}
#email-recovery-modal .content p, #password-confirmation-modal .content p {
  text-align: left;
}
#email-recovery-modal h3, #password-confirmation-modal h3 {
  margin-bottom: 15px;
}

form {
  margin-bottom: 10px;
}
form label {
  font-family: "Work Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  display: block;
  margin-bottom: 5px;
}
form label span {
  font-size: 12px;
  font-weight: 300;
}
form .form-input-field {
  margin-bottom: 20px;
}
form .form-input-field input {
  width: 100%;
  height: 30px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  font-family: "Work Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
form .form-input-field input:focus {
  outline: #1A1A1A;
}
form .form-input-field .form-error {
  display: none;
}
form .form-input-field.error {
  padding: 3px;
  border: 1px solid #FBB03B;
}
form .form-input-field.error .form-error {
  display: block;
  text-align: left;
  padding: 10px 0 10px 28px;
  background: url(images/form-error.png) no-repeat 7px center;
  font-size: 12px;
  font-weight: 600;
  color: #FBB03B;
  text-transform: uppercase;
}
form .form-input-field.error .forgot-details {
  display: none;
}
form .form-input-field.left-input, form .form-input-field.right-input {
  width: 48%;
}
form .form-input-field.left-input {
  float: left;
}
form .form-input-field.right-input {
  float: right;
}
form button {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #333;
  font-family: "Work Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
form button:active {
  outline: none;
}

.terms-checkbox {
  position: relative;
}
.terms-checkbox label {
  display: block;
  font-family: "Work Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding-left: 42px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.terms-checkbox label:before {
  content: "";
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.terms-checkbox label a {
  color: #fff;
  -webkit-tap-highlight-color: transparent;
}
.terms-checkbox input {
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.terms-checkbox input:checked + label:before {
  background: url(images/tick.png) no-repeat center;
}

.radio-button {
  width: 100%;
  display: table;
  margin-bottom: 10px;
}
.radio-button input[type=radio] {
  width: 7px;
  height: 7px;
  display: block;
  background: #fff;
  float: left;
  margin: 0 5px 0 0;
  border: 1px solid #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.radio-button input[type=radio]:checked {
  background: #1A1A1A;
}
.radio-button input[type=radio] + label {
  float: left;
  font-family: "Work Sans", sans-serif;
  font-size: 7px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}

#header {
  width: 100%;
  height: 74px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 40px;
  background: #1A1A1A;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
#header .logo {
  width: 103px;
  display: block;
  margin: 20px 30px 0 0;
  float: left;
  border: none;
}

#header-left-section {
  float: left;
}

#header-right-section {
  float: right;
}

#header-left-section:after, #header-right-section:after {
  content: "";
  width: 100%;
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

#user-prompt {
  float: left;
  height: 26px;
  margin: 24px 20px 0 0;
  border-right: 1px solid #373737;
}
#user-prompt .mobile-user {
  width: 14px;
  display: none;
  margin-top: 6px;
  float: left;
}
#user-prompt p {
  font-size: 10px;
  line-height: 26px;
  color: #fff;
  float: left;
}
#user-prompt .info-icon {
  width: 14px;
  float: left;
  padding: 0 20px;
  margin-top: 6px;
}

#settings-nav {
  display: table;
  float: left;
  list-style: none;
  margin-top: 25px;
}
#settings-nav > li {
  float: left;
  position: relative;
}
#settings-nav > li > a {
  display: table;
  padding-bottom: 23px;
}
#settings-nav > li > a img {
  width: 26px;
  margin: 0 10px;
  float: left;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}
#settings-nav > li > a span {
  max-width: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  line-height: 26px;
  float: left;
  font-family: "News Cycle", sans-serif;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
#settings-nav > li > a.active img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#settings-nav > li > a.active span {
  max-width: 160px;
}
#settings-nav > li .options {
  width: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  padding: 5px;
  list-style: none;
  background: #1A1A1A;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
#settings-nav > li .options li {
  padding: 8px 0;
}
#settings-nav > li .options li a {
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 30px;
  font-family: "Work Sans", sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
#settings-nav > li .options li a img {
  width: 16px;
  float: left;
  margin-right: 10px;
  -webkit-transition: margin 250ms;
  -moz-transition: margin 250ms;
  -ms-transition: margin 250ms;
  -o-transition: margin 250ms;
  transition: margin 250ms;
}
#settings-nav > li .options li a span {
  float: left;
}
#settings-nav > li .options li a:hover img {
  margin-right: 15px;
}
#settings-nav > li .options li > ul > li {
  margin-left: 10px;
  list-style: none;
}
#settings-nav > li .options li > ul > li .bullet {
  margin: 0 0 0 32px;
}
#settings-nav > li .options li > ul > li .bullet li {
  background: url(images/square-bullet.png) no-repeat left 14px;
  background-size: 4px;
  padding: 8px 0 8px 16px;
}
#settings-nav > li .options li > ul > li .bullet li a {
  padding: 0;
}
#settings-nav > li:hover a img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#settings-nav > li:hover a span {
  max-width: 160px;
}
#settings-nav > li:hover .options {
  display: block;
}

#menu-trigger {
  width: 26px;
  height: 26px;
  display: block;
  background: url(images/hamburger.png) no-repeat center top;
  background-size: 26px;
  float: left;
  margin-top: 24px;
}

#footer {
  width: 100%;
  height: 84px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 40px 0;
  background: #191919;
  position: fixed;
  bottom: 0;
  left: 0;
}
#footer .logo {
  width: 72px;
  display: block;
  margin: 0 20px 0 0;
  float: left;
  border: none;
}
#footer p {
  font-size: 10px;
  line-height: 14px;
  color: #4d4d4d;
  float: left;
  margin-right: 35px;
}
#footer p a {
  color: #4d4d4d;
}
#footer .social {
  list-style: none;
  margin-top: 5px;
  float: right;
}
#footer .social li {
  float: left;
  margin: 0 7px;
}
#footer .social li a {
  width: 16px;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}
#footer .social li a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

#main-navigation {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  display: none;
}
#main-navigation .main-menu {
  right: -340px;
}

.main-menu {
  width: 340px;
  height: 100vh;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 114px 40px 40px;
  position: fixed;
  top: 0;
  background: #C0272D;
}
.main-menu .heading-group h2 {
  font-size: 24px;
  line-height: 1;
}
.main-menu .heading-group .close-menu, .main-menu .heading-group .close-mobile-options {
  width: 15px;
  height: 15px;
  background: url(images/close.png) no-repeat center top;
  background-size: 15px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 17px;
}
.main-menu .heading-group .close-menu:hover, .main-menu .heading-group .close-mobile-options:hover {
  background-position: center bottom;
}
.main-menu ul {
  list-style: none;
  margin-bottom: 50px;
}
.main-menu ul li {
  display: block;
  margin-bottom: 25px;
}
.main-menu ul li[data-nav=home] a:before {
  height: 16px;
  background: url(images/home.png) no-repeat center top;
  background-size: 16px;
}
.main-menu ul li[data-nav=login] a:before {
  height: 16px;
  background: url(images/log-in.png) no-repeat center top;
  background-size: 10px;
}
.main-menu ul li[data-nav=register] a:before {
  height: 16px;
  background: url(images/register.png) no-repeat center top;
  background-size: 10px;
}
.main-menu ul li[data-nav=logout] a:before {
  height: 16px;
  background: url(images/logout.png) no-repeat center top;
  background-size: 16px;
}
.main-menu ul li[data-nav=about] a:before {
  height: 13px;
  background: url(images/about.png) no-repeat center top;
  background-size: 16px;
}
.main-menu ul li[data-nav=our-team] a:before {
  height: 11px;
  background: url(images/team.png) no-repeat center top;
  background-size: 16px;
}
.main-menu ul li[data-nav=contact] a:before {
  height: 12px;
  background: url(images/contact.png) no-repeat center top;
  background-size: 16px;
}
.main-menu ul li[data-nav=help] a:before {
  height: 14px;
  background: url(images/help.png) no-repeat center top;
  background-size: 14px;
}
.main-menu ul li[data-nav=report-problem] a:before {
  height: 12px;
  background: url(images/report.png) no-repeat center top;
  background-size: 14px;
}
.main-menu ul li a {
  font-family: "Work Sans", sans-serif;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  display: block;
  padding-left: 50px;
  position: relative;
  -webkit-transition: padding 250ms;
  -moz-transition: padding 250ms;
  -ms-transition: padding 250ms;
  -o-transition: padding 250ms;
  transition: padding 250ms;
}
.main-menu ul li a:before {
  content: "";
  width: 16px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-menu ul li a:hover {
  color: #1A1A1A;
  padding-left: 55px;
}
.main-menu ul li a:hover:before {
  background-position: center bottom;
}
.main-menu .nav-social {
  padding-top: 20px;
  position: relative;
}
.main-menu .nav-social:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background: #fff;
  top: 0;
}
.main-menu .nav-social p {
  margin: 0 0 15px 0;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}
.main-menu .nav-social .social-icons {
  display: table;
  position: relative;
}
.main-menu .nav-social .social-icons a {
  width: 16px;
  float: left;
  display: block;
  margin: 0 14px 0 0;
}
.main-menu .nav-social .social-icons a:last-child {
  margin-right: 0;
}
.main-menu .mobile-setting-options {
  display: none;
}
.main-menu .mobile-setting-options.open {
  display: block;
}
.main-menu .mobile-setting-options a {
  width: 100%;
  display: table;
  margin-bottom: 15px;
  font-family: "Work Sans", sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.main-menu .mobile-setting-options a img {
  width: 16px;
  float: left;
  margin-right: 10px;
  -webkit-transition: margin 250ms;
  -moz-transition: margin 250ms;
  -ms-transition: margin 250ms;
  -o-transition: margin 250ms;
  transition: margin 250ms;
}
.main-menu .mobile-setting-options a span {
  float: left;
}
.main-menu .mobile-setting-options a:hover img {
  margin-right: 15px;
}

#filter-overlay, #modal-overlay, .overlay {
  width: 100vw;
  height: 100vh;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

#filter-overlay {
  z-index: 6;
}

#modal-overlay {
  display: block;
}

#page-title {
  padding: 114px 0 40px 0;
  background: #333;
}
#page-title h1 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.wizard-step-indicator {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
.wizard-step-indicator span {
  color: #C0272D;
  font-weight: 800;
}

.page-heading {
  padding: 30px 6px;
}
.page-heading h1 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.breadcrumbs {
  font-size: 9px;
  color: #999;
}
.breadcrumbs a {
  color: #666;
  text-decoration: none;
}

#page-content {
  background: #000;
  padding-bottom: 100px;
}
#page-content.light-background {
  background: #333;
}

.wizard-section {
  display: none;
  position: relative;
  padding-bottom: 40px;
}
.wizard-section.current {
  display: block;
}

.wizard-section-heading {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 20px;
}

.wizard-description {
  display: block;
  max-width: 420px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
  margin: 0 auto;
  font-weight: 800;
  font-size: 10px;
  line-height: 14px;
  color: #FBB03B;
  text-align: center;
}

#bitmation-name {
  width: 100%;
  height: 40px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-left: none;
  border-right: none;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: #fff;
}
#bitmation-name::-webkit-input-placeholder {
  color: #ddd;
}
#bitmation-name::-moz-placeholder {
  color: #ddd;
}
#bitmation-name:-ms-input-placeholder {
  color: #ddd;
}
#bitmation-name:-moz-placeholder {
  color: #ddd;
}

.logo-icon-with-heading {
  margin: 50px 0;
  text-align: center;
}
.logo-icon-with-heading img {
  margin: 0 auto 20px auto;
}
.logo-icon-with-heading h2, .logo-icon-with-heading h3, .logo-icon-with-heading h4, .logo-icon-with-heading p {
  font-family: "News Cycle", sans-serif;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
}

.bitmation-settings {
  display: table;
  margin: 0 auto;
  padding: 25px 0;
}

.bitmation-settings-slider-container {
  padding: 15px 0;
  background: #000;
  position: relative;
}
.bitmation-settings-slider-container .bitmation-settings-slider {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.bitmation-settings-slider-container .bitmation-settings-slider .bitmation-settings-slides {
  width: 540px;
  display: table;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: left 250ms;
  -moz-transition: left 250ms;
  -ms-transition: left 250ms;
  -o-transition: left 250ms;
  transition: left 250ms;
}
.bitmation-settings-slider-container .bitmation-settings-slider-nav {
  width: 11px;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bitmation-settings-slider-container .bitmation-settings-slider-nav.next {
  right: 54px;
}
.bitmation-settings-slider-container .bitmation-settings-slider-nav.prev {
  left: 54px;
}
.bitmation-settings-slider-container .bitmation-settings-slider-nav.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.bitmation-setting {
  width: 60px;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  border: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}
.bitmation-setting img {
  margin: 0 auto 10px auto;
}
.bitmation-setting span {
  display: block;
  font-family: "Work Sans", sans-serif;
  font-size: 7px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.bitmation-setting:hover, .bitmation-setting.current {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.bitmation-option {
  width: 100%;
  background: #1A1A1A;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
  display: none;
  position: relative;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.bitmation-option .close-option {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}
.bitmation-option .bitmation-option-content {
  width: 100%;
  max-width: 330px;
  padding: 40px 0;
  margin: 0 auto;
}
.bitmation-option h1, .bitmation-option h2, .bitmation-option h3, .bitmation-option h4, .bitmation-option h5, .bitmation-option h6, .bitmation-option p {
  color: #fff;
}
.bitmation-option h1 a, .bitmation-option h2 a, .bitmation-option h3 a, .bitmation-option h4 a, .bitmation-option h5 a, .bitmation-option h6 a, .bitmation-option p a {
  color: #fff;
}
.bitmation-option p {
  font-size: 8px;
  margin-bottom: 20px;
}
.bitmation-option .btn {
  max-width: 100%;
}
.bitmation-option label {
  font-family: "Work Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
.bitmation-option label span {
  font-size: 9px;
  font-weight: 400;
  color: #999999;
  display: block;
  padding-top: 3px;
}
.bitmation-option .option-field {
  width: 100%;
  display: table;
  margin-bottom: 10px;
}
.bitmation-option .option-field label {
  max-width: 163px;
  float: left;
  margin-right: 20px;
}
.bitmation-option .option-field input[type=number], .bitmation-option .option-field input[type=text] {
  width: 47px;
  height: 32px;
  display: block;
  background: transparent;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: "Work Sans", sans-serif;
  font-size: 13px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.bitmation-option .option-field .input-group {
  float: right;
  position: relative;
}
.bitmation-option .option-field .input-group input {
  float: left;
}
.bitmation-option .option-field .input-group input:first-child {
  margin-right: 33px;
}
.bitmation-option .option-field .input-group input::-webkit-input-placeholder {
  color: #fff;
}
.bitmation-option .option-field .input-group input::-moz-placeholder {
  color: #fff;
}
.bitmation-option .option-field .input-group input:-ms-input-placeholder {
  color: #fff;
}
.bitmation-option .option-field .input-group input:-moz-placeholder {
  color: #fff;
}
.bitmation-option .option-field .input-group span {
  width: 13px;
  height: 32px;
  background: url(images/x.png) no-repeat center;
  position: absolute;
  top: 0;
  left: 59px;
}
.bitmation-option .live-preview-container {
  text-align: center;
}
.bitmation-option .live-preview-container h3 {
  color: #333;
  margin-bottom: 15px;
}
.bitmation-option .live-preview-container p {
  font-size: 9px;
  color: #999999;
  max-width: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bitmation-option .live-preview-container .live-preview-area {
  width: 100%;
  height: 470px;
  position: relative;
}
.bitmation-option .live-preview-container .live-preview-box {
  width: 250px;
  height: 100px;
  position: relative;
  margin: 0 auto 35px auto;
  border: 2px solid #333;
  overflow: hidden;
}
.bitmation-option.current {
  display: block;
}

.tool-definition {
  border-top: 1px solid #333;
  padding-top: 10px;
}
.tool-definition a:hover {
  color: #fff;
}

.choose-option {
  display: block;
  font-family: "Work Sans", sans-serif;
  font-size: 7px;
  line-height: 14px;
  font-weight: 700;
  color: #999999;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}
.choose-option:hover {
  padding-left: 5px;
  color: #fff;
}

.tool-definition-link {
  height: 19px;
  display: table;
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 19px;
  color: #999999;
  -webkit-transition: color 250ms;
  -moz-transition: color 250ms;
  -ms-transition: color 250ms;
  -o-transition: color 250ms;
  transition: color 250ms;
}
.tool-definition-link img {
  float: left;
  margin-right: 5px;
}
.tool-definition-link span {
  float: left;
}

.create-bitmation-container {
  width: 100%;
  background: #1A1A1A;
}
.create-bitmation-container .create-bitmation-editor-container {
  padding: 40px;
}
.create-bitmation-container .create-bitmation-editor-container img {
  margin: 0 auto;
}
.create-bitmation-container .create-bitmation-editor {
  width: 246px;
  height: 96px;
  margin: 0 auto;
  background: #ff0000;
}

.tool-definition-container {
  padding: 40px;
  background: #1A1A1A;
  display: none;
  position: relative;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.tool-definition-container .tool-definition-content {
  width: 330px;
  margin: 0 auto;
}
.tool-definition-container .tool-definition-link {
  margin-bottom: 20px;
}
.tool-definition-container h2, .tool-definition-container h3, .tool-definition-container h4, .tool-definition-container h5, .tool-definition-container h6 {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}
.tool-definition-container p {
  font-size: 9px;
  color: #999999;
  margin-bottom: 40px;
}
.tool-definition-container .tool-definition-icon {
  margin: 0 auto;
}
.tool-definition-container .close-definition {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}
.tool-definition-container.current {
  display: block;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 0;
  height: 0;
  right: 3px;
  bottom: 3px;
  border-top: 4px solid transparent;
  border-right: 4px solid #333;
  border-bottom: 4px solid #333;
  border-left: 4px solid transparent;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.colours {
  width: 100%;
  padding: 20px 0;
  display: table;
  list-style: none;
}
.colours li {
  float: left;
  margin: 3px;
}
.colours li a {
  width: 16px;
  height: 16px;
  display: block;
}
.colours li a.chosen {
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  -moz-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}
.colours li span.trans-line {
  width: 20px;
  height: 20px;
  border-bottom: 2px solid #fff;
  -webkit-transform: translateY(-24px) translateX(-8px) rotate(-45deg);
  -moz-transform: translateY(-24px) translateX(-8px) rotate(-45deg);
  transform: translateY(-24px) translateX(-8px) rotate(-45deg);
  position: absolute;
}

.arrays-section-container {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px 30px;
  background: #1A1A1A;
  z-index: 2;
}
.arrays-section-container h2, .arrays-section-container h3, .arrays-section-container h4, .arrays-section-container h5, .arrays-section-container h6 {
  font-family: "News Cycle", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  float: left;
  margin: 0 15px 10px 0;
}
.arrays-section-container .arrays-container {
  float: left;
  border-bottom: 1px solid #333;
}
.arrays-section-container .arrays-container .arrays {
  display: table;
  list-style: none;
  float: left;
}
.arrays-section-container .arrays-container .arrays .array {
  float: left;
  position: relative;
  margin-right: 5px;
  text-align: center;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.arrays-section-container .arrays-container .arrays .array .array-number {
  width: 32px;
  display: block;
  padding: 6px 0 13px;
  font-family: "Work Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-decoration: none;
}
.arrays-section-container .arrays-container .arrays .array .edit-array {
  width: 20px;
  height: 20px;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #333;
  background: #1A1A1A url(images/edit-array.png) no-repeat center;
  -webkit-box-shadow: 0 1px 5px #000;
  -moz-box-shadow: 0 1px 5px #000;
  box-shadow: 0 1px 5px #000;
  z-index: 2;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}
.arrays-section-container .arrays-container .arrays .array .edit-array:hover, .arrays-section-container .arrays-container .arrays .array .edit-array.active {
  background-color: #C0272D;
  border-color: #fff;
}
.arrays-section-container .arrays-container .arrays .array .array-edits {
  width: 100px;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 15px 10px;
  background: #1A1A1A;
  text-align: left;
  z-index: 1;
  position: absolute;
  top: 38px;
  left: 0;
}
.arrays-section-container .arrays-container .arrays .array .array-edits a {
  display: block;
  font-family: "News Cycle", sans-serif;
  font-size: 8px;
  font-weight: 500;
  line-height: 15px;
  color: #fff;
  text-decoration: none;
}
.arrays-section-container .arrays-container .arrays .array.current {
  background-color: #C0272D;
}

#add-array {
  height: 27px;
  float: left;
  font-family: "Work Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  color: #fff;
  text-decoration: none;
  padding-left: 32px;
  background: url(images/add-array.png) no-repeat left center;
}

.thumbnail-holder {
  text-align: left;
}
.thumbnail-holder #gallery {
  text-align: center;
}
.thumbnail-holder #gallery .thumbnail {
  display: inline-block;
  margin: 6px 4px;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-img {
  width: 100%;
  height: 119px;
  display: block;
  background: #333 no-repeat center;
  background-size: contain !important;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-img img {
  margin: auto;
  top: 0;
  bottom: 0;
  height: 119px;
  max-width: 158px;
  max-height: 119px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content {
  padding: 10px;
  background: #4D4D4D;
  color: #fff;
  position: relative;
  text-align: left;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content h3 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 3px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content h3 a {
  text-decoration: none;
  color: #fff;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content p {
  font-size: 9px;
  margin-bottom: 5px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta {
  width: 100%;
  display: table;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a {
  float: left;
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a span {
  display: inline-block;
  height: 11px;
  padding-left: 15px;
  margin-right: 5px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.like, .thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unlike {
  padding-top: 5px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.like span {
  background: url(images/favourite.png) no-repeat left top;
  background-size: 12px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.like:hover span {
  background: url(images/favourite.png) no-repeat left -11px;
  background-size: 12px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unlike span {
  background: url(images/unfavourite.png) no-repeat left top;
  background-size: 12px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unlike:hover span {
  background: url(images/unfavourite.png) no-repeat left -11px;
  background-size: 12px;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.icon_export_2, .thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.icon_delete {
  width: 17px;
  height: 17px;
  display: block;
}
.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta .flag {
  width: 13px;
  float: right;
}
.thumbnail-holder #gallery .thumbnail.select-bitmap {
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
.thumbnail-holder #gallery .thumbnail.select-bitmap.selected:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(51, 51, 51, 0.9) url(images/selected-bitmap-desktop.png) no-repeat center;
}
.thumbnail-holder #gallery.display-thumbnail .thumbnail {
  width: 158px;
}
.thumbnail-holder #gallery.display-thumbnail .thumbnail .thumbnail-img {
  height: 119px;
}
.thumbnail-holder #gallery.display-large .thumbnail {
  width: 328px;
}
.thumbnail-holder #gallery.display-large .thumbnail .thumbnail-img {
  height: 280px;
}
.thumbnail-holder #gallery.display-large .thumbnail .thumbnail-img img {
  margin: auto;
  top: 0;
  bottom: 0;
  height: 280px;
  max-width: 328px;
  max-height: 280px;
}
.thumbnail-holder #gallery.display-large .thumbnail .like-holder {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.thumbnail-holder #gallery.display-favicon .thumbnail {
  width: 100px;
}
.thumbnail-holder #gallery.display-favicon .thumbnail .thumbnail-img {
  height: 100px;
}
.thumbnail-holder #gallery.display-favicon .thumbnail .thumbnail-img img {
  margin: auto;
  top: 0;
  bottom: 0;
  height: 88px;
  max-width: 88px;
  max-height: 88px;
}
.thumbnail-holder #gallery.display-favicon .thumbnail .thumbnail-content {
  display: none;
}

#lazy-loader {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #4D4D4D;
  color: #fff;
  margin: 40px auto;
}

.meta-filters {
  width: 15%;
  position: fixed;
  top: 180px;
  left: 0;
  z-index: 6;
}
.meta-filters li {
  display: table;
  margin: 0 auto 40px auto;
  position: relative;
}
.meta-filters li a {
  font-family: "Work Sans", sans-serif;
  font-size: 10px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  display: block;
  text-align: center;
}
.meta-filters li a:before {
  content: "";
  display: block;
  margin: 0 auto 5px auto;
}
.meta-filters li a[data-meta=filter]:before {
  width: 26px;
  height: 26px;
  background: url(images/filter.png) no-repeat center top;
  background-size: 26px;
}
.meta-filters li a[data-meta=display]:before {
  width: 28px;
  height: 28px;
  background: url(images/display.png) no-repeat center top;
  background-size: 28px;
}
.meta-filters li a[data-meta=create]:before {
  width: 26px;
  height: 26px;
  background: url(images/create_icon.png) no-repeat center top;
  background-size: 26px;
}
.meta-filters li a[data-meta=settings]:before {
  width: 29px;
  height: 29px;
  background: url(images/settings.png) no-repeat center top;
  background-size: 29px;
}
.meta-filters li a[data-meta=change]:before {
  width: 29px;
  height: 29px;
  background: url(images/settings.png) no-repeat center top;
  background-size: 29px;
}
.meta-filters li a.open {
  color: transparent;
}
.meta-filters li .filter-menu {
  width: 160px;
  display: none;
  padding-top: 15px;
  position: relative;
  top: 0;
  left: 56px;
}
.meta-filters li .filter-menu .heading-group:after {
  display: none;
}
.meta-filters li .filter-menu .menu a {
  font-size: 10px;
  color: #7F7F7F;
  display: block;
  text-align: left;
  margin-bottom: 20px;
  position: relative;
  padding-left: 25px;
  -webkit-transition: padding 250ms;
  -moz-transition: padding 250ms;
  -ms-transition: padding 250ms;
  -o-transition: padding 250ms;
  transition: padding 250ms;
}
.meta-filters li .filter-menu .menu a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.meta-filters li .filter-menu .menu a[data-create=create-bitmap]:before {
  width: 16px;
  height: 16px;
  background: url(images/create-bitmap.png) no-repeat center bottom;
  background-size: 16px;
}
.meta-filters li .filter-menu .menu a[data-create=import-bitmap]:before {
  width: 12px;
  height: 12px;
  background: url(images/import.png) no-repeat center bottom;
  background-size: 12px;
}
.meta-filters li .filter-menu .menu a[data-create=define-theme]:before {
  width: 16px;
  height: 16px;
  background: url(images/define-theme.png) no-repeat center bottom;
  background-size: 16px;
}
.meta-filters li .filter-menu .menu a[data-create=bitmation-screen-grab]:before {
  width: 16px;
  height: 16px;
  background: url(images/bitmap-screengrabs.png) no-repeat center bottom;
  background-size: 16px;
}
.meta-filters li .filter-menu .menu a[data-create=bitmation-themes]:before, .meta-filters li .filter-menu .menu a[data-create=create-bitmation]:before {
  width: 14px;
  height: 11px;
  background: url(images/bitmation-themes.png) no-repeat center bottom;
  background-size: 14px;
}
.meta-filters li .filter-menu .menu a[data-create=support]:before {
  width: 14px;
  height: 12px;
  background: url(images/support.png) no-repeat center bottom;
  background-size: 14px;
}
.meta-filters li .filter-menu .menu a[data-display=favicon]:before {
  width: 16px;
  height: 16px;
  background: url(images/favicon.png) no-repeat center bottom;
  background-size: 16px;
}
.meta-filters li .filter-menu .menu a[data-display=thumbnail]:before {
  width: 16px;
  height: 16px;
  background: url(images/thumbnail.png) no-repeat center bottom;
  background-size: 16px;
}
.meta-filters li .filter-menu .menu a[data-display=large]:before {
  width: 16px;
  height: 16px;
  background: url(images/large.png) no-repeat center bottom;
  background-size: 16px;
}
.meta-filters li .filter-menu .menu a:hover {
  color: #fff;
  padding-left: 28px;
}
.meta-filters li .filter-menu .menu a:hover:before {
  background-position: center top;
}
.meta-filters li .filter-menu .menu a.bitmap-change-setting {
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: 0;
}
.meta-filters li .filter-menu .menu a.bitmap-change-setting.open {
  color: #fff;
  padding-left: 5px;
}
.meta-filters li .filter-menu .menu a.bitmap-change-setting:hover {
  padding-left: 5px;
}
.meta-filters li .filter-menu .menu .bitmap-change-options {
  padding: 12px 0 17px 0;
  display: none;
}
.meta-filters li .filter-menu .menu .bitmap-change-options input {
  width: 45px;
  height: 34px;
  float: left;
  background: #4D4D4D;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Work Sans", sans-serif;
  color: #808080;
  font-weight: 600;
  text-align: center;
}
.meta-filters li .filter-menu .menu .bitmap-change-options input:focus {
  border: none;
  outline: none;
}
.meta-filters li .filter-menu .menu .bitmap-change-options .times-icon {
  margin: 0 10px;
  padding-top: 10px;
  float: left;
}
.meta-filters li .filter-menu .menu .bitmap-change-options .bitmap-colour-name {
  font-size: 9px;
  color: #95989a;
  font-weight: 600;
}
.meta-filters li .filter-menu .menu .bitmap-change-options .bitmap-colours {
  list-style: none;
}
.meta-filters li .filter-menu .menu .bitmap-change-options .bitmap-colours li {
  float: left;
  margin: 2px;
}
.meta-filters li .filter-menu .menu .bitmap-change-options .bitmap-colours li a {
  width: 36px;
  height: 36px;
  display: block;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.meta-filters li .filter-menu.mobile-menu {
  width: 240px;
  height: 100vh;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 110px 40px 40px 40px;
  display: block;
  position: fixed;
  top: 0;
  left: -240px;
  background: #C0272D;
  z-index: 8;
}
.meta-filters li .filter-menu.mobile-menu .heading-group h2 {
  font-size: 24px;
  line-height: 1;
}
.meta-filters li .filter-menu.mobile-menu .heading-group .close-filter-menu {
  width: 15px;
  height: 15px;
  background: url(images/close.png) no-repeat center top;
  background-size: 15px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 17px;
}
.meta-filters li .filter-menu.mobile-menu .heading-group .close-filter-menu:hover {
  background-position: center bottom;
}
.meta-filters li .filter-menu.mobile-menu .menu a {
  font-family: "Work Sans", sans-serif;
  color: #fff;
  line-height: 1.3;
}
.meta-filters li .filter-menu.mobile-menu .menu a:before {
  background-position: center top;
}
.meta-filters li .filter-menu.mobile-menu .menu a:hover {
  color: #1A1A1A;
}
.meta-filters li .filter-menu.mobile-menu .menu a:hover:before {
  background-position: center bottom;
}
.meta-filters li .temp-text {
  font-family: "News Cycle", sans-serif;
  font-size: 18px;
  color: #7F7F7F;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 100px;
}

.content-section h3 {
  color: #fff;
  margin-bottom: 10px;
}
.content-section p {
  font-size: 14px;
  color: #fff;
  line-height: 1.7;
  margin-bottom: 25px;
}
.content-section .contributor {
  width: 100%;
  display: table;
  margin-bottom: 0;
}
.content-section .contributor span {
  display: block;
  width: 50%;
  float: left;
}
.content-section .contributions-banner {
  padding: 45px;
  border: 1px solid #fff;
  margin: 40px 0;
  color: #fff;
}
.content-section .contributions-banner h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
.content-section .contributions-banner p {
  margin-bottom: 0;
}

.user-stats, .user-available {
  width: 48%;
  height: 190px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px;
  margin-top: 40px;
}

.user-stats {
  background: #C0272D;
  float: left;
}
.user-stats .profile-name {
  height: 36px;
  padding-left: 42px;
  margin-bottom: 45px;
  background: url(images/profile.png) no-repeat left center;
  background-size: 32px;
  color: #fff;
}
.user-stats .profile-name p {
  display: block;
  font-size: 10px;
}
.user-stats .profile-score, .user-stats .profile-storage {
  width: 50%;
  float: left;
  margin-bottom: 0px;
}
.user-stats .profile-score img, .user-stats .profile-storage img {
  float: left;
  margin-right: 10px;
}
.user-stats .profile-score p, .user-stats .profile-storage p {
  font-family: "Work Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
}
.user-stats .profile-score .score, .user-stats .profile-score .storage, .user-stats .profile-storage .score, .user-stats .profile-storage .storage {
  display: block;
  font-family: "News Cycle", sans-serif;
  font-weight: 800;
}
.user-stats .profile-score img {
  width: 37px;
}
.user-stats .profile-storage img {
  width: 33px;
}

.user-available {
  background: #E6E6E6;
  float: right;
}
.user-available h3 {
  color: #333;
}
.user-available .availabilities .availability {
  display: block;
  position: relative;
  margin-bottom: 15px;
  text-decoration: none;
}
.user-available .availabilities .availability:last-child {
  margin-bottom: 0;
}
.user-available .availabilities .availability .amount {
  width: 77px;
  height: 67px;
  display: block;
  background: url(images/availability.png) no-repeat center;
  background-size: 77px;
  margin-right: 10px;
  font-family: "News Cycle", sans-serif;
  font-size: 27px;
  font-weight: 800;
  color: #fff;
  line-height: 67px;
  text-align: center;
}
.user-available .availabilities .availability .description {
  font-family: "Work Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  position: absolute;
  left: 87px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.user-available .availabilities .availability .description span {
  display: block;
  font-size: 6px;
  font-weight: 500;
}

.profile-storage-meter {
  height: 25px;
  background: #fff;
  position: relative;
  padding: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.profile-storage-meter .profile-storage-meter-bar {
  width: 80%;
  height: 100%;
  background: #C0272D;
  position: relative;
  -webkit-transition: width 250ms;
  -moz-transition: width 250ms;
  -ms-transition: width 250ms;
  -o-transition: width 250ms;
  transition: width 250ms;
}
.profile-storage-meter .profile-storage-meter-bar .current {
  right: -9px;
  top: -25px;
}
.profile-storage-meter span {
  position: absolute;
  top: -22px;
  font-family: "Work Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
}
.profile-storage-meter span:after {
  content: "";
  width: 2px;
  height: 5px;
  background: #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.profile-storage-meter .min {
  left: -6px;
}
.profile-storage-meter .max {
  right: -12px;
}

.profile-heading {
  margin-bottom: 25px;
  line-height: 1.2;
}
.profile-heading h3 {
  font-size: 16px;
  font-weight: 700;
}
.profile-heading a {
  color: #fff;
}

.profile-meta {
  margin: 40px 0;
}
.profile-meta .btn {
  display: inline-block;
  padding: 10px;
  margin-right: 10px;
}

.most-recent .profile-heading {
  color: #fff;
  margin-bottom: 15px;
}
.most-recent .most-recent-items {
  width: 100%;
  display: table;
}
.most-recent .most-recent-items .item {
  width: 100px;
  float: left;
  margin-right: 15px;
}
.most-recent .most-recent-items .item:last-child {
  margin-right: 0;
}
.most-recent .most-recent-items .item a {
  display: block;
  border: none;
  text-decoration: none;
}
.most-recent .most-recent-items .item a .thumb {
  height: 100px;
  display: block;
  background: #fff no-repeat center;
  background-size: contain !important;
  margin-bottom: 5px;
}
.most-recent .most-recent-items .item a .name {
  font-family: "Work Sans", sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
}

#bitmap-editor-settings {
  position: relative;
  padding: 100px 0;
}
#bitmap-editor-settings h2 {
  font-size: 18px;
  color: #808080;
  font-weight: 400;
  line-height: 1.2;
}

#bitmap-creation-selection {
  width: 182px;
  margin: 0 auto;
  text-align: center;
}
#bitmap-creation-selection img {
  margin: 0 auto 20px auto;
}
#bitmap-creation-selection h2 {
  margin-bottom: 30px;
}
#bitmap-creation-selection .btn {
  margin-bottom: 10px;
}
#bitmap-creation-selection .btn:last-child {
  margin-bottom: 0;
}

#bitmap-settings, #bitmap-theme-choices {
  width: 352px;
  display: none;
  margin: 0 auto;
  border: 1px solid #2d2d2d;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 45px;
  position: relative;
  top: 0;
  left: 0;
}
#bitmap-settings h2, #bitmap-theme-choices h2 {
  margin-bottom: 20px;
}
#bitmap-settings ul, #bitmap-theme-choices ul {
  list-style: none;
  font-family: "Work Sans", sans-serif;
}
#bitmap-settings ul li, #bitmap-theme-choices ul li {
  display: block;
}
#bitmap-settings ul li .bitmap-canvas-type, #bitmap-theme-choices ul li .bitmap-canvas-type {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 15px;
  color: #808080;
  text-decoration: none;
}
#bitmap-settings ul li .bitmap-canvas-type.selected, #bitmap-theme-choices ul li .bitmap-canvas-type.selected {
  color: #C0272D;
}
#bitmap-settings ul li .bitmap-canvas-type.selected:before, #bitmap-theme-choices ul li .bitmap-canvas-type.selected:before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background: url(images/bitmap-type-check.png) no-repeat center;
  position: absolute;
  top: 0;
  left: -20px;
}
#bitmap-settings ul li .bitmap-canvas-type:hover, #bitmap-settings ul li .bitmap-canvas-type:active, #bitmap-theme-choices ul li .bitmap-canvas-type:hover, #bitmap-theme-choices ul li .bitmap-canvas-type:active {
  color: #C0272D;
}
#bitmap-settings ul li .bitmap-canvas-sizes, #bitmap-theme-choices ul li .bitmap-canvas-sizes {
  padding: 10px 0;
  display: none;
}
#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-canvas-size, #bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-canvas-size {
  font-size: 9px;
  color: #95989a;
  font-weight: 700;
  line-height: 1.48;
  text-decoration: none;
}
#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder, #bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder {
  padding: 10px 0;
  display: none;
}
#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview, #bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview {
  display: table;
  width: 131px;
  font-size: 26px;
  color: #808080;
  background: url(images/times.png) no-repeat center;
  float: left;
}
#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span, #bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span {
  width: 49px;
  height: 34px;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #4D4D4D;
  font-size: 14px;
  font-weight: 600;
  line-height: 34px;
  text-align: center;
}
#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span.bitmap-width, #bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span.bitmap-width {
  float: left;
}
#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span.bitmap-height, #bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span.bitmap-height {
  float: right;
}
#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .btn.preview, #bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .btn.preview {
  display: block;
  padding: 7px 10px 7px 36px;
  background: url(images/preview.png) no-repeat 10px center;
  float: right;
}
#bitmap-settings #id_bitmap_name, #bitmap-theme-choices #id_bitmap_name {
  width: 100%;
  padding: 5px 0;
  border: none;
  border-bottom: 1px solid #434343;
  margin-bottom: 40px;
  background: transparent;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  color: #c1c3c5;
}
#bitmap-settings #id_bitmap_name:focus, #bitmap-theme-choices #id_bitmap_name:focus {
  outline: none;
}

#bitmap-canvas-preview {
  position: relative;
  display: none;
  text-align: center;
}
#bitmap-canvas-preview .btn {
  display: inline-block;
  margin: 5px;
  padding: 10px 20px;
}

#bitmap-canvas-preview-content {
  width: 350px;
  margin: 0 auto 30px auto;
  border: 1px solid #2d2d2d;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 25px;
  position: relative;
  top: 0;
  left: 0;
}
#bitmap-canvas-preview-content .canvas-type {
  font-size: 18px;
  color: #c1c3c5;
  line-height: 1.1;
  font-weight: 400;
  text-transform: uppercase;
}
#bitmap-canvas-preview-content p {
  color: #c1c3c5;
}
#bitmap-canvas-preview-content .bitmap-preview-description {
  font-size: 8px;
  color: #fff;
}

#bitmap-dimensions-preview {
  width: 50px;
  height: 50px;
  background: #C0272D;
  margin: 50px auto 10px auto;
}

#bitmap-editor-container {
  padding: 30px 40px;
  background: #1A1A1A;
  position: relative;
}
#bitmap-editor-container #bitmap-name, #bitmap-editor-container #id_bitmap_name {
  width: 100%;
  height: 21px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  background: #333;
  margin: 0;
  border: none;
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

#bitmap-editor {
  display: table;
  margin: 0 auto;
  position: relative;
  height: 290px;
  width: 280px;
}

#bitmap-zoom {
  position: absolute;
  top: 0;
  right: -40px;
}
#bitmap-zoom a {
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #333;
  margin-bottom: 10px;
}
#bitmap-zoom .zoom-in {
  background: url(images/plus.png) no-repeat center;
}
#bitmap-zoom .zoom-out {
  background: url(images/minus.png) no-repeat center;
}
#bitmap-zoom .zoom-size {
  font-family: "Work Sans", sans-serif;
  color: #ddd;
  font-size: 0.8em;
  width: 20px;
  height: 20px;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

#bitmap-hand-preview {
  position: absolute;
  top: 100px;
  right: -38px;
}
#bitmap-hand-preview a {
  width: 17px;
  height: 17px;
  display: block;
  margin-bottom: 10px;
}

#edit-bitmap-name {
  display: block;
  margin: 10px 0;
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: #4D4D4D;
  text-decoration: none;
  text-align: center;
}
#edit-bitmap-name span {
  padding-left: 13px;
  background: url(images/edit-bitmap-name.png) no-repeat left center;
}

#bitmap-meta {
  position: relative;
  text-align: center;
}
#bitmap-meta .btn {
  display: inline-block;
  margin: 0 5px;
  padding: 10px;
}

.mailbox-container {
  background: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mailbox-container .mailbox-header {
  padding: 23px 18px;
}
.mailbox-container .mailbox-header h2 {
  font-family: "News Cycle", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
  float: left;
}
.mailbox-container .mailbox-header .btn {
  float: right;
}
.mailbox-container .mailbox-messages-head, .mailbox-container .mailbox-message {
  width: 100%;
  display: table;
  padding: 5px 0;
}
.mailbox-container .mailbox-messages-head .column, .mailbox-container .mailbox-message .column {
  display: table-cell;
  vertical-align: middle;
}
.mailbox-container .mailbox-messages-head .column.status, .mailbox-container .mailbox-message .column.status {
  width: 12.5%;
  text-align: center;
}
.mailbox-container .mailbox-messages-head .column.subject, .mailbox-container .mailbox-message .column.subject {
  width: 69%;
  border-right: 1px solid #1A1A1A;
}
.mailbox-container .mailbox-messages-head .column.view, .mailbox-container .mailbox-message .column.view {
  width: 18.5%;
  text-align: center;
}
.mailbox-container .mailbox-messages-head {
  background: #1A1A1A;
}
.mailbox-container .mailbox-messages-head .column.status, .mailbox-container .mailbox-messages-head .column.subject {
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: #4D4D4D;
}
.mailbox-container .mailbox-message {
  border-bottom: 1px solid #333;
}
.mailbox-container .mailbox-message .mailbox-status-icon {
  width: 16px;
  height: 16px;
  background: url(images/unopened-mail.png) no-repeat center;
  background-size: 16px;
  margin: 0 auto 5px;
}
.mailbox-container .mailbox-message .message-status-text {
  display: block;
  font-family: "Work Sans", sans-serif;
  font-size: 5px;
  font-weight: 400;
  color: #666666;
}
.mailbox-container .mailbox-message p {
  display: block;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: 800;
  color: #fff;
}
.mailbox-container .mailbox-message .column.view a {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
.mailbox-container .mailbox-message.opened .mailbox-status-icon {
  background: url(images/opened-mail.png) no-repeat center;
  background-size: 16px;
}
.mailbox-container .mailbox-message.opened p, .mailbox-container .mailbox-message.opened span {
  color: #4D4D4D;
}
.mailbox-container .message-date {
  display: block;
  font-family: "Work Sans", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: #666666;
}
.mailbox-container .mailbox-message-body {
  border-top: 20px solid #1A1A1A;
  padding: 30px 80px;
}
.mailbox-container .mailbox-message-body h2 {
  font-family: "Work Sans", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 29px;
  color: #fff;
}
.mailbox-container .mailbox-message-body .message-date {
  margin-bottom: 20px;
}
.mailbox-container .mailbox-message-body p {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  margin-bottom: 16px;
}
.mailbox-container .mailbox-messages-footer {
  padding: 22px 18px;
}

#compose-message-form {
  border-top: 2px solid #1A1A1A;
  padding: 30px 80px;
}
#compose-message-form h3 {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 30px;
}
#compose-message-form input {
  width: 100%;
  height: 26px;
  background: transparent;
  border-bottom: 1px solid #333;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #C0272D;
  margin-bottom: 40px;
}
#compose-message-form textarea {
  width: 100%;
  max-width: 100%;
  height: 83px;
  min-height: 83px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #1A1A1A;
  margin-bottom: 20px;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
#compose-message-form button {
  width: auto;
  display: inline-block;
  background: transparent;
  padding: 10px;
}

#contact-form-submit span {
  padding-right: 15px;
  background: url(images/save.png) no-repeat right center;
  background-size: 10px;
}

#contact-btn {
  padding: 10px;
}
#contact-btn span {
  padding-right: 21px;
  background: url(images/contact.png) no-repeat right center;
  background-size: 16px;
}

#older-messages {
  display: inline-block;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #808080;
  text-decoration: none;
  padding-right: 15px;
  background: url(images/save.png) no-repeat right center;
  background-size: 10px;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}
#older-messages:hover {
  color: #fff;
  padding-right: 20px;
}

.back-to-messages {
  display: inline-block;
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #808080;
  text-decoration: none;
  padding-left: 20px;
  margin: 20px 0;
  background: url(images/back-to-messages.png) no-repeat left center;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}
.back-to-messages:hover {
  color: #fff;
  padding-left: 25px;
}

.in-contact-description {
  display: block;
  max-width: 550px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 25px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 9px;
  line-height: 11px;
  color: #1A1A1A;
  text-align: center;
  text-transform: uppercase;
}

.help {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: rgba(26, 26, 26, 0.98);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 114px 0 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
}
.help .contentarea {
  height: 100%;
  position: relative;
  overflow: auto;
}
.help h2, .help p {
  color: #fff;
}
.help h2 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 40px;
}
.help p {
  margin-bottom: 18px;
}
.help .close-help {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 104px;
  right: 104px;
}

.icon-with-description {
  width: 100%;
  display: table;
  position: relative;
}
.icon-with-description .icon {
  width: 26px;
  position: absolute;
  top: 7px;
  left: 0;
}
.icon-with-description .description {
  padding-left: 36px;
}

#back-to-top {
  width: 42px;
  height: 42px;
  display: block;
  background: #000 url(images/back-to-top.png) no-repeat center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#cookie-banner {
  position: fixed;
  width: 100%;
  height: 260px;
  bottom: -140px;
  z-index: 200;
  background: #FBC720;
  color: #000;
}
#cookie-banner p {
  font-size: 1.2em;
  line-height: 1.1em;
  padding-top: 25px;
}
#cookie-banner p a {
  color: #000;
}
#cookie-banner p a.hang_right {
  font-size: 0.8em;
  font-family: "Work Sans", sans-serif;
  text-decoration: none;
  border: 1px black solid;
  float: right;
  padding: 5px 15px 5px 15px;
  color: #000;
  margin-top: 15px;
}

@media screen and (max-width: 1064px) {
  .contentarea {
    width: 100%;
    padding: 0 20px;
  }

  #header {
    padding: 0 20px;
  }
  #header .logo {
    width: 80px;
    margin: 20px 0 0 0;
  }

  #user-prompt p {
    display: none;
  }
  #user-prompt .mobile-user {
    display: block;
  }
  #user-prompt .info-icon {
    padding: 0 13px;
  }

  #settings-nav {
    /*
      .settings-nav-filter {
        display: none;
      }
    */
  }
  #settings-nav > li > a {
    padding-bottom: 23px;
  }
  #settings-nav > li > a img {
    width: 18px;
    margin: 0 10px;
  }
  #settings-nav > li > a span {
    line-height: 18px;
  }

  #footer {
    display: none;
  }

  #page-content {
    padding-bottom: 20px;
  }

  .help {
    padding: 94px 0 20px;
  }
  .help .close-help {
    top: 94px;
    right: 20px;
  }

  #cookie-banner br {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .contentarea.gallery {
    width: 100%;
    padding: 0 20px;
  }

  #page-title {
    padding: 84px 0 0 0;
  }
  #page-title h1 {
    padding-bottom: 10px;
    margin-bottom: 0;
  }

  #page-content {
    padding-bottom: 0;
  }

  form {
    margin-bottom: 0;
  }

  .user-stats, .user-available {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
  }

  .profile-meta {
    text-align: center;
    margin: 20px 0;
  }

  .slide-in-menu {
    padding-bottom: 130px;
    overflow-y: auto;
  }

  .thumbnail-holder {
    max-width: 100%;
  }
  .thumbnail-holder #gallery .thumbnail .thumbnail-content h3 {
    font-size: 12px;
  }
  .thumbnail-holder #gallery .thumbnail .thumbnail-content p {
    font-size: 9px;
  }
  .thumbnail-holder #gallery .thumbnail.select-bitmap.selected:after {
    background: rgba(51, 51, 51, 0.9) url(images/selected-bitmap.png) no-repeat center;
    background-size: 95px;
  }
  .thumbnail-holder #gallery.display-thumbnail .thumbnail {
    width: 158px;
  }
  .thumbnail-holder #gallery.display-thumbnail .thumbnail .thumbnail-img {
    height: 118px;
  }
  .thumbnail-holder #gallery.display-large .thumbnail {
    width: 328px;
  }
  .thumbnail-holder #gallery.display-large .thumbnail .thumbnail-img {
    height: 265px;
  }
  .thumbnail-holder #gallery.display-favicon .thumbnail {
    width: 100px;
  }
  .thumbnail-holder #gallery.display-favicon .thumbnail .thumbnail-img {
    height: 100px;
  }

  #log-in-modal {
    z-index: 7;
  }
  #log-in-modal .modal {
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    top: 0;
    padding: 120px 40px;
    z-index: 7;
  }

  .profile section {
    padding: 0;
    background: none;
  }
  .profile section .col-6 {
    width: 100%;
    padding: 0;
  }
  .profile section .user-stats {
    padding: 15px;
  }
  .profile section .user-stats .profile-score .score, .profile section .user-stats .profile-score .storage, .profile section .user-stats .profile-storage .score, .profile section .user-stats .profile-storage .storage {
    font-size: 24px;
  }
  .profile section .user-stats .profile-score .score:after, .profile section .user-stats .profile-score .storage:after, .profile section .user-stats .profile-storage .score:after, .profile section .user-stats .profile-storage .storage:after {
    font-size: 14px;
  }
  .profile section .user-stats .profile-score .score {
    width: 68px;
    height: 62px;
    background-size: 68px;
  }
  .profile section .user-stats .profile-score .score:after {
    left: 76px;
  }
  .profile section .user-stats .profile-storage .storage {
    width: 62px;
    height: 62px;
  }
  .profile section .user-stats .profile-storage .storage:after {
    left: 73px;
  }
  .profile section .user-available {
    padding: 15px;
    background: #E6E6E6;
  }
  .profile section .user-available .availabilities {
    width: 100%;
    display: table;
  }
  .profile section .user-available .availabilities a {
    width: 50%;
    float: left;
  }
  .profile section .user-available .availabilities a .amount {
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 48px;
  }
  .profile section .user-available .availabilities a .description {
    font-size: 14px;
    left: 58px;
  }
  .profile section .user-most-recent .most-recent-items {
    width: 100%;
    display: table;
  }
  .profile section .user-most-recent .most-recent-items .item {
    width: 33.3%;
    padding: 0 6px;
    margin-top: 12px;
  }
  .profile section .user-most-recent .most-recent-items .item a .thumb {
    height: 100px;
  }

  #cookie-banner {
    height: 280px;
  }
  #cookie-banner br {
    display: none;
  }

  .breadcrumbs {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .contentarea.small {
    width: 100%;
    padding: 0 15px;
  }
  .contentarea.small .btn {
    max-width: 318px;
  }

  .content-section .contributor {
    margin-bottom: 14px;
  }
  .content-section .contributor span {
    width: 100%;
    float: none;
  }
  .content-section .contributions-banner {
    padding: 20px;
  }

  .mailbox-container .mailbox-header {
    padding: 20px;
  }
  .mailbox-container .mailbox-header .back-to-messages {
    margin: 0;
  }
  .mailbox-container .mailbox-messages-head .column.status, .mailbox-container .mailbox-message .column.status {
    width: 13%;
  }
  .mailbox-container .mailbox-messages-head .column.subject, .mailbox-container .mailbox-message .column.subject {
    width: 69%;
    padding: 0 20px;
  }
  .mailbox-container .mailbox-messages-head .column.view, .mailbox-container .mailbox-message .column.view {
    width: 18%;
  }
  .mailbox-container .mailbox-message {
    padding: 20px 0;
  }
  .mailbox-container .mailbox-message-body {
    border-top: 2px solid #1A1A1A;
    padding: 20px;
  }
  .mailbox-container .mailbox-messages-footer {
    padding: 20px;
  }

  #compose-message-form {
    padding: 20px;
  }
  #compose-message-form h3 {
    margin-bottom: 20px;
  }
  #compose-message-form input {
    margin-bottom: 20px;
  }

  #bitmap-editor-settings {
    padding: 40px 0;
  }

  #bitmap-settings {
    width: auto;
    border: none;
    padding: 0 20px;
  }

  #bitmap-theme-choices {
    width: auto;
    border: none;
    padding: 0 20px;
  }

  #bitmap-canvas-preview-content {
    width: auto;
    border: none;
    padding: 0 20px;
  }

  #bitmap-meta {
    position: fixed;
  }

  .fixed-mobile-meta {
    width: 100%;
    padding: 5px 5px 15px;
    background: #2B2A2A;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
  }
  .fixed-mobile-meta .btn {
    border: 1px solid #333333;
  }

  #bitmap-editor-container {
    padding: 20px 22px;
  }
  #bitmap-editor-container #id_bitmap_name {
    height: 20px;
  }

  #bitmap-zoom {
    right: -22px;
  }

  #bitmap-hand-preview {
    right: -20px;
  }

  .bitmation-option {
    padding: 0 20px;
  }
  .bitmation-option .bitmation-option-content {
    padding: 40px 0 20px;
  }

  .create-bitmation-container .create-bitmation-editor-container {
    padding: 20px;
  }

  .live-preview-container {
    display: none;
  }

  .bitmation-settings-slider-container .bitmation-settings-slider-nav.next {
    right: 0;
  }
  .bitmation-settings-slider-container .bitmation-settings-slider-nav.prev {
    left: 0;
  }

  .tool-definition-container {
    padding: 20px;
  }
  .tool-definition-container .tool-definition-content {
    width: 100%;
  }

  .modal .content {
    max-width: 100%;
    height: 100vh;
    overflow: auto;
    padding: 94px 20px 20px;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .modal .content .close-modal {
    top: 94px;
    right: 20px;
    z-index: 1;
  }

  #register-modal.modal {
    position: static;
  }

  #email-recovery-modal .content, #password-confirmation-modal .content {
    padding: 94px 40px 20px 20px;
  }

  form .form-input-field.left-input, form .form-input-field.right-input {
    width: 100%;
    float: none;
  }

  #cookie-banner {
    height: 340px;
  }
  #cookie-banner br {
    display: none;
  }

  .thumbnail-holder #gallery.display-thumbnail .thumbnail {
    width: 138px;
  }
}
@media screen and (max-width: 640px) and (max-width: 360px) {
  .thumbnail-holder #gallery.display-thumbnail .thumbnail {
    width: 120px;
  }

  #settings-nav > li > a img {
    margin: 0 5px;
  }
}
@media screen and (max-width: 640px) and (max-width: 480px) {
  .thumbnail-holder #gallery .thumbnail .thumbnail-img img {
    max-width: 116px;
  }
}
@media screen and (max-width: 640px) {
  #user-prompt {
    border-right: 0;
    margin-right: 10px;
  }
}
@media screen and (max-width: 640px) {
  #bitmap_creator_form .btn {
    display: inline-block;
    margin: 5px;
    padding: 10px 20px;
  }
}

/*# sourceMappingURL=styles.css.map */

.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish,.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish{padding-top:5px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish span,.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish span{background-size:12px;padding:0 5px;margin:0 5px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish:hover span,.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish:hover span{background-size:12px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish span{border:1px solid #fff}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.publish:hover span{border:1px solid #fff}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish span{border:1px solid #4d4d4d}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unpublish:hover span{border:1px solid #fff}.bitmap-edit-section{max-height:280px;max-width:290px}#bitmap-display-area{top:40px;z-index:10;background:#333;width:100%;padding:10px 20px;text-align:center}.page-heading h2{color:#fff}.modal .content .modal-social{background-color:#fff;width:100%}.modal .content .modal-social div{padding:5px;margin:5px}.modal .content .modal-social div .btn-social{width:100%;max-width:none;padding:2px;margin:2px;border:1px #666 solid;text-align:center;background-color:#fff}.modal .content .modal-social div .btn-google{color:#333}.modal .content .modal-social div .btn-facebook{background-color:#3b5998}#register-modal .content .terms-checkbox.error{padding:4px}#register-modal .content .terms-checkbox.error .form-error{float:left;border:1px #fbb03b solid;padding:3px;margin:3px;color:#fbb03b;font-size:.8em}#saving-spinner{background-color:#000;color:#fff;width:100%;text-align:center;font-family:"Work Sans",sans-serif;font-size:.6em;display:none}.loading{background-color:#000;color:#fff;width:100%;height:30px;padding-top:5px;text-align:center;font-family:"Work Sans",sans-serif;display:none}.contentarea h1 a{color:#fff}ol.tandc li{font-family:"Work Sans",sans-serif;margin-left:40px;margin-top:20px}p.tandc{margin-left:40px}#version_banner{position:absolute;background:red;color:#fff;z-index:999;font-family:monospace;padding:2px 20px;width:100%;display:none}#bitmap-loading-message{font-family:"Work Sans",sans-serif;width:280px;height:280px;padding:0 25%}.disabled{opacity:.5;cursor:not-allowed}.icon_delete:hover{background:url(images/CW_Icon_Sprite_2.png) 0 0;width:16px}.icon_delete{background:url(images/CW_Icon_Sprite_2.png) 0 -17px;width:16px}.icon_delete.selected{background:url(images/CW_Icon_Sprite_2.png) 0 -34px;width:16px}.icon_pencil:hover{background:url(images/CW_Icon_Sprite_2.png) -17px 0}.icon_pencil{background:url(images/CW_Icon_Sprite_2.png) -17px -17px}.icon_pencil.selected{background:url(images/CW_Icon_Sprite_2.png) -17px -34px}.icon_preview_1:hover{background:url(images/CW_Icon_Sprite_2.png) -34px 0}.icon_preview_1{background:url(images/CW_Icon_Sprite_2.png) -34px -17px}.icon_preview_1.selected{background:url(images/CW_Icon_Sprite_2.png) -34px -34px}.icon_preview_2:hover{background:url(images/CW_Icon_Sprite_2.png) -51px 0}.icon_preview_2{background:url(images/CW_Icon_Sprite_2.png) -51px -17px}.icon_preview_2.selected{background:url(images/CW_Icon_Sprite_2.png) -51px -34px}.icon_flag:hover{background:url(images/CW_Icon_Sprite_2.png) -68px 0;width:16px;height:17px;display:inline-block}.icon_flag{background:url(images/CW_Icon_Sprite_2.png) -68px -17px;width:16px;height:17px;display:inline-block}.icon_flag.selected{background:url(images/CW_Icon_Sprite_2.png) -68px -34px;width:16px;height:17px;display:inline-block}.icon_hand:hover{background:url(images/CW_Icon_Sprite_2.png) -85px 0}.icon_hand{background:url(images/CW_Icon_Sprite_2.png) -85px -17px}.icon_hand.selected{background:url(images/CW_Icon_Sprite_2.png) -85px -34px}.icon_publish:hover{background:url(images/CW_Icon_Sprite_2.png) -102px 0}.icon_publish{background:url(images/CW_Icon_Sprite_2.png) -102px -17px}.icon_publish.selected{background:url(images/CW_Icon_Sprite_2.png) -102px -34px}.icon_lock:hover{background:url(images/CW_Icon_Sprite_2.png) -119px 0}.icon_lock{background:url(images/CW_Icon_Sprite_2.png) -119px -17px}.icon_lock.selected{background:url(images/CW_Icon_Sprite_2.png) -119px -34px}.icon_profile:hover{background:url(images/CW_Icon_Sprite_2.png) -136px 0}.icon_profile{background:url(images/CW_Icon_Sprite_2.png) -136px -17px}.icon_profile.selected{background:url(images/CW_Icon_Sprite_2.png) -136px -34px}.icon_unlock:hover{background:url(images/CW_Icon_Sprite_2.png) -153px 0}.icon_unlock{background:url(images/CW_Icon_Sprite_2.png) -153px -17px}.icon_unlock.selected{background:url(images/CW_Icon_Sprite_2.png) -153px -34px}.icon_like:hover{background:url(images/CW_Icon_Sprite_2.png) -170px 0;width:16px;height:17px;display:inline-block}.icon_like{background:url(images/CW_Icon_Sprite_2.png) -170px -17px;width:16px;height:17px;display:inline-block}.icon_like.selected{background:url(images/CW_Icon_Sprite_2.png) -170px -34px;width:16px;height:17px;display:inline-block}.icon_unlike:hover{background:url(images/CW_Icon_Sprite_2.png) -187px 0;width:16px;height:17px;display:inline-block}.icon_unlike{background:url(images/CW_Icon_Sprite_2.png) -187px -17px;width:16px;height:17px;display:inline-block}.icon_unlike.selected{background:url(images/CW_Icon_Sprite_2.png) -187px -34px;width:16px;height:17px;display:inline-block}.icon_export_1:hover{background:url(images/CW_Icon_Sprite_2.png) -204px 0}.icon_export_1{background:url(images/CW_Icon_Sprite_2.png) -204px -17px}.icon_export_1.selected{background:url(images/CW_Icon_Sprite_2.png) -204px -34px}.icon_export_2:hover{background:url(images/CW_Icon_Sprite_2.png) -221px 0}.icon_export_2{background:url(images/CW_Icon_Sprite_2.png) -221px -17px}.icon_export_2.selected{background:url(images/CW_Icon_Sprite_2.png) -221px -34px}.icon_export_3:hover{background:url(images/CW_Icon_Sprite_2.png) -238px 0}.icon_export_3{background:url(images/CW_Icon_Sprite_2.png) -238px -17px}.icon_export_3.selected{background:url(images/CW_Icon_Sprite_2.png) -238px -34px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9}#help-modal .overlay{width:100vw;height:100vh;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;position:fixed;top:0;left:0;display:block;z-index:1}#help-modal .help{position:relative;z-index:2;max-width:600px;margin:100px auto 0}#help-modal .help .contentarea{padding:40px;background:rgba(26,26,26,.98);border-radius:5px}#help-modal .help .contentarea h2{margin-bottom:20px;font-family:"Work Sans",sans-serif;font-size:24px;font-weight:600}#help-modal .help .contentarea p{margin-bottom:20px;font-family:"Work Sans",sans-serif;font-size:14px;line-height:1.5}#help-modal .help .contentarea .icon-with-description{margin-bottom:30px;display:flex;align-items:flex-start}#help-modal .help .contentarea .icon-with-description .icon{flex:0 0 40px}#help-modal .help .contentarea .icon-with-description .icon img{max-width:30px;height:auto}#help-modal .help .contentarea .icon-with-description .description{flex:1}#help-modal .help .contentarea .icon-with-description .description p{margin-bottom:0}#help-modal .help .close-modal{position:absolute;top:20px;right:20px;width:20px;height:20px;z-index:3}#help-modal .help .close-modal img{max-width:100%;height:auto}#log-in-modal .overlay,#register-modal .overlay,#forgot-password-modal .overlay,#logged-in-modal .overlay{width:100vw;height:100vh;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;position:fixed;top:0;left:0;display:block}#log-in-modal #forgot-password-message,#register-modal #forgot-password-message,#forgot-password-modal #forgot-password-message,#logged-in-modal #forgot-password-message{display:none}.bitmap-management-controls{display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;background:#1a1a1a}.bitmap-management-controls .filter-container{display:flex;justify-content:space-between;width:100%}.bitmap-management-controls .filter-controls,.bitmap-management-controls .action-controls,.bitmap-management-controls .bin-filter{display:flex;flex-wrap:wrap;gap:10px}.bitmap-management-controls .bin-filter .btn{background-color:rgba(244,67,54,.2)}.bitmap-management-controls .bin-filter .btn.active{border-color:#f44336}.bitmap-management-controls .btn{margin:0}.bitmap-management-controls .btn.active{color:#fff;border-color:#c0272d}.bitmap-management-controls .btn:disabled{opacity:.5;cursor:not-allowed}#gallery.manage-mode .bitmap-item{display:flex;flex-wrap:wrap;align-items:center;padding:15px;margin-bottom:15px;background:#1a1a1a;border-radius:5px}#gallery.manage-mode .bitmap-item .bitmap-select{width:30px}#gallery.manage-mode .bitmap-item .bitmap-select input[type=checkbox]{width:20px;height:20px;cursor:pointer}#gallery.manage-mode .bitmap-item .bitmap-thumb{width:100px;height:100px;overflow:hidden;margin-right:15px}#gallery.manage-mode .bitmap-item .bitmap-thumb img{width:100%;height:100%;object-fit:contain}#gallery.manage-mode .bitmap-item .bitmap-info{flex:1;padding-right:15px}#gallery.manage-mode .bitmap-item .bitmap-info h3{font-size:16px;margin-bottom:5px;color:#fff}#gallery.manage-mode .bitmap-item .bitmap-info p{font-size:12px;margin-bottom:5px;color:#ddd}#gallery.manage-mode .bitmap-item .bitmap-info .status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;text-transform:uppercase;font-weight:600}#gallery.manage-mode .bitmap-item .bitmap-info .status-badge.status-published{background:#4caf50;color:#fff}#gallery.manage-mode .bitmap-item .bitmap-info .status-badge.status-draft{background:#ffc107;color:#000}#gallery.manage-mode .bitmap-item .bitmap-info .status-badge.status-binned{background:#f44336;color:#fff}#gallery.manage-mode .bitmap-item .bitmap-actions{display:flex;flex-wrap:wrap;gap:5px}#gallery.manage-mode .bitmap-item .bitmap-actions .btn{font-size:12px;padding:5px 10px;min-width:80px}#bitmap-details-modal .modal-content{max-width:700px;margin:100px auto;background:#1a1a1a;border-radius:5px;padding:20px}#bitmap-details-modal .modal-content h2{color:#fff;margin-bottom:20px;text-align:center}#bitmap-details-modal .modal-content .close{position:absolute;top:15px;right:15px;font-size:24px;cursor:pointer;color:#ddd}#bitmap-details-modal .modal-content .close:hover{color:#fff}#bitmap-details-modal .bitmap-details{display:flex;margin-bottom:20px}#bitmap-details-modal .bitmap-details .bitmap-preview{width:50%;padding-right:20px}#bitmap-details-modal .bitmap-details .bitmap-preview img{width:100%;max-height:300px;object-fit:contain}#bitmap-details-modal .bitmap-details .bitmap-metadata{width:50%;padding-left:20px}#bitmap-details-modal .bitmap-details .bitmap-metadata .detail-row{margin-bottom:10px}#bitmap-details-modal .bitmap-details .bitmap-metadata .detail-row label{display:block;font-size:12px;color:#ddd;margin-bottom:5px}#bitmap-details-modal .bitmap-details .bitmap-metadata .detail-row span{display:block;font-size:14px;color:#fff}#bitmap-details-modal .bitmap-details .bitmap-metadata .detail-row span.status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;text-transform:uppercase;font-weight:600}#bitmap-details-modal .bitmap-details .bitmap-metadata .detail-row span.status-badge.status-published{background:#4caf50;color:#fff}#bitmap-details-modal .bitmap-details .bitmap-metadata .detail-row span.status-badge.status-draft{background:#ffc107;color:#000}#bitmap-details-modal .bitmap-details .bitmap-metadata .detail-row span.status-badge.status-binned{background:#f44336;color:#fff}#bitmap-details-modal .modal-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}#bitmap-details-modal .modal-actions .btn{min-width:100px}@media screen and (max-width: 768px){.bitmap-management-controls{flex-direction:column;gap:15px}.bitmap-management-controls .filter-container{flex-direction:column;gap:10px}.bitmap-management-controls .filter-controls,.bitmap-management-controls .bin-filter{justify-content:center}#gallery.manage-mode .bitmap-item{flex-direction:column;align-items:flex-start}#gallery.manage-mode .bitmap-item .bitmap-select{align-self:flex-end;margin-bottom:10px}#gallery.manage-mode .bitmap-item .bitmap-thumb{width:100%;margin-right:0;margin-bottom:15px}#gallery.manage-mode .bitmap-item .bitmap-info{width:100%;margin-bottom:15px}#gallery.manage-mode .bitmap-item .bitmap-actions{width:100%;justify-content:center}#bitmap-details-modal .bitmap-details{flex-direction:column}#bitmap-details-modal .bitmap-details .bitmap-preview,#bitmap-details-modal .bitmap-details .bitmap-metadata{width:100%;padding:0}#bitmap-details-modal .bitmap-details .bitmap-preview{margin-bottom:20px}#bitmap-details-modal .modal-actions{flex-wrap:wrap}}.thumbnail-meta{width:100%;margin-top:10px;position:relative;min-height:16px}.thumbnail-meta .icon_like,.thumbnail-meta .icon_unlike{margin-right:5px;text-decoration:none}.thumbnail-meta .icon_like:focus,.thumbnail-meta .icon_unlike:focus{outline:none}.thumbnail-meta .icon_flag{text-decoration:none}.thumbnail-meta .icon_flag:focus{outline:none}.thumbnail-meta a.icon_flag{float:right !important}.thumbnail-meta .vote-count{font-family:"Work Sans",sans-serif;font-size:9px;font-weight:700;color:#fff;line-height:11px;margin-right:5px;display:inline-block;height:11px;float:left}#flag-modal .modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(26,26,26,.98);border-radius:5px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;z-index:1001;box-shadow:0 4px 20px rgba(0,0,0,.5)}#flag-modal::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000}#flag-modal .close{position:absolute;top:15px;right:15px;font-size:28px;font-weight:bold;color:#666;cursor:pointer;line-height:1;transition:color .2s ease}#flag-modal .close:hover{color:#fff}#flag-modal h2{margin:0 0 20px 0;font-family:"Work Sans",sans-serif;font-size:24px;font-weight:600;color:#fff}#flag-modal .form-group{margin-bottom:20px}#flag-modal .form-group label{display:block;margin-bottom:8px;font-family:"Work Sans",sans-serif;font-size:14px;font-weight:500;color:#ccc}#flag-modal .form-group select,#flag-modal .form-group textarea{width:100%;padding:10px;background:hsla(0,0%,100%,.05);border:1px solid #333;border-radius:3px;color:#fff;font-family:"Work Sans",sans-serif;font-size:14px;transition:all .2s ease}#flag-modal .form-group select:focus,#flag-modal .form-group textarea:focus{outline:none;border-color:#666;background:hsla(0,0%,100%,.08)}#flag-modal .form-group select{cursor:pointer}#flag-modal .form-group select option{background:#1a1a1a;color:#fff}#flag-modal .form-group textarea{resize:vertical;min-height:80px}#flag-modal .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}#flag-modal .form-actions .btn{padding:10px 20px;border:none;border-radius:3px;font-family:"Work Sans",sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}#flag-modal .form-actions .btn.btn-primary{background:#b30000;color:#fff}#flag-modal .form-actions .btn.btn-primary:hover{background:#900}#flag-modal .form-actions .btn.btn-secondary{background:rgba(0,0,0,0);color:#999;border:1px solid #333}#flag-modal .form-actions .btn.btn-secondary:hover{background:#222;color:#fff;border-color:#444}body{background:#000;overflow-x:hidden;color:#fff}body.lock-overflow{overflow:hidden}ul{padding-left:6px;list-style:none;font-family:"Work Sans",sans-serif}ul li a{color:#fff}.clear{width:100%;display:block;height:0;margin:0;padding:0;line-height:0;font-size:0;clear:both}.contentarea{width:1024px;margin:0 auto;box-sizing:border-box;padding:0 40px}.contentarea.full-width{width:100%}.contentarea.gallery{width:680px;padding:0}.contentarea.small{width:600px;padding:0}.contentarea ul#message_list{padding-left:0}strong{font-weight:700}h1,h3,h4,h5,h6,p{font-family:"Work Sans",sans-serif}h2{font-family:"News Cycle",sans-serif}h3{font-size:13px;font-weight:700}p{font-size:14px;line-height:1.7}p a{color:#fff}p.orange{color:#fbb03b}.heading-group{display:block;padding-bottom:15px;margin-bottom:30px;position:relative;color:#fff}.heading-group:after{content:"";display:block;width:100%;height:1px;position:absolute;left:0;-ms-transform:scaleY(0.5);transform:scaleY(0.5);background:#fff;bottom:0}.btn{max-width:308px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 5px;text-align:center;font-size:14px;font-family:"Work Sans",sans-serif;font-weight:600;line-height:1.3;text-decoration:none;margin:0 auto;-webkit-transition:all 250ms;-moz-transition:all 250ms;-ms-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}.btn.primary{border:1px solid #2d2d2d;color:gray}.btn.primary:not(.disabled):hover,.btn.primary:not(.disabled).highlighted{color:#fff;border-color:#c0272d}.btn.solid{background:#fff;color:#1a1a1a}.btn:last-child{margin-bottom:0}.btn.disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.next-btn-container{padding:40px 0}.next-btn-container .btn{max-width:140px}.col-11{width:91.7%;float:left}.col-10{width:83.4%;float:left}.col-9{width:75%;float:left}.col-8{width:66.6%;float:left}.col-7{width:58.4%;float:left}.col-6{width:50%;float:left}.col-5{width:41.6%;float:left}.col-4{width:33.3%;float:left}.col-3{width:25%;float:left}.col-2{width:16.6%;float:left}.col-1{width:8.3%;float:left}.align-left{float:left}.align-right{float:right}.modal{width:100vw;height:100vh;z-index:7;position:fixed;top:0;left:0;display:none}.modal .content{max-width:320px;margin:0 auto;position:relative;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%);background:#c0272d;box-sizing:border-box;padding:40px}.modal .content .close-modal{width:16px;height:16px;background:url(images/close-white.png) no-repeat center;display:block;position:absolute;right:15px;top:15px}.modal .content .heading-group{margin-bottom:15px}.modal .content h3{font-size:15px;font-weight:600;line-height:1;color:#fff}.modal .content p:not(.form-error){font-size:10px;font-weight:400;color:#fff;text-align:center;line-height:1.3;margin-bottom:10px}.modal .content p:not(.form-error) a{color:#fff}.modal .content p:not(.form-error).error,.modal .content p:not(.form-error).orange{color:#fbb03b}.modal .content p:not(.form-error).error a,.modal .content p:not(.form-error).orange a{color:#fbb03b}.modal .content p:not(.form-error).forgot-details{margin:10px 0;font-weight:800}.modal .content .modal-social-login{background:rgba(0,0,0,0);margin:0 auto 20px;padding:2px}.modal .content .modal-social-login .btn{background:rgba(0,0,0,0);border:0;padding:0}.modal .content .modal-social-login .btn p{color:#000}.modal .content .modal-social-login img{float:left}.modal .content .btn{width:100%;display:block;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-sizing:border-box;padding:10px;background:#333;font-family:"Work Sans",sans-serif;font-size:15px;font-weight:600;color:#fff}#log-in-modal{z-index:7}#log-in-modal .modal{max-width:100%;height:100%;overflow-y:auto;top:0;padding:120px 40px;z-index:7}#register-modal .content{max-width:566px}#forgot-username-modal .content p,#forgot-password-modal .content p,#reset-password-modal .content p{text-align:left}#email-recovery-modal,#password-confirmation-modal{text-align:left}#email-recovery-modal .content,#password-confirmation-modal .content{padding:120px 40px}#email-recovery-modal .content p,#password-confirmation-modal .content p{text-align:left}#email-recovery-modal h3,#password-confirmation-modal h3{margin-bottom:15px}form{margin-bottom:10px}form label{font-family:"Work Sans",sans-serif;font-size:12px;font-weight:600;color:#fff;display:block;margin-bottom:5px}form label span{font-size:12px;font-weight:300}form .form-input-field{margin-bottom:20px}form .form-input-field input{width:100%;height:30px;background:#fff;box-sizing:border-box;padding:0 10px;font-family:"Work Sans",sans-serif;font-size:12px;font-weight:400;color:#333}form .form-input-field input:focus{outline:#1a1a1a}form .form-input-field .form-error{display:none}form .form-input-field.error{padding:3px;border:1px solid #fbb03b}form .form-input-field.error .form-error{display:block;text-align:left;padding:10px 0 10px 28px;background:url(images/form-error.png) no-repeat 7px center;font-size:12px;font-weight:600;color:#fbb03b;text-transform:uppercase}form .form-input-field.error .forgot-details{display:none}form .form-input-field.left-input,form .form-input-field.right-input{width:48%}form .form-input-field.left-input{float:left}form .form-input-field.right-input{float:right}form button{width:100%;display:block;box-sizing:border-box;padding:10px;background:#333;font-family:"Work Sans",sans-serif;font-size:15px;font-weight:600;color:#fff;cursor:pointer}form button:active{outline:none}.terms-checkbox{position:relative}.terms-checkbox label{display:block;font-family:"Work Sans",sans-serif;font-size:12px;font-weight:600;color:#fff;padding-left:42px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.terms-checkbox label:before{content:"";width:30px;height:30px;border:1px solid #fff;position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}.terms-checkbox label a{color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0)}.terms-checkbox input{width:1px;height:1px;margin:0;padding:0;border:none;position:absolute;top:0;left:0;visibility:hidden}.terms-checkbox input:checked+label:before{background:url(images/tick.png) no-repeat center}.radio-button{width:100%;display:table;margin-bottom:10px}.radio-button input[type=radio]{width:7px;height:7px;display:block;background:#fff;float:left;margin:0 5px 0 0;border:1px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;cursor:pointer}.radio-button input[type=radio]:checked{background:#1a1a1a}.radio-button input[type=radio]+label{float:left;font-family:"Work Sans",sans-serif;font-size:7px;font-weight:700;color:#fff;cursor:pointer}#header{width:100%;height:74px;box-sizing:border-box;padding:0 40px;background:#1a1a1a;position:fixed;top:0;left:0;z-index:9}#header .logo{width:103px;display:block;margin:20px 30px 0 0;float:left;border:none}#header-left-section{float:left}#header-right-section{float:right}#header-left-section:after,#header-right-section:after{content:"";width:100%;display:block;height:0;margin:0;padding:0;line-height:0;font-size:0;clear:both}#user-prompt{float:left;height:26px;margin:24px 20px 0 0;border-right:1px solid #373737}#user-prompt .mobile-user{width:14px;display:none;margin-top:6px;float:left}#user-prompt p{font-size:10px;line-height:26px;color:#fff;float:left}#user-prompt .info-icon{width:14px;float:left;padding:0 20px;margin-top:6px}#settings-nav{display:table;float:left;list-style:none;margin-top:25px}#settings-nav>li{float:left;position:relative}#settings-nav>li>a{display:table;padding-bottom:23px}#settings-nav>li>a img{width:26px;margin:0 10px;float:left;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-ms-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}#settings-nav>li>a span{max-width:0;overflow:hidden;margin:0;padding:0;line-height:26px;float:left;font-family:"News Cycle",sans-serif;font-size:18px;color:#fff;-webkit-transition:all 500ms;-moz-transition:all 500ms;-ms-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}#settings-nav>li>a.active img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}#settings-nav>li>a.active span{max-width:160px}#settings-nav>li .options{width:220px;box-sizing:border-box;display:none;padding:5px;list-style:none;background:#1a1a1a;position:absolute;top:100%;left:0;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.4);-moz-box-shadow:0 4px 10px rgba(0,0,0,.4);box-shadow:0 4px 10px rgba(0,0,0,.4)}#settings-nav>li .options li{padding:8px 0}#settings-nav>li .options li a{width:100%;display:table;box-sizing:border-box;padding:0 0 0 30px;font-family:"Work Sans",sans-serif;font-size:10px;line-height:16px;font-weight:600;color:#fff;text-decoration:none}#settings-nav>li .options li a img{width:16px;float:left;margin-right:10px;-webkit-transition:margin 250ms;-moz-transition:margin 250ms;-ms-transition:margin 250ms;-o-transition:margin 250ms;transition:margin 250ms}#settings-nav>li .options li a span{float:left}#settings-nav>li .options li a:hover img{margin-right:15px}#settings-nav>li .options li>ul>li{margin-left:10px;list-style:none}#settings-nav>li .options li>ul>li .bullet{margin:0 0 0 32px}#settings-nav>li .options li>ul>li .bullet li{background:url(images/square-bullet.png) no-repeat left 14px;background-size:4px;padding:8px 0 8px 16px}#settings-nav>li .options li>ul>li .bullet li a{padding:0}#settings-nav>li:hover a img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}#settings-nav>li:hover a span{max-width:160px}#settings-nav>li:hover .options{display:block}#menu-trigger{width:26px;height:26px;display:block;background:url(images/hamburger.png) no-repeat center top;background-size:26px;float:left;margin-top:24px}#footer{width:100%;height:84px;box-sizing:border-box;padding:30px 40px 0;background:#191919;position:fixed;bottom:0;left:0}#footer .logo{width:72px;display:block;margin:0 20px 0 0;float:left;border:none}#footer p{font-size:10px;line-height:14px;color:#4d4d4d;float:left;margin-right:35px}#footer p a{color:#4d4d4d}#footer .social{list-style:none;margin-top:5px;float:right}#footer .social li{float:left;margin:0 7px}#footer .social li a{width:16px;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-ms-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}#footer .social li a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}#main-navigation{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:7;display:block}#main-navigation .main-menu{right:-340px}.main-menu{width:340px;height:100vh;box-sizing:border-box;padding:114px 40px 40px;position:fixed;top:0;background:#c0272d}.main-menu .heading-group h2{font-size:24px;line-height:1}.main-menu .heading-group .close-menu,.main-menu .heading-group .close-mobile-options{width:15px;height:15px;background:url(images/close.png) no-repeat center top;background-size:15px;display:block;position:absolute;right:0;bottom:17px}.main-menu .heading-group .close-menu:hover,.main-menu .heading-group .close-mobile-options:hover{background-position:center bottom}.main-menu ul{list-style:none;margin-bottom:50px}.main-menu ul li{display:block;margin-bottom:25px}.main-menu ul li[data-nav=home] a:before{height:16px;background:url(images/home.png) no-repeat center top;background-size:16px}.main-menu ul li[data-nav=login] a:before{height:16px;background:url(images/log-in.png) no-repeat center top;background-size:10px}.main-menu ul li[data-nav=register] a:before{height:16px;background:url(images/register.png) no-repeat center top;background-size:10px}.main-menu ul li[data-nav=logout] a:before{height:16px;background:url(images/logout.png) no-repeat center top;background-size:16px}.main-menu ul li[data-nav=about] a:before{height:13px;background:url(images/about.png) no-repeat center top;background-size:16px}.main-menu ul li[data-nav=our-team] a:before{height:11px;background:url(images/team.png) no-repeat center top;background-size:16px}.main-menu ul li[data-nav=contact] a:before{height:12px;background:url(images/contact.png) no-repeat center top;background-size:16px}.main-menu ul li[data-nav=help] a:before{height:14px;background:url(images/help.png) no-repeat center top;background-size:14px}.main-menu ul li[data-nav=report-problem] a:before{height:12px;background:url(images/report.png) no-repeat center top;background-size:14px}.main-menu ul li a{font-family:"Work Sans",sans-serif;color:#fff;font-size:10px;font-weight:600;line-height:1.3;text-decoration:none;display:block;padding-left:50px;position:relative;-webkit-transition:padding 250ms;-moz-transition:padding 250ms;-ms-transition:padding 250ms;-o-transition:padding 250ms;transition:padding 250ms}.main-menu ul li a:before{content:"";width:16px;display:block;position:absolute;left:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.main-menu ul li a:hover{color:#1a1a1a;padding-left:55px}.main-menu ul li a:hover:before{background-position:center bottom}.main-menu .nav-social{padding-top:20px;position:relative}.main-menu .nav-social:before{content:"";display:block;width:100%;height:1px;position:absolute;left:0;-ms-transform:scaleY(0.5);transform:scaleY(0.5);background:#fff;top:0}.main-menu .nav-social p{margin:0 0 15px 0;font-family:"Work Sans",sans-serif;font-weight:600;font-size:12px;color:#fff}.main-menu .nav-social .social-icons{display:table;position:relative}.main-menu .nav-social .social-icons a{width:16px;float:left;display:block;margin:0 14px 0 0}.main-menu .nav-social .social-icons a:last-child{margin-right:0}.main-menu .mobile-setting-options{display:none}.main-menu .mobile-setting-options.open{display:block}.main-menu .mobile-setting-options a{width:100%;display:table;margin-bottom:15px;font-family:"Work Sans",sans-serif;font-size:10px;line-height:16px;font-weight:600;color:#fff;text-decoration:none}.main-menu .mobile-setting-options a img{width:16px;float:left;margin-right:10px;-webkit-transition:margin 250ms;-moz-transition:margin 250ms;-ms-transition:margin 250ms;-o-transition:margin 250ms;transition:margin 250ms}.main-menu .mobile-setting-options a span{float:left}.main-menu .mobile-setting-options a:hover img{margin-right:15px}#filter-overlay,#modal-overlay,.overlay{width:100vw;height:100vh;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;position:fixed;top:0;left:0;display:block}#filter-overlay{z-index:6}#modal-overlay{display:block}#page-title{padding:114px 0 40px 0;background:#333}#page-title h1{font-size:14px;font-weight:600;color:#fff;margin-bottom:10px}.wizard-step-indicator{font-size:14px;font-weight:600;color:#fff;line-height:1}.wizard-step-indicator span{color:#c0272d;font-weight:800}.page-heading{padding:30px 6px}.page-heading h1{font-size:14px;font-weight:600;color:#fff;margin-bottom:10px}.breadcrumbs{font-size:9px;color:#999}.breadcrumbs a{color:#666;text-decoration:none}#page-content{background:#000;padding-bottom:100px}#page-content.light-background{background:#333}.wizard-section{display:none;position:relative;padding-bottom:40px}.wizard-section.current{display:block}.wizard-section-heading{font-family:"Work Sans",sans-serif;font-size:14px;font-weight:600;color:#fff;text-align:center;padding-top:50px;margin-bottom:20px}.wizard-description{display:block;max-width:420px;box-sizing:border-box;padding:25px;margin:0 auto;font-weight:800;font-size:10px;line-height:14px;color:#fbb03b;text-align:center}#bitmation-name{width:100%;height:40px;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.15);border-left:none;border-right:none;text-align:center;font-family:"Work Sans",sans-serif;font-size:9px;font-weight:400;color:#fff}#bitmation-name::-webkit-input-placeholder{color:#ddd}#bitmation-name::-moz-placeholder{color:#ddd}#bitmation-name:-ms-input-placeholder{color:#ddd}#bitmation-name:-moz-placeholder{color:#ddd}.logo-icon-with-heading{margin:50px 0;text-align:center}.logo-icon-with-heading img{margin:0 auto 20px auto}.logo-icon-with-heading h2,.logo-icon-with-heading h3,.logo-icon-with-heading h4,.logo-icon-with-heading p{font-family:"News Cycle",sans-serif;font-size:24px;font-weight:800;letter-spacing:1px;color:#fff}.bitmation-settings{display:table;margin:0 auto;padding:25px 0}.bitmation-settings-slider-container{padding:15px 0;background:#000;position:relative}.bitmation-settings-slider-container .bitmation-settings-slider{width:180px;overflow:hidden;margin:0 auto}.bitmation-settings-slider-container .bitmation-settings-slider .bitmation-settings-slides{width:540px;display:table;text-align:center;position:relative;top:0;left:0;-webkit-transition:left 250ms;-moz-transition:left 250ms;-ms-transition:left 250ms;-o-transition:left 250ms;transition:left 250ms}.bitmation-settings-slider-container .bitmation-settings-slider-nav{width:11px;display:block;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.bitmation-settings-slider-container .bitmation-settings-slider-nav.next{right:54px}.bitmation-settings-slider-container .bitmation-settings-slider-nav.prev{left:54px}.bitmation-settings-slider-container .bitmation-settings-slider-nav.disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3}.bitmation-setting{width:60px;display:block;float:left;text-align:center;text-decoration:none;border:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-ms-transition:opacity 250ms;-o-transition:opacity 250ms;transition:opacity 250ms}.bitmation-setting img{margin:0 auto 10px auto}.bitmation-setting span{display:block;font-family:"Work Sans",sans-serif;font-size:7px;font-weight:700;color:#fff;text-align:center}.bitmation-setting:hover,.bitmation-setting.current{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}.bitmation-option{width:100%;background:#1a1a1a;box-sizing:border-box;padding:0 25px;display:none;position:relative;top:0;left:0;-webkit-box-shadow:0 10px 25px rgba(0,0,0,.4);-moz-box-shadow:0 10px 25px rgba(0,0,0,.4);box-shadow:0 10px 25px rgba(0,0,0,.4);z-index:2}.bitmation-option .close-option{width:16px;height:16px;display:block;position:absolute;top:10px;right:10px}.bitmation-option .bitmation-option-content{width:100%;max-width:330px;padding:40px 0;margin:0 auto}.bitmation-option h1,.bitmation-option h2,.bitmation-option h3,.bitmation-option h4,.bitmation-option h5,.bitmation-option h6,.bitmation-option p{color:#fff}.bitmation-option h1 a,.bitmation-option h2 a,.bitmation-option h3 a,.bitmation-option h4 a,.bitmation-option h5 a,.bitmation-option h6 a,.bitmation-option p a{color:#fff}.bitmation-option p{font-size:8px;margin-bottom:20px}.bitmation-option .btn{max-width:100%}.bitmation-option label{font-family:"Work Sans",sans-serif;font-size:13px;font-weight:700;color:#fff}.bitmation-option label span{font-size:9px;font-weight:400;color:#999;display:block;padding-top:3px}.bitmation-option .option-field{width:100%;display:table;margin-bottom:10px}.bitmation-option .option-field label{max-width:163px;float:left;margin-right:20px}.bitmation-option .option-field input[type=number],.bitmation-option .option-field input[type=text]{width:47px;height:32px;display:block;background:rgba(0,0,0,0);border:1px solid #fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-family:"Work Sans",sans-serif;font-size:13px;line-height:32px;font-weight:700;color:#fff;text-align:center}.bitmation-option .option-field .input-group{float:right;position:relative}.bitmation-option .option-field .input-group input{float:left}.bitmation-option .option-field .input-group input:first-child{margin-right:33px}.bitmation-option .option-field .input-group input::-webkit-input-placeholder{color:#fff}.bitmation-option .option-field .input-group input::-moz-placeholder{color:#fff}.bitmation-option .option-field .input-group input:-ms-input-placeholder{color:#fff}.bitmation-option .option-field .input-group input:-moz-placeholder{color:#fff}.bitmation-option .option-field .input-group span{width:13px;height:32px;background:url(images/x.png) no-repeat center;position:absolute;top:0;left:59px}.bitmation-option .live-preview-container{text-align:center}.bitmation-option .live-preview-container h3{color:#333;margin-bottom:15px}.bitmation-option .live-preview-container p{font-size:9px;color:#999;max-width:118px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.bitmation-option .live-preview-container .live-preview-area{width:100%;height:470px;position:relative}.bitmation-option .live-preview-container .live-preview-box{width:250px;height:100px;position:relative;margin:0 auto 35px auto;border:2px solid #333;overflow:hidden}.bitmation-option.current{display:block}.tool-definition{border-top:1px solid #333;padding-top:10px}.tool-definition a:hover{color:#fff}.choose-option{display:block;font-family:"Work Sans",sans-serif;font-size:7px;line-height:14px;font-weight:700;color:#999;text-decoration:none;text-transform:uppercase;-webkit-transition:all 250ms;-moz-transition:all 250ms;-ms-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}.choose-option:hover{padding-left:5px;color:#fff}.tool-definition-link{height:19px;display:table;font-family:"Work Sans",sans-serif;font-size:9px;font-weight:400;line-height:19px;color:#999;-webkit-transition:color 250ms;-moz-transition:color 250ms;-ms-transition:color 250ms;-o-transition:color 250ms;transition:color 250ms}.tool-definition-link img{float:left;margin-right:5px}.tool-definition-link span{float:left}.create-bitmation-container{width:100%;background:#1a1a1a}.create-bitmation-container .create-bitmation-editor-container{padding:40px}.create-bitmation-container .create-bitmation-editor-container img{margin:0 auto}.create-bitmation-container .create-bitmation-editor{width:246px;height:96px;margin:0 auto;background:red}.tool-definition-container{padding:40px;background:#1a1a1a;display:none;position:relative;-webkit-box-shadow:0 10px 25px rgba(0,0,0,.4);-moz-box-shadow:0 10px 25px rgba(0,0,0,.4);box-shadow:0 10px 25px rgba(0,0,0,.4);z-index:2}.tool-definition-container .tool-definition-content{width:330px;margin:0 auto}.tool-definition-container .tool-definition-link{margin-bottom:20px}.tool-definition-container h2,.tool-definition-container h3,.tool-definition-container h4,.tool-definition-container h5,.tool-definition-container h6{font-family:"Work Sans",sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:20px}.tool-definition-container p{font-size:9px;color:#999;margin-bottom:40px}.tool-definition-container .tool-definition-icon{margin:0 auto}.tool-definition-container .close-definition{width:16px;height:16px;display:block;position:absolute;top:10px;right:10px}.tool-definition-container.current{display:block}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:0;height:0;right:3px;bottom:3px;border-top:4px solid rgba(0,0,0,0);border-right:4px solid #333;border-bottom:4px solid #333;border-left:4px solid rgba(0,0,0,0)}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.colours{width:100%;padding:20px 0;display:table;list-style:none}.colours li{float:left;margin:3px}.colours li a{width:16px;height:16px;display:block}.colours li a.chosen{-webkit-box-shadow:inset 0 0 0 2px #fff;-moz-box-shadow:inset 0 0 0 2px #fff;box-shadow:inset 0 0 0 2px #fff}.colours li span.trans-line{width:20px;height:20px;border-bottom:2px solid #fff;transform:translateY(-24px) translateX(-8px) rotate(-45deg);position:absolute}.arrays-section-container{width:100%;box-sizing:border-box;padding:15px 15px 30px;background:#1a1a1a;z-index:2}.arrays-section-container h2,.arrays-section-container h3,.arrays-section-container h4,.arrays-section-container h5,.arrays-section-container h6{font-family:"News Cycle",sans-serif;font-size:18px;font-weight:400;color:#fff;float:left;margin:0 15px 10px 0}.arrays-section-container .arrays-container{float:left;border-bottom:1px solid #333}.arrays-section-container .arrays-container .arrays{display:table;list-style:none;float:left}.arrays-section-container .arrays-container .arrays .array{float:left;position:relative;margin-right:5px;text-align:center;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.arrays-section-container .arrays-container .arrays .array .array-number{width:32px;display:block;padding:6px 0 13px;font-family:"Work Sans",sans-serif;font-size:18px;font-weight:700;line-height:1;color:#fff;text-decoration:none}.arrays-section-container .arrays-container .arrays .array .edit-array{width:20px;height:20px;display:block;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:1px solid #333;background:#1a1a1a url(images/edit-array.png) no-repeat center;-webkit-box-shadow:0 1px 5px #000;-moz-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;z-index:2;position:absolute;top:30px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 250ms;-moz-transition:all 250ms;-ms-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}.arrays-section-container .arrays-container .arrays .array .edit-array:hover,.arrays-section-container .arrays-container .arrays .array .edit-array.active{background-color:#c0272d;border-color:#fff}.arrays-section-container .arrays-container .arrays .array .array-edits{width:100px;display:none;box-sizing:border-box;padding:20px 15px 10px;background:#1a1a1a;text-align:left;z-index:1;position:absolute;top:38px;left:0}.arrays-section-container .arrays-container .arrays .array .array-edits a{display:block;font-family:"News Cycle",sans-serif;font-size:8px;font-weight:500;line-height:15px;color:#fff;text-decoration:none}.arrays-section-container .arrays-container .arrays .array.current{background-color:#c0272d}#add-array{height:27px;float:left;font-family:"Work Sans",sans-serif;font-size:10px;font-weight:700;line-height:12px;color:#fff;text-decoration:none;padding-left:32px;background:url(images/add-array.png) no-repeat left center}.thumbnail-holder{text-align:left}.thumbnail-holder #gallery{text-align:center}.thumbnail-holder #gallery .thumbnail{display:inline-block;margin:6px 4px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-ms-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}.thumbnail-holder #gallery .thumbnail .thumbnail-img{width:100%;height:119px;display:block;background:#333 no-repeat center;background-size:contain !important}.thumbnail-holder #gallery .thumbnail .thumbnail-img img{margin:auto;top:0;bottom:0;height:119px;max-width:158px;max-height:119px}.thumbnail-holder #gallery .thumbnail .thumbnail-content{padding:12px;background:#4d4d4d;color:#fff;position:relative;text-align:left}.thumbnail-holder #gallery .thumbnail .thumbnail-content h3{font-size:12px;font-weight:600;margin-bottom:4px;line-height:1.3}.thumbnail-holder #gallery .thumbnail .thumbnail-content h3 a{text-decoration:none;color:#fff}.thumbnail-holder #gallery .thumbnail .thumbnail-content h3 a:hover{color:#c0272d}.thumbnail-holder #gallery .thumbnail .thumbnail-content p{font-size:10px;margin-bottom:0;color:#999}.thumbnail-holder #gallery .thumbnail .thumbnail-content p a{color:#999;text-decoration:none}.thumbnail-holder #gallery .thumbnail .thumbnail-content p a:hover{color:#fff}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta{width:100%;display:table}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a{float:left;font-family:"Work Sans",sans-serif;font-size:9px;line-height:11px;font-weight:700;color:#fff;text-decoration:none}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a span{display:inline-block;height:11px;padding-left:15px;margin-right:5px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.like,.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unlike{padding-top:5px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.like span{background:url(images/favourite.png) no-repeat left top;background-size:12px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.like:hover span{background:url(images/favourite.png) no-repeat left -11px;background-size:12px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unlike span{background:url(images/unfavourite.png) no-repeat left top;background-size:12px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.unlike:hover span{background:url(images/unfavourite.png) no-repeat left -11px;background-size:12px}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.icon_export_2,.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta a.icon_delete{width:17px;height:17px;display:block}.thumbnail-holder #gallery .thumbnail .thumbnail-content .thumbnail-meta .flag{width:13px;float:right}.thumbnail-holder #gallery .thumbnail.select-bitmap{position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none}.thumbnail-holder #gallery .thumbnail.select-bitmap.selected:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(51,51,51,.9) url(images/selected-bitmap-desktop.png) no-repeat center}.thumbnail-holder #gallery.display-thumbnail .thumbnail{width:158px}.thumbnail-holder #gallery.display-thumbnail .thumbnail .thumbnail-img{height:119px}.thumbnail-holder #gallery.display-large .thumbnail{width:328px}.thumbnail-holder #gallery.display-large .thumbnail .thumbnail-img{height:280px}.thumbnail-holder #gallery.display-large .thumbnail .thumbnail-img img{margin:auto;top:0;bottom:0;height:280px;max-width:328px;max-height:280px}.thumbnail-holder #gallery.display-large .thumbnail .like-holder{position:absolute;bottom:10px;right:10px}.thumbnail-holder #gallery.display-favicon .thumbnail{width:100px}.thumbnail-holder #gallery.display-favicon .thumbnail .thumbnail-img{height:100px}.thumbnail-holder #gallery.display-favicon .thumbnail .thumbnail-img img{margin:auto;top:0;bottom:0;height:88px;max-width:88px;max-height:88px}.thumbnail-holder #gallery.display-favicon .thumbnail .thumbnail-content{display:none}#lazy-loader{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:#4d4d4d;color:#fff;margin:40px auto}.meta-filters{width:15%;position:fixed;top:180px;left:0;z-index:6}.meta-filters li{display:table;margin:0 auto 40px auto;position:relative}.meta-filters li a{font-family:"Work Sans",sans-serif;font-size:10px;color:#fff;font-weight:600;text-decoration:none;display:block;text-align:center}.meta-filters li a:before{content:"";display:block;margin:0 auto 5px auto}.meta-filters li a[data-meta=filter]:before{width:26px;height:26px;background:url(images/filter.png) no-repeat center top;background-size:26px}.meta-filters li a[data-meta=display]:before{width:28px;height:28px;background:url(images/display.png) no-repeat center top;background-size:28px}.meta-filters li a[data-meta=create]:before{width:26px;height:26px;background:url(images/create_icon.png) no-repeat center top;background-size:26px}.meta-filters li a[data-meta=settings]:before{width:29px;height:29px;background:url(images/settings.png) no-repeat center top;background-size:29px}.meta-filters li a[data-meta=change]:before{width:29px;height:29px;background:url(images/settings.png) no-repeat center top;background-size:29px}.meta-filters li a.open{color:rgba(0,0,0,0)}.meta-filters li .filter-menu{width:160px;display:none;padding-top:15px;position:relative;top:0;left:56px}.meta-filters li .filter-menu .heading-group:after{display:none}.meta-filters li .filter-menu .menu a{font-size:10px;color:#7f7f7f;display:block;text-align:left;margin-bottom:20px;position:relative;padding-left:25px;-webkit-transition:padding 250ms;-moz-transition:padding 250ms;-ms-transition:padding 250ms;-o-transition:padding 250ms;transition:padding 250ms}.meta-filters li .filter-menu .menu a:before{content:"";display:block;position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}.meta-filters li .filter-menu .menu a[data-create=create-bitmap]:before{width:16px;height:16px;background:url(images/create-bitmap.png) no-repeat center bottom;background-size:16px}.meta-filters li .filter-menu .menu a[data-create=import-bitmap]:before{width:12px;height:12px;background:url(images/import.png) no-repeat center bottom;background-size:12px}.meta-filters li .filter-menu .menu a[data-create=define-theme]:before{width:16px;height:16px;background:url(images/define-theme.png) no-repeat center bottom;background-size:16px}.meta-filters li .filter-menu .menu a[data-create=bitmation-screen-grab]:before{width:16px;height:16px;background:url(images/bitmap-screengrabs.png) no-repeat center bottom;background-size:16px}.meta-filters li .filter-menu .menu a[data-create=bitmation-themes]:before,.meta-filters li .filter-menu .menu a[data-create=create-bitmation]:before{width:14px;height:11px;background:url(images/bitmation-themes.png) no-repeat center bottom;background-size:14px}.meta-filters li .filter-menu .menu a[data-create=support]:before{width:14px;height:12px;background:url(images/support.png) no-repeat center bottom;background-size:14px}.meta-filters li .filter-menu .menu a[data-display=favicon]:before{width:16px;height:16px;background:url(images/favicon.png) no-repeat center bottom;background-size:16px}.meta-filters li .filter-menu .menu a[data-display=thumbnail]:before{width:16px;height:16px;background:url(images/thumbnail.png) no-repeat center bottom;background-size:16px}.meta-filters li .filter-menu .menu a[data-display=large]:before{width:16px;height:16px;background:url(images/large.png) no-repeat center bottom;background-size:16px}.meta-filters li .filter-menu .menu a:hover{color:#fff;padding-left:28px}.meta-filters li .filter-menu .menu a:hover:before{background-position:center top}.meta-filters li .filter-menu .menu a.bitmap-change-setting{font-size:14px;margin-bottom:5px;padding-left:0}.meta-filters li .filter-menu .menu a.bitmap-change-setting.open{color:#fff;padding-left:5px}.meta-filters li .filter-menu .menu a.bitmap-change-setting:hover{padding-left:5px}.meta-filters li .filter-menu .menu .bitmap-change-options{padding:12px 0 17px 0;display:none}.meta-filters li .filter-menu .menu .bitmap-change-options input{width:45px;height:34px;float:left;background:#4d4d4d;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-family:"Work Sans",sans-serif;color:gray;font-weight:600;text-align:center}.meta-filters li .filter-menu .menu .bitmap-change-options input:focus{border:none;outline:none}.meta-filters li .filter-menu .menu .bitmap-change-options .times-icon{margin:0 10px;padding-top:10px;float:left}.meta-filters li .filter-menu .menu .bitmap-change-options .bitmap-colour-name{font-size:9px;color:#95989a;font-weight:600}.meta-filters li .filter-menu .menu .bitmap-change-options .bitmap-colours{list-style:none}.meta-filters li .filter-menu .menu .bitmap-change-options .bitmap-colours li{float:left;margin:2px}.meta-filters li .filter-menu .menu .bitmap-change-options .bitmap-colours li a{width:36px;height:36px;display:block;padding:0;margin:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.meta-filters li .filter-menu.mobile-menu{width:240px;height:100vh;box-sizing:border-box;padding:110px 40px 40px 40px;display:block;position:fixed;top:0;left:-240px;background:#c0272d;z-index:8}.meta-filters li .filter-menu.mobile-menu .heading-group h2{font-size:24px;line-height:1}.meta-filters li .filter-menu.mobile-menu .heading-group .close-filter-menu{width:15px;height:15px;background:url(images/close.png) no-repeat center top;background-size:15px;display:block;position:absolute;right:0;bottom:17px}.meta-filters li .filter-menu.mobile-menu .heading-group .close-filter-menu:hover{background-position:center bottom}.meta-filters li .filter-menu.mobile-menu .menu a{font-family:"Work Sans",sans-serif;color:#fff;line-height:1.3}.meta-filters li .filter-menu.mobile-menu .menu a:before{background-position:center top}.meta-filters li .filter-menu.mobile-menu .menu a:hover{color:#1a1a1a}.meta-filters li .filter-menu.mobile-menu .menu a:hover:before{background-position:center bottom}.meta-filters li .temp-text{font-family:"News Cycle",sans-serif;font-size:18px;color:#7f7f7f;font-weight:400;position:absolute;top:0;left:100px}.content-section h3{color:#fff;margin-bottom:10px}.content-section p{font-size:14px;color:#fff;line-height:1.7;margin-bottom:25px}.content-section .contributor{width:100%;display:table;margin-bottom:0}.content-section .contributor span{display:block;width:50%;float:left}.content-section .contributions-banner{padding:45px;border:1px solid #fff;margin:40px 0;color:#fff}.content-section .contributions-banner h3{font-size:18px;margin-bottom:5px}.content-section .contributions-banner p{margin-bottom:0}.user-stats,.user-available{width:48%;height:190px;box-sizing:border-box;padding:35px;margin-top:40px}.user-stats{background:#c0272d;float:left}.user-stats .profile-name{height:36px;padding-left:42px;margin-bottom:45px;background:url(images/profile.png) no-repeat left center;background-size:32px;color:#fff}.user-stats .profile-name p{display:block;font-size:10px}.user-stats .profile-score,.user-stats .profile-storage{width:50%;float:left;margin-bottom:0}.user-stats .profile-score img,.user-stats .profile-storage img{float:left;margin-right:10px}.user-stats .profile-score p,.user-stats .profile-storage p{font-family:"Work Sans",sans-serif;font-size:15px;font-weight:400;line-height:18px;color:#fff}.user-stats .profile-score .score,.user-stats .profile-score .storage,.user-stats .profile-storage .score,.user-stats .profile-storage .storage{display:block;font-family:"News Cycle",sans-serif;font-weight:800}.user-stats .profile-score img{width:37px}.user-stats .profile-storage img{width:33px}.user-available{background:#e6e6e6;float:right}.user-available h3{color:#333}.user-available .availabilities .availability{display:block;position:relative;margin-bottom:15px;text-decoration:none}.user-available .availabilities .availability:last-child{margin-bottom:0}.user-available .availabilities .availability .amount{width:77px;height:67px;display:block;background:url(images/availability.png) no-repeat center;background-size:77px;margin-right:10px;font-family:"News Cycle",sans-serif;font-size:27px;font-weight:800;color:#fff;line-height:67px;text-align:center}.user-available .availabilities .availability .description{font-family:"Work Sans",sans-serif;font-size:15px;font-weight:400;color:#333;position:absolute;left:87px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.user-available .availabilities .availability .description span{display:block;font-size:6px;font-weight:500}.profile-storage-meter{height:25px;background:#fff;position:relative;padding:3px;box-sizing:border-box}.profile-storage-meter .profile-storage-meter-bar{width:80%;height:100%;background:#c0272d;position:relative;-webkit-transition:width 250ms;-moz-transition:width 250ms;-ms-transition:width 250ms;-o-transition:width 250ms;transition:width 250ms}.profile-storage-meter .profile-storage-meter-bar .current{right:-9px;top:-25px}.profile-storage-meter span{position:absolute;top:-22px;font-family:"Work Sans",sans-serif;font-size:10px;font-weight:400;color:#fff}.profile-storage-meter span:after{content:"";width:2px;height:5px;background:#fff;display:block;position:absolute;left:50%;top:100%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.profile-storage-meter .min{left:-6px}.profile-storage-meter .max{right:-12px}.profile-heading{margin-bottom:25px;line-height:1.2}.profile-heading h3{font-size:16px;font-weight:700}.profile-heading a{color:#fff}.profile-meta{margin:40px 0}.profile-meta .btn{display:inline-block;padding:10px;margin-right:10px}.most-recent .profile-heading{color:#fff;margin-bottom:15px}.most-recent .most-recent-items{width:100%;display:table}.most-recent .most-recent-items .item{width:100px;float:left;margin-right:15px}.most-recent .most-recent-items .item:last-child{margin-right:0}.most-recent .most-recent-items .item a{display:block;border:none;text-decoration:none}.most-recent .most-recent-items .item a .thumb{height:100px;display:block;background:#fff no-repeat center;background-size:contain !important;margin-bottom:5px}.most-recent .most-recent-items .item a .name{font-family:"Work Sans",sans-serif;font-size:11px;font-weight:700;color:#fff}#bitmap-editor-settings{position:relative;padding:100px 0}#bitmap-editor-settings h2{font-size:18px;color:gray;font-weight:400;line-height:1.2}#bitmap-creation-selection{width:182px;margin:0 auto;text-align:center}#bitmap-creation-selection img{margin:0 auto 20px auto}#bitmap-creation-selection h2{margin-bottom:30px}#bitmap-creation-selection .btn{margin-bottom:10px}#bitmap-creation-selection .btn:last-child{margin-bottom:0}#bitmap-settings,#bitmap-theme-choices{width:352px;display:none;margin:0 auto;border:1px solid #2d2d2d;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-sizing:border-box;padding:45px;position:relative;top:0;left:0}#bitmap-settings h2,#bitmap-theme-choices h2{margin-bottom:20px}#bitmap-settings ul,#bitmap-theme-choices ul{list-style:none;font-family:"Work Sans",sans-serif}#bitmap-settings ul li,#bitmap-theme-choices ul li{display:block}#bitmap-settings ul li .bitmap-canvas-type,#bitmap-theme-choices ul li .bitmap-canvas-type{display:inline-block;position:relative;font-size:14px;line-height:15px;color:gray;text-decoration:none}#bitmap-settings ul li .bitmap-canvas-type.selected,#bitmap-theme-choices ul li .bitmap-canvas-type.selected{color:#c0272d}#bitmap-settings ul li .bitmap-canvas-type.selected:before,#bitmap-theme-choices ul li .bitmap-canvas-type.selected:before{content:"";width:15px;height:15px;display:block;background:url(images/bitmap-type-check.png) no-repeat center;position:absolute;top:0;left:-20px}#bitmap-settings ul li .bitmap-canvas-type:hover,#bitmap-settings ul li .bitmap-canvas-type:active,#bitmap-theme-choices ul li .bitmap-canvas-type:hover,#bitmap-theme-choices ul li .bitmap-canvas-type:active{color:#c0272d}#bitmap-settings ul li .bitmap-canvas-sizes,#bitmap-theme-choices ul li .bitmap-canvas-sizes{padding:10px 0;display:none}#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-canvas-size,#bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-canvas-size{font-size:9px;color:#95989a;font-weight:700;line-height:1.48;text-decoration:none}#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder,#bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder{padding:10px 0;display:none}#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview,#bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview{display:table;width:131px;font-size:26px;color:gray;background:url(images/times.png) no-repeat center;float:left}#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span,#bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span{width:49px;height:34px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#4d4d4d;font-size:14px;font-weight:600;line-height:34px;text-align:center}#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span.bitmap-width,#bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span.bitmap-width{float:left}#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span.bitmap-height,#bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .bitmap-size-preview span.bitmap-height{float:right}#bitmap-settings ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .btn.preview,#bitmap-theme-choices ul li .bitmap-canvas-sizes .bitmap-size-preview-holder .btn.preview{display:block;padding:7px 10px 7px 36px;background:url(images/preview.png) no-repeat 10px center;float:right}#bitmap-settings #id_bitmap_name,#bitmap-theme-choices #id_bitmap_name{width:100%;padding:5px 0;border:none;border-bottom:1px solid #434343;margin-bottom:40px;background:rgba(0,0,0,0);font-family:"Work Sans",sans-serif;font-size:14px;color:#c1c3c5}#bitmap-settings #id_bitmap_name:focus,#bitmap-theme-choices #id_bitmap_name:focus{outline:none}#bitmap-canvas-preview{position:relative;display:none;text-align:center}#bitmap-canvas-preview .btn{display:inline-block;margin:5px;padding:10px 20px}#bitmap-canvas-preview-content{width:350px;margin:0 auto 30px auto;border:1px solid #2d2d2d;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-sizing:border-box;padding:40px 25px;position:relative;top:0;left:0}#bitmap-canvas-preview-content .canvas-type{font-size:18px;color:#c1c3c5;line-height:1.1;font-weight:400;text-transform:uppercase}#bitmap-canvas-preview-content p{color:#c1c3c5}#bitmap-canvas-preview-content .bitmap-preview-description{font-size:8px;color:#fff}#bitmap-dimensions-preview{width:50px;height:50px;background:#c0272d;margin:50px auto 10px auto}#bitmap-editor-container{padding:30px 40px;background:#1a1a1a;position:relative}#bitmap-editor-container #bitmap-name,#bitmap-editor-container #id_bitmap_name{width:100%;height:21px;box-sizing:border-box;padding:0 15px;background:#333;margin:0;border:none;position:absolute;bottom:0;left:0;font-family:"Work Sans",sans-serif;font-size:9px;font-weight:400;color:#fff;text-align:center}#bitmap-editor{display:table;margin:0 auto;position:relative;height:290px;width:280px}#bitmap-zoom{position:absolute;top:0;right:-40px}#bitmap-zoom a{width:20px;height:20px;display:block;border:1px solid #333;margin-bottom:10px}#bitmap-zoom .zoom-in{background:url(images/plus.png) no-repeat center}#bitmap-zoom .zoom-out{background:url(images/minus.png) no-repeat center}#bitmap-zoom .zoom-size{font-family:"Work Sans",sans-serif;color:#ddd;font-size:.8em;width:20px;height:20px;display:block;margin-bottom:10px;text-align:center}#bitmap-hand-preview{position:absolute;top:100px;right:-38px}#bitmap-hand-preview a{width:17px;height:17px;display:block;margin-bottom:10px}#edit-bitmap-name{display:block;margin:10px 0;font-family:"Work Sans",sans-serif;font-size:9px;font-weight:400;color:#4d4d4d;text-decoration:none;text-align:center}#edit-bitmap-name span{padding-left:13px;background:url(images/edit-bitmap-name.png) no-repeat left center}#bitmap-meta{position:relative;text-align:center}#bitmap-meta .btn{display:inline-block;margin:0 5px;padding:10px}.mailbox-container{background:#000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mailbox-container .mailbox-header{padding:23px 18px}.mailbox-container .mailbox-header h2{font-family:"News Cycle",sans-serif;font-size:18px;font-weight:400;line-height:40px;color:#fff;float:left}.mailbox-container .mailbox-header .btn{float:right}.mailbox-container .mailbox-messages-head,.mailbox-container .mailbox-message{width:100%;display:table;padding:5px 0}.mailbox-container .mailbox-messages-head .column,.mailbox-container .mailbox-message .column{display:table-cell;vertical-align:middle}.mailbox-container .mailbox-messages-head .column.status,.mailbox-container .mailbox-message .column.status{width:12.5%;text-align:center}.mailbox-container .mailbox-messages-head .column.subject,.mailbox-container .mailbox-message .column.subject{width:69%;border-right:1px solid #1a1a1a}.mailbox-container .mailbox-messages-head .column.view,.mailbox-container .mailbox-message .column.view{width:18.5%;text-align:center}.mailbox-container .mailbox-messages-head{background:#1a1a1a}.mailbox-container .mailbox-messages-head .column.status,.mailbox-container .mailbox-messages-head .column.subject{font-family:"Work Sans",sans-serif;font-size:9px;font-weight:400;color:#4d4d4d}.mailbox-container .mailbox-message{border-bottom:1px solid #333}.mailbox-container .mailbox-message .mailbox-status-icon{width:16px;height:16px;background:url(images/unopened-mail.png) no-repeat center;background-size:16px;margin:0 auto 5px}.mailbox-container .mailbox-message .message-status-text{display:block;font-family:"Work Sans",sans-serif;font-size:5px;font-weight:400;color:#666}.mailbox-container .mailbox-message p{display:block;font-family:"Work Sans",sans-serif;font-size:14px;line-height:17px;font-weight:800;color:#fff}.mailbox-container .mailbox-message .column.view a{font-family:"Work Sans",sans-serif;font-size:14px;font-weight:700;color:#fff;text-decoration:none}.mailbox-container .mailbox-message.opened .mailbox-status-icon{background:url(images/opened-mail.png) no-repeat center;background-size:16px}.mailbox-container .mailbox-message.opened p,.mailbox-container .mailbox-message.opened span{color:#4d4d4d}.mailbox-container .message-date{display:block;font-family:"Work Sans",sans-serif;font-size:9px;font-weight:400;color:#666}.mailbox-container .mailbox-message-body{border-top:20px solid #1a1a1a;padding:30px 80px}.mailbox-container .mailbox-message-body h2{font-family:"Work Sans",sans-serif;font-size:24px;font-weight:800;line-height:29px;color:#fff}.mailbox-container .mailbox-message-body .message-date{margin-bottom:20px}.mailbox-container .mailbox-message-body p{font-family:"Work Sans",sans-serif;font-size:14px;font-weight:400;line-height:16px;color:#fff;margin-bottom:16px}.mailbox-container .mailbox-messages-footer{padding:22px 18px}#compose-message-form{border-top:2px solid #1a1a1a;padding:30px 80px}#compose-message-form h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:30px}#compose-message-form input{width:100%;height:26px;background:rgba(0,0,0,0);border-bottom:1px solid #333;font-family:"Work Sans",sans-serif;font-size:14px;font-weight:400;color:#c0272d;margin-bottom:40px}#compose-message-form textarea{width:100%;max-width:100%;height:83px;min-height:83px;box-sizing:border-box;padding:10px;background:#1a1a1a;margin-bottom:20px;font-family:"Work Sans",sans-serif;font-size:14px;font-weight:400;color:#fff}#compose-message-form button{width:auto;display:inline-block;background:rgba(0,0,0,0);padding:10px}#contact-form-submit span{padding-right:15px;background:url(images/save.png) no-repeat right center;background-size:10px}#contact-btn{padding:10px}#contact-btn span{padding-right:21px;background:url(images/contact.png) no-repeat right center;background-size:16px}#older-messages{display:inline-block;font-family:"Work Sans",sans-serif;font-size:14px;font-weight:700;color:gray;text-decoration:none;padding-right:15px;background:url(images/save.png) no-repeat right center;background-size:10px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-ms-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}#older-messages:hover{color:#fff;padding-right:20px}.back-to-messages{display:inline-block;font-family:"Work Sans",sans-serif;font-size:16px;font-weight:700;color:gray;text-decoration:none;padding-left:20px;margin:20px 0;background:url(images/back-to-messages.png) no-repeat left center;-webkit-transition:all 250ms;-moz-transition:all 250ms;-ms-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms}.back-to-messages:hover{color:#fff;padding-left:25px}.in-contact-description{display:block;max-width:550px;box-sizing:border-box;padding:30px 25px;margin:0 auto;font-weight:700;font-size:9px;line-height:11px;color:#1a1a1a;text-align:center;text-transform:uppercase}.help{width:100%;height:100vh;overflow:hidden;background:rgba(26,26,26,.98);box-sizing:border-box;padding:114px 0 0;display:none;position:fixed;top:0;left:0;z-index:6}.help .contentarea{height:100%;position:relative;overflow:auto}.help h2,.help p{color:#fff}.help h2{font-size:18px;font-weight:400;margin-bottom:40px}.help p{margin-bottom:18px}.help .close-help{width:16px;height:16px;display:block;position:absolute;top:104px;right:104px}.icon-with-description{width:100%;display:table;position:relative}.icon-with-description .icon{width:26px;position:absolute;top:7px;left:0}.icon-with-description .description{padding-left:36px}#back-to-top{width:42px;height:42px;display:block;background:#000 url(images/back-to-top.png) no-repeat center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;position:fixed;bottom:20px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}#cookie-banner{position:fixed;width:100%;height:260px;bottom:-140px;z-index:200;background:#fbc720;color:#000;transition:bottom .5s ease}#cookie-banner p{font-size:1.2em;line-height:1.1em;padding-top:25px}#cookie-banner p a{color:#000}#cookie-banner p a.hang_right{font-size:.8em;font-family:"Work Sans",sans-serif;text-decoration:none;border:1px #000 solid;float:right;padding:5px 15px 5px 15px;color:#000;margin-top:15px;cursor:pointer;transition:background-color .3s ease}#cookie-banner p a.hang_right:hover{background-color:#000;color:#fbc720}@media screen and (max-width: 1064px){.contentarea{width:100%;padding:0 20px}#header{padding:0 20px}#header .logo{width:80px;margin:20px 0 0 0}#user-prompt p{display:none}#user-prompt .mobile-user{display:block}#user-prompt .info-icon{padding:0 13px}#settings-nav>li>a{padding-bottom:23px}#settings-nav>li>a img{width:18px;margin:0 10px}#settings-nav>li>a span{line-height:18px}#footer{display:none}#page-content{padding-bottom:20px}.help{padding:94px 0 20px}.help .close-help{top:94px;right:20px}#cookie-banner br{display:none}}@media screen and (max-width: 720px){.contentarea.gallery{width:100%;padding:0 20px}#page-title{padding:84px 0 0 0}#page-title h1{padding-bottom:10px;margin-bottom:0}#page-content{padding-bottom:0}form{margin-bottom:0}.user-stats,.user-available{width:100%;padding:20px;margin-top:20px}.profile-meta{text-align:center;margin:20px 0}.slide-in-menu{padding-bottom:130px;overflow-y:auto}.thumbnail-holder{max-width:100%}.thumbnail-holder #gallery .thumbnail .thumbnail-content h3{font-size:12px}.thumbnail-holder #gallery .thumbnail .thumbnail-content p{font-size:9px}.thumbnail-holder #gallery .thumbnail.select-bitmap.selected:after{background:rgba(51,51,51,.9) url(images/selected-bitmap.png) no-repeat center;background-size:95px}.thumbnail-holder #gallery.display-thumbnail .thumbnail{width:158px}.thumbnail-holder #gallery.display-thumbnail .thumbnail .thumbnail-img{height:118px}.thumbnail-holder #gallery.display-large .thumbnail{width:328px}.thumbnail-holder #gallery.display-large .thumbnail .thumbnail-img{height:265px}.thumbnail-holder #gallery.display-favicon .thumbnail{width:100px}.thumbnail-holder #gallery.display-favicon .thumbnail .thumbnail-img{height:100px}#log-in-modal{z-index:7}#log-in-modal .modal{max-width:100%;height:100%;overflow-y:auto;top:0;padding:120px 40px;z-index:7}.profile section{padding:0;background:none}.profile section .col-6{width:100%;padding:0}.profile section .user-stats{padding:15px}.profile section .user-stats .profile-score .score,.profile section .user-stats .profile-score .storage,.profile section .user-stats .profile-storage .score,.profile section .user-stats .profile-storage .storage{font-size:24px}.profile section .user-stats .profile-score .score:after,.profile section .user-stats .profile-score .storage:after,.profile section .user-stats .profile-storage .score:after,.profile section .user-stats .profile-storage .storage:after{font-size:14px}.profile section .user-stats .profile-score .score{width:68px;height:62px;background-size:68px}.profile section .user-stats .profile-score .score:after{left:76px}.profile section .user-stats .profile-storage .storage{width:62px;height:62px}.profile section .user-stats .profile-storage .storage:after{left:73px}.profile section .user-available{padding:15px;background:#e6e6e6}.profile section .user-available .availabilities{width:100%;display:table}.profile section .user-available .availabilities a{width:50%;float:left}.profile section .user-available .availabilities a .amount{width:48px;height:48px;font-size:24px;line-height:48px}.profile section .user-available .availabilities a .description{font-size:14px;left:58px}.profile section .user-most-recent .most-recent-items{width:100%;display:table}.profile section .user-most-recent .most-recent-items .item{width:33.3%;padding:0 6px;margin-top:12px}.profile section .user-most-recent .most-recent-items .item a .thumb{height:100px}#cookie-banner{height:280px}#cookie-banner br{display:none}.breadcrumbs{display:none}}@media screen and (max-width: 640px){.contentarea.small{width:100%;padding:0 15px}.contentarea.small .btn{max-width:318px}.content-section .contributor{margin-bottom:14px}.content-section .contributor span{width:100%;float:none}.content-section .contributions-banner{padding:20px}.mailbox-container .mailbox-header{padding:20px}.mailbox-container .mailbox-header .back-to-messages{margin:0}.mailbox-container .mailbox-messages-head .column.status,.mailbox-container .mailbox-message .column.status{width:13%}.mailbox-container .mailbox-messages-head .column.subject,.mailbox-container .mailbox-message .column.subject{width:69%;padding:0 20px}.mailbox-container .mailbox-messages-head .column.view,.mailbox-container .mailbox-message .column.view{width:18%}.mailbox-container .mailbox-message{padding:20px 0}.mailbox-container .mailbox-message-body{border-top:2px solid #1a1a1a;padding:20px}.mailbox-container .mailbox-messages-footer{padding:20px}#compose-message-form{padding:20px}#compose-message-form h3{margin-bottom:20px}#compose-message-form input{margin-bottom:20px}#bitmap-editor-settings{padding:40px 0}#bitmap-settings{width:auto;border:none;padding:0 20px}#bitmap-theme-choices{width:auto;border:none;padding:0 20px}#bitmap-canvas-preview-content{width:auto;border:none;padding:0 20px}#bitmap-meta{position:fixed}.fixed-mobile-meta{width:100%;padding:5px 5px 15px;background:#2b2a2a;text-align:center;position:fixed;left:0;bottom:0}.fixed-mobile-meta .btn{border:1px solid #333}#bitmap-editor-container{padding:20px 22px}#bitmap-editor-container #id_bitmap_name{height:20px}#bitmap-zoom{right:-22px}#bitmap-hand-preview{right:-20px}.bitmation-option{padding:0 20px}.bitmation-option .bitmation-option-content{padding:40px 0 20px}.create-bitmation-container .create-bitmation-editor-container{padding:20px}.live-preview-container{display:none}.bitmation-settings-slider-container .bitmation-settings-slider-nav.next{right:0}.bitmation-settings-slider-container .bitmation-settings-slider-nav.prev{left:0}.tool-definition-container{padding:20px}.tool-definition-container .tool-definition-content{width:100%}.modal .content{max-width:100%;height:100vh;overflow:auto;padding:94px 20px 20px;top:0;-ms-transform:translateY(0);transform:translateY(0)}.modal .content .close-modal{top:94px;right:20px;z-index:1}#register-modal.modal{position:static}#email-recovery-modal .content,#password-confirmation-modal .content{padding:94px 40px 20px 20px}form .form-input-field.left-input,form .form-input-field.right-input{width:100%;float:none}#cookie-banner{height:340px}#cookie-banner br{display:none}.thumbnail-holder #gallery.display-thumbnail .thumbnail{width:138px}}@media screen and (max-width: 640px)and (max-width: 360px){.thumbnail-holder #gallery.display-thumbnail .thumbnail{width:120px}#settings-nav>li>a img{margin:0 5px}}@media screen and (max-width: 640px)and (max-width: 480px){.thumbnail-holder #gallery .thumbnail .thumbnail-img img{max-width:116px}}@media screen and (max-width: 640px){#user-prompt{border-right:0;margin-right:10px}#bitmap_creator_form .btn{display:inline-block;margin:5px;padding:10px 20px}}

/*# sourceMappingURL=styles.css.map*/