.modal,
.vignette,
.modaler {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.modaled {
    overflow: hidden;
    -webkit-overflow-style: none;
    -moz-overflow-style: none;
    -ms-overflow-style: none
}

.modaled::-webkit-scrollbar {
    display: none !important;
    width: 0 !important
}

.modaled::-moz-scrollbar {
    display: none !important;
    width: 0 !important
}

.modaled::-ms-scrollbar {
    display: none !important;
    width: 0 !important
}

.modaler {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 4000
}

.modaler .modal {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    margin: 40px auto
}

.modal {
    position: fixed;
    background: white;
    top: 20%;
    left: 50%;
    right: 50%;
    width: 620px;
    margin: 0 -320px;
    z-index: 4000;
    box-shadow: 0 2px 8px black;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.modal.fade {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

.modal .header,
.modal .footer,
.modal .body {
    padding: 10px
}

.modal .header:before,
.modal .header:after,
.modal .footer:before,
.modal .footer:after,
.modal .body:before,
.modal .body:after {
    content: " ";
    display: table;
    clear: both
}

.modal .header *,
.modal .footer * {
    margin: 0
}

.modal .body {
    min-height: 240px;
    max-height: 480px;
    overflow: auto
}

.modal .header {
    border-bottom: 1px solid #eeeeee
}

.modal .footer {
    border-top: 1px solid #eeeeee
}

.modal .close {
    color: gray;
    float: right;
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-align: center
}

.vignette {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 2000;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.vignette.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel {
    position: relative;
    text-align: center
}

.carousel.dissolve .previews .preview.active {
    top: 0;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel.dissolve .previews .preview.active.nexting,
.carousel.dissolve .previews .preview.active.preving {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel.dissolve .previews .preview.next {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel.dissolve .previews .preview.next.nexting {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel.dissolve .previews .preview.prev {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel.dissolve .previews .preview.prev.preving {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel .previews {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel .previews .preview {
    display: none;
    position: relative;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.carousel .previews .preview.active {
    top: 0;
    left: 0;
    display: block
}

.carousel .previews .preview.active.nexting {
    left: -100%
}

.carousel .previews .preview.active.preving {
    left: 100%
}

.carousel .previews .preview.next {
    top: 0;
    left: 100%;
    display: block;
    position: absolute
}

.carousel .previews .preview.next.nexting {
    left: 0
}

.carousel .previews .preview.prev {
    top: 0;
    left: -100%;
    display: block;
    position: absolute
}

.carousel .previews .preview.prev.preving {
    left: 0
}

.carousel .previews .preview img {
    width: 100%;
    height: auto
}

.carousel .controls .pages {
    position: absolute;
    height: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.carousel .controls .pages .page {
    width: 10px;
    height: 10px;
    margin: 5px;
    outline: none;
    cursor: pointer;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: rgba(0, 0, 0, 0.4)
}

.carousel .controls .pages .page:hover {
    background: rgba(0, 0, 0, 0.6)
}

.carousel .controls .pages .page.active {
    background: rgba(0, 0, 0, 0.8)
}

.carousel .controls .prev,
.carousel .controls .next {
    font-size: 40px;
    font-weight: 200;
    line-height: 32px;
    text-decoration: none;
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.4)
}

.carousel .controls .prev:hover,
.carousel .controls .next:hover {
    color: white;
    background: rgba(0, 0, 0, 0.6)
}

.carousel .controls .prev {
    top: 50%;
    left: 20px
}

.carousel .controls .next {
    top: 50%;
    right: 20px
}

.carousel .controls .pages {
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel .controls .prev {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel .controls .next {
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel:hover .controls .pages {
    bottom: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel:hover .controls .prev {
    left: 20px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel:hover .controls .next {
    right: 20px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.stack {
    position: relative;
    margin: 0px;
    width: 160px;
    height: 120px
}

.stack:hover img:nth-child(1),
.stack:hover .blank:nth-child(1),
.stack.hovering img:nth-child(1),
.stack.hovering .blank:nth-child(1) {
    -webkit-transform: translate(10px, 5px);
    -moz-transform: translate(10px, 5px);
    -ms-transform: translate(10px, 5px);
    -o-transform: translate(10px, 5px);
    transform: translate(10px, 5px)
}

.stack:hover img:nth-child(2),
.stack:hover .blank:nth-child(2),
.stack.hovering img:nth-child(2),
.stack.hovering .blank:nth-child(2) {
    -webkit-transform: translate(-10px, 5px);
    -moz-transform: translate(-10px, 5px);
    -ms-transform: translate(-10px, 5px);
    -o-transform: translate(-10px, 5px);
    transform: translate(-10px, 5px)
}

.stack:hover img:nth-child(3),
.stack:hover .blank:nth-child(3),
.stack.hovering img:nth-child(3),
.stack.hovering .blank:nth-child(3) {
    -webkit-transform: translate(10px, -5px);
    -moz-transform: translate(10px, -5px);
    -ms-transform: translate(10px, -5px);
    -o-transform: translate(10px, -5px);
    transform: translate(10px, -5px)
}

.stack img,
.stack .blank {
    opacity: 0;
    padding: 2px;
    background: white;
    position: absolute;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.stack img:nth-child(1),
.stack .blank:nth-child(1) {
    opacity: 1;
    z-index: 3
}

.stack img:nth-child(2),
.stack .blank:nth-child(2) {
    opacity: 1;
    z-index: 2
}

.stack img:nth-child(3),
.stack .blank:nth-child(3) {
    opacity: 1;
    z-index: 1
}

.stack .blank .icon {
    width: 74px;
    height: 74px;
    border: thin solid #dddddd
}

.stack img,
.stack .blank {
    width: 76px;
    height: 76px
}

.stack img:nth-child(1),
.stack .blank:nth-child(1) {
    top: 35px;
    left: 55px
}

.stack img:nth-child(2),
.stack .blank:nth-child(2) {
    top: 15px;
    left: 5px
}

.stack img:nth-child(3),
.stack .blank:nth-child(3) {
    top: 5px;
    left: 75px
}

.stack.large {
    width: 130px;
    height: 90px
}

.stack.large img,
.stack.large .blank {
    width: 56px;
    height: 56px
}

.stack.large img:nth-child(1),
.stack.large .blank:nth-child(1) {
    top: 25px;
    left: 40px
}

.stack.large img:nth-child(2),
.stack.large .blank:nth-child(2) {
    top: 15px;
    left: 5px
}

.stack.large img:nth-child(3),
.stack.large .blank:nth-child(3) {
    top: 5px;
    left: 65px
}

.stack.large .blank .icon {
    width: 54px;
    height: 54px
}

.stack.large:hover img:nth-child(1),
.stack.large:hover .blank:nth-child(1),
.stack.large.hovering img:nth-child(1),
.stack.large.hovering .blank:nth-child(1) {
    -webkit-transform: translate(10px, 5px);
    -moz-transform: translate(10px, 5px);
    -ms-transform: translate(10px, 5px);
    -o-transform: translate(10px, 5px);
    transform: translate(10px, 5px)
}

.stack.large:hover img:nth-child(2),
.stack.large:hover .blank:nth-child(2),
.stack.large.hovering img:nth-child(2),
.stack.large.hovering .blank:nth-child(2) {
    -webkit-transform: translate(-10px, 5px);
    -moz-transform: translate(-10px, 5px);
    -ms-transform: translate(-10px, 5px);
    -o-transform: translate(-10px, 5px);
    transform: translate(-10px, 5px)
}

.stack.large:hover img:nth-child(3),
.stack.large:hover .blank:nth-child(3),
.stack.large.hovering img:nth-child(3),
.stack.large.hovering .blank:nth-child(3) {
    -webkit-transform: translate(10px, -5px);
    -moz-transform: translate(10px, -5px);
    -ms-transform: translate(10px, -5px);
    -o-transform: translate(10px, -5px);
    transform: translate(10px, -5px)
}

.stack.small {
    width: 80px;
    height: 70px
}

.stack.small img,
.stack.small .blank {
    width: 36px;
    height: 36px
}

.stack.small img:nth-child(1),
.stack.small .blank:nth-child(1) {
    top: 25px;
    left: 20px
}

.stack.small img:nth-child(2),
.stack.small .blank:nth-child(2) {
    top: 15px;
    left: 5px
}

.stack.small img:nth-child(3),
.stack.small .blank:nth-child(3) {
    top: 5px;
    left: 35px
}

.stack.small .blank .icon {
    width: 34px;
    height: 34px
}

.stack.small:hover img:nth-child(1),
.stack.small:hover .blank:nth-child(1),
.stack.small.hovering img:nth-child(1),
.stack.small.hovering .blank:nth-child(1) {
    -webkit-transform: translate(6px, 3px);
    -moz-transform: translate(6px, 3px);
    -ms-transform: translate(6px, 3px);
    -o-transform: translate(6px, 3px);
    transform: translate(6px, 3px)
}

.stack.small:hover img:nth-child(2),
.stack.small:hover .blank:nth-child(2),
.stack.small.hovering img:nth-child(2),
.stack.small.hovering .blank:nth-child(2) {
    -webkit-transform: translate(-6px, 3px);
    -moz-transform: translate(-6px, 3px);
    -ms-transform: translate(-6px, 3px);
    -o-transform: translate(-6px, 3px);
    transform: translate(-6px, 3px)
}

.stack.small:hover img:nth-child(3),
.stack.small:hover .blank:nth-child(3),
.stack.small.hovering img:nth-child(3),
.stack.small.hovering .blank:nth-child(3) {
    -webkit-transform: translate(6px, -3px);
    -moz-transform: translate(6px, -3px);
    -ms-transform: translate(6px, -3px);
    -o-transform: translate(6px, -3px);
    transform: translate(6px, -3px)
}

.stack.static img,
.stack.static .blank {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.jcrop-holder {
    direction: ltr;
    text-align: left
}

.jcrop-vline,
.jcrop-hline {
    background: #fff url("/images/Jcrop.gif");
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px !important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px !important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333333;
    border: 1px #eeeeee solid;
    width: 7px;
    height: 7px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #ffffff;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000000;
    border-color: #ffffff;
    border-radius: 3px
}

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    border-color: #000000;
    border-radius: 3px
}

.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
    background: #ffffff
}

.jcrop-holder img,
img.jcrop-preview {
    max-width: none
}

.tpd-tooltip {
    position: absolute
}

.tpd-tooltip,
.tpd-tooltip [class^="tpd-"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.tpd-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
    float: left;
    position: relative
}

.tpd-content-relative {
    width: 100%
}

.tpd-content {
    float: left;
    clear: both;
    position: relative;
    padding: 10px;
    font-size: 11px;
    line-height: 16px;
    color: #fff
}

.tpd-has-inner-close .tpd-content-relative .tpd-content {
    padding-right: 0 !important
}

.tpd-tooltip .tpd-content-no-padding {
    padding: 0 !important
}

.tpd-title-wrapper {
    float: left;
    position: relative;
    overflow: hidden
}

.tpd-title-spacer {
    float: left
}

.tpd-title-relative,
.tpd-title-relative-padder {
    float: left;
    position: relative
}

.tpd-title-relative {
    width: 100%
}

.tpd-title {
    float: left;
    position: relative;
    font-size: 11px;
    line-height: 16px;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff
}

.tpd-has-title-close .tpd-title {
    padding-right: 0 !important
}

.tpd-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.tpd-close-icon {
    float: left;
    font-family: Arial, Baskerville, monospace;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    text-align: center
}

.tpd-skin {
    position: absolute;
    top: 0;
    left: 0
}

.tpd-frames {
    position: absolute;
    top: 0;
    left: 0
}

.tpd-frames .tpd-frame {
    float: left;
    width: 100%;
    height: 100%;
    clear: both
}

.tpd-backgrounds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.tpd-background-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    pointer-events: none
}

.tpd-no-shadow .tpd-skin .tpd-background-shadow {
    box-shadow: none !important
}

.tpd-background-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.tpd-background-box-shift,
.tpd-background-box-shift-further {
    position: relative;
    float: left;
    width: 100%;
    height: 100%
}

.tpd-background {
    border-radius: 10px;
    float: left;
    clear: both;
    background: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-style: solid;
    border-width: 1px;
    border-color: #282828;
    border-color: rgba(255, 255, 255, 0.1)
}

.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background {
    border-radius: 0
}

.tpd-background-title {
    float: left;
    clear: both;
    width: 100%;
    background-color: #282828
}

.tpd-background-content {
    float: left;
    clear: both;
    width: 100%;
    background-color: #282828
}

.tpd-background-border-hack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: solid
}

.tpd-background-box-top {
    top: 0
}

.tpd-background-box-bottom {
    bottom: 0
}

.tpd-background-box-left {
    left: 0
}

.tpd-background-box-right {
    right: 0
}

.tpd-iframeshim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0
}

.tpd-shift-stem {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.tpd-shift-stem-side {
    position: absolute
}

.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side {
    width: 100%
}

.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
    height: 100%
}

.tpd-stem {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 16px;
    height: 8px;
    margin-left: 3px;
    margin-top: 3px;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
    margin: 0 !important
}

.tpd-stem-spacer {
    float: left;
    position: relative;
    width: 100%;
    height: 100%
}

.tpd-stem-reset .tpd-stem-spacer {
    margin-top: 0
}

.tpd-stem-point {
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%
}

.tpd-stem-downscale,
.tpd-stem-transform {
    float: left;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    position: relative
}

.tpd-stem-side {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden
}

.tpd-stem-side-inversed {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.tpd-stem-triangle {
    width: 0;
    height: 0;
    border-bottom-style: solid;
    border-left-color: transparent;
    border-left-style: solid;
    position: absolute;
    top: 0;
    left: 0
}

.tpd-stem-border {
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #fff;
    border-right-color: #fff;
    border-right-style: solid;
    border-right-width: 0
}

.tpd-stem-border-corner {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border-right-style: solid;
    border-right-width: 0
}

.tpd-stem * {
    z-index: 0;
    zoom: 1
}

.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.tpd-stem-notransform {
    float: left;
    width: 100%;
    height: 100%;
    position: relative
}

.tpd-stem-notransform .tpd-stem-border {
    height: 100%;
    position: relative;
    float: left;
    top: 0;
    left: 0;
    margin: 0
}

.tpd-stem-notransform .tpd-stem-border-center {
    position: absolute
}

.tpd-stem-notransform .tpd-stem-border-corner {
    background: #fff;
    border: 0;
    top: auto;
    left: auto
}

.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
    height: 0;
    border: 0;
    left: 50%
}

.tpd-stem-transform-left {
    -webkit-transform: rotate(-90deg) scale(-1, 1);
    transform: rotate(-90deg) scale(-1, 1)
}

.tpd-stem-transform-right {
    -webkit-transform: rotate(90deg) translate(0, -100%);
    transform: rotate(90deg) translate(0, -100%)
}

.tpd-stem-transform-bottom {
    -webkit-transform: scale(1, -1) translate(0, -100%);
    transform: scale(1, -1) translate(0, -100%)
}

.tpd-loading-icon {
    position: absolute;
    width: 42px;
    height: 42px;
    display: none
}

.tpd-loading-line {
    z-index: 12;
    height: 3px;
    width: 2px;
    margin-bottom: 5px
}

.tpd-spinner {
    margin-left: 50%;
    margin-top: 50%
}

.tpd-is-loading .tpd-loading-icon {
    display: block
}

.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
    display: none
}

@-moz-keyframes tpd-spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes tpd-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

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

.tpd-spin {
    position: absolute;
    top: 50%;
    left: 50%
}

.tpd-spin-rotate,
.tpd-spin-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tpd-spin-line {
    position: absolute;
    top: 0;
    left: 50%
}

.tpd-tooltip-measuring {
    top: 0;
    left: 0;
    position: absolute;
    max-width: 100%;
    width: 100%
}

.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-loading-icon {
    display: none
}

.tpd-tooltip a,
.tpd-tooltip a:hover {
    color: #8e8e8e;
    text-decoration: none
}

.tpd-tooltip a:hover {
    text-decoration: underline
}

.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
    padding: 7px 8px;
    font-size: 10px;
    line-height: 15px
}

.tpd-size-x-small .tpd-background {
    border-radius: 5px
}

.tpd-size-x-small .tpd-stem {
    width: 12px;
    height: 6px;
    margin-left: 4px;
    margin-top: 2px
}

.tpd-size-x-small.tpd-no-radius .tpd-stem {
    margin-left: 7px
}

.tpd-size-x-small .tpd-loading-icon {
    width: 32px;
    height: 32px
}

.tpd-size-x-small .tpd-loading-line {
    z-index: 12;
    margin-bottom: 4px;
    height: 3px;
    width: 2px
}

.tpd-size-x-small .tpd-close {
    margin-bottom: 1px
}

.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
    padding: 8px;
    font-size: 10px;
    line-height: 16px
}

.tpd-size-small .tpd-background {
    border-radius: 6px
}

.tpd-size-small .tpd-stem {
    width: 14px;
    height: 7px;
    margin-left: 5px;
    margin-top: 2px
}

.tpd-size-small.tpd-no-radius .tpd-stem {
    margin-left: 8px
}

.tpd-size-small .tpd-loading-icon {
    width: 34px;
    height: 34px
}

.tpd-size-small .tpd-loading-line {
    z-index: 12;
    margin-bottom: 4px;
    height: 3px;
    width: 2px
}

.tpd-size-small .tpd-close {
    margin: 2px 1px
}

.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
    padding: 10px;
    font-size: 11px;
    line-height: 16px
}

.tpd-size-medium .tpd-background {
    border-radius: 8px
}

.tpd-size-medium .tpd-stem {
    width: 16px;
    height: 8px;
    margin-left: 6px;
    margin-top: 2px
}

.tpd-size-medium.tpd-no-radius .tpd-stem {
    margin-left: 10px
}

.tpd-size-medium .tpd-loading-icon {
    width: 42px;
    height: 42px
}

.tpd-size-medium .tpd-loading-line {
    z-index: 12;
    margin-bottom: 5px;
    height: 4px;
    width: 2px
}

.tpd-size-medium .tpd-close {
    margin: 4px 2px
}

.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
    padding: 10px;
    font-size: 13px;
    line-height: 18px
}

.tpd-size-large .tpd-background {
    border-radius: 8px
}

.tpd-size-large .tpd-stem {
    width: 18px;
    height: 9px;
    margin-left: 7px;
    margin-top: 2px
}

.tpd-size-large.tpd-no-radius .tpd-stem {
    margin-left: 10px
}

.tpd-size-large .tpd-loading-icon {
    width: 50px;
    height: 50px
}

.tpd-size-large .tpd-loading-line {
    z-index: 12;
    margin-bottom: 5px;
    height: 5px;
    width: 2px
}

.tpd-size-large .tpd-close {
    margin: 5px 2px 5px 2px
}

.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close {
    color: #fff
}

.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
    background-color: #282828
}

.tpd-skin-dark .tpd-background {
    border-width: 1px;
    border-color: #282828;
    border-color: rgba(255, 255, 255, 0.1)
}

.tpd-skin-dark .tpd-title-wrapper {
    border-bottom: 1px solid #404040
}

.tpd-skin-dark a,
.tpd-skin-dark a:hover {
    color: #ccc
}

.account.dropdown .body {
    padding: 25px
}

.account.dropdown .body a {
    color: #494949
}

.account.dropdown .body a:hover {
    color: #C938D2
}

.column .statusdetails {
    color: #444444
}

.column .statusdetails[data-issue="1"] {
    color: #F0536D
}

.column .button {
    margin-top: 3px
}

.column .google_wallet {
    background: url(/images/icon-4a322678fa08c39706a540f9259d02a3ffc748089af0e31f6c32a7fd5540051d.png);
    width: 140px;
    height: 50px;
    background-position-x: -10px
}

.alert.inline {
    margin: 10px 0px;
    padding: 8px 32px 8px 8px;
    border: none;
    text-shadow: none;
    text-decoration: none;
    line-height: 28px;
    border-radius: 0
}

.alert.inline.alert-success {
    color: #FFFFFF;
    background: #35D7A8
}

.alert.inline.alert-error {
    color: #FFFFFF;
    background: #F0536D
}

.alert.inline .close {
    cursor: pointer;
    border: none;
    background: none;
    float: right;
    position: relative;
    color: #FFFFFF;
    top: -2px;
    right: -22px;
    font-size: 20px;
    font-weight: bold;
    text-shadow: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.4
}

.alert.inline .close:hover {
    opacity: 1
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0px, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-8px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(8px, 0, 0)
    }
}

@-moz-keyframes shake {
    0%,
    100% {
        -moz-transform: translate3d(0px, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translate3d(-8px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translate3d(8px, 0, 0)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -ms-transform: translate3d(0px, 0, 0);
        -o-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-8px, 0, 0);
        -moz-transform: translate3d(-8px, 0, 0);
        -ms-transform: translate3d(-8px, 0, 0);
        -o-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(8px, 0, 0);
        -moz-transform: translate3d(8px, 0, 0);
        -ms-transform: translate3d(8px, 0, 0);
        -o-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -moz-transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes rubber {
    0% {
        -webkit-transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes rubber {
    0% {
        -moz-transform: scale3d(1, 1, 1)
    }
    30% {
        -moz-transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -moz-transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -moz-transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -moz-transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -moz-transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -moz-transform: scale3d(1, 1, 1)
    }
}

@keyframes rubber {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -moz-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -moz-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        -o-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        -o-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes puff {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: sclae3d(0.9, 0.9, 0.9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes puff {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        opacity: 1;
        -moz-transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -moz-transform: sclae3d(0.9, 0.9, 0.9)
    }
    60% {
        -moz-transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -moz-transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        -moz-transform: scale3d(1, 1, 1)
    }
}

@keyframes puff {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: sclae3d(0.9, 0.9, 0.9);
        -moz-transform: sclae3d(0.9, 0.9, 0.9);
        -ms-transform: sclae3d(0.9, 0.9, 0.9);
        -o-transform: sclae3d(0.9, 0.9, 0.9);
        transform: sclae3d(0.9, 0.9, 0.9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        -o-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale3d(1, 1, 1)
    }
    50% {
        -moz-transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        -moz-transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px)
    }
}

@-moz-keyframes flip {
    0% {
        opacity: 0;
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    }
    40% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        opacity: 1;
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    }
    80% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -moz-transform: perspective(400px)
    }
}

@keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes fade {
    0% {
        -webkit-transform: scale(0.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes fade {
    0% {
        -moz-transform: scale(0.8);
        opacity: 0
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes fade {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animation {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.animation.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    animation-name: tada
}

.animation.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    animation-name: shake
}

.animation.rubber {
    -webkit-animation-name: rubber;
    -moz-animation-name: rubber;
    animation-name: rubber
}

.animation.puff {
    -webkit-animation-name: puff;
    -moz-animation-name: puff;
    animation-name: puff
}

.animation.flip {
    -webkit-animation-name: flip;
    -moz-animation-name: flip;
    animation-name: flip
}

.animation.fade {
    -webkit-animation-name: fade;
    -moz-animation-name: fade;
    animation-name: fade
}

.auth {
    background: url(/images/pose_home_image.jpg) top center no-repeat;
    height: 648px;
    background-size:810px; 
}

.auth .dialogue {
    width: 460px;
    margin: 40px auto;
    padding: 10px 60px 20px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4)
}

.auth .dialogue .logo {
    display: block;
    margin: 8px auto;
    height: 100px;
    width: 100px
}

.auth .dialogue .button {
    margin: 16px 0
}

.auth .dialogue .tagline {
    color: #232323;
    margin: 8px 0;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 18px
}

.auth .dialogue .legal,
.auth .dialogue .other {
    color: #A8A8A8;
    margin: 2px 0;
    text-align: center;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 12px
}

.auth .dialogue .sublink {
    color: #C938D2
}

.auth .dialogue .sublink:hover {
    color: #AE2EB6
}

#instawidget {
    float:right;
    margin-top:-59px;
}

.avatar.account {
    width: 40px;
    height: 40px;
    background: #C1C1C1;
    border-radius: 50%
}

#banners .banner {
    color: #FFFFFF;
    background: #039DF6;
    display: block
}

#banners .banner>.content {
    width: 1180px;
    margin: auto;
    padding: 16px
}

#banners .banner>.content::after {
    clear: both;
    content: "";
    display: table
}

#banners .banner,
#banners .banner * {
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

#banners .banner .title {
    display: inline;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold
}

#banners .banner .subtitle {
    display: inline;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal
}

#banners .banner.aquatic {
    background-color: #34AADC;
    background-image: -webkit-linear-gradient(left, #34AADC, #32D3C1);
    background-image: linear-gradient(to right, #34AADC, #32D3C1)
}

#banners .banner.renaissance {
    background-color: #4D70E3;
    background-image: -webkit-linear-gradient(left, #4D70E3, #D92BC7);
    background-image: linear-gradient(to right, #4D70E3, #D92BC7)
}

#banners .banner.sunset {
    background-color: #FC8256;
    background-image: -webkit-linear-gradient(left, #FC8256, #FC41C0);
    background-image: linear-gradient(to right, #FC8256, #FC41C0)
}

#banners .banner.valentine {
    background-color: #FC41C0;
    background-image: -webkit-linear-gradient(left, #FC41C0, #F0536D);
    background-image: linear-gradient(to right, #FC41C0, #F0536D)
}

#banners .banner.periwinkle {
    background-color: #4F90FD;
    background-image: -webkit-linear-gradient(left, #4F90FD, #9854F7);
    background-image: linear-gradient(to right, #4F90FD, #9854F7)
}

#banners .banner.red {
    background: #F0536D
}

#banners .banner.blue {
    background: #039DF6
}

#banners .banner.green {
    background: #35D7A8
}

#banners .banner.orange {
    background: #f17e29
}

#banners .banner.purple {
    background: #C938D2
}

#banners .banner.grey {
    background: #909090
}

#banners .banner .disclosure {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    float: right
}

.sidebar .blog {
    border: 1px solid #444444
}

.sidebar .blog * {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.sidebar .blog>.title {
    border-bottom: 1px solid #444444;
    background: #FFFFFF;
    padding: 9px 18px;
    font-size: 18px;
    font-weight: medium;
    color: #444444
}

.sidebar .blog>.title .on-my-blog {
    margin-bottom: -20px
}

.sidebar .blog .entries {
    padding-top: 9px
}

.sidebar .blog .entries::after {
    clear: both;
    content: "";
    display: table
}

.sidebar .blog .entries .entry {
    position: relative;
    margin: 0 9px 9px 9px;
    background: #FFFFFF;
    display: block;
    text-decoration: none
}

.sidebar .blog .entries .entry::after {
    clear: both;
    content: "";
    display: table
}

.sidebar .blog .entries .entry .preview {
    float: left;
    display: block;
    width: 100px;
    height: 100px
}

.sidebar .blog .entries .entry .details {
    height: 80px;
    width: 160px;
    margin-left: 100px;
    padding: 10px;
    overflow: hidden
}

.sidebar .blog .entries .entry .details .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 14px;
    color: #039DF6;
    height: 20px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sidebar .blog .entries .entry .details .summary {
    font-size: 10px;
    font-weight: light;
    line-height: 12px;
    color: #444444
}

.sidebar .blog .entries .entry .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(3, 157, 246, 0.8);
    color: #FFFFFF;
    line-height: 28px;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    text-transform: none;
    text-align: center;
    padding: 32px 52px 32px 0;
    opacity: 0
}

.sidebar .blog .entries .entry .overlay:hover {
    opacity: 1
}

.sidebar .blog .entries .entry .overlay:after {
    content: "";
    position: absolute;
    background-image: url(/images/arrow-dc2c987dc0b748dbe1ec2f4ea39ccb5f18cc765891f7ea1d9246f99585000fca.png);
    width: 36px;
    height: 36px;
    margin: -18px;
    top: 50%;
    right: 52px
}

.breadcrumb {
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
    color: #C938D2;
    padding: 0;
    margin: 10px 0;
    list-style: none
}

.breadcrumb>* {
    display: inline;
    margin: 0;
    padding: 0
}

.breadcrumb>*+*:before {
    color: #C1C1C1;
    content: "/";
    padding: 0 4px
}

.gridly .brick,
.gridly .brick.small,
.gridly .brick.large {
    margin: 0;
    float: none
}

.brick {
    width: 280px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
    background: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1
}

.brick:nth-child(4n+1) {
    margin-left: 0
}

.brick:nth-child(4n+4) {
    margin-right: 0
}

.brick .path {
    display: block
}

.brick.small {
    width: 280px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

.brick.large {
    width: 580px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

.brick.hidden {
    visibility: hidden;
    opacity: 0
}

.brick:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4)
}

.brick .badge {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFFFFF;
    background: #039DF6;
    width: 30px;
    height: 30px;
    margin: -15px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    line-height: 28px;
    text-shadow: none;
    z-index: 20;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1
}

.brick .badge.hidden {
    visibility: hidden;
    opacity: 0
}

.brick *:hover>.overlay {
    background: rgba(0, 0, 0, 0.4)
}

.brick *:hover>.overlay.transparent {
    background: none
}

.brick *:hover>.overlay.issues,
.brick *:hover>.overlay.pending,
.brick *:hover>.overlay.default {
    background: rgba(0, 0, 0, 0.4)
}

.brick *:hover>.overlay .anchor {
    opacity: 1
}

.brick *:hover>.overlay .messaging {
    opacity: 0
}

.brick .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: none;
    pointer-events: none
}

.brick .overlay>.messaging {
    pointer-events: none
}

.brick .overlay>.anchor {
    pointer-events: all
}

.brick .overlay .circle {
    background: rgba(0, 0, 0, 0.8)
}

.brick .overlay.transparent {
    background: none
}

.brick .overlay.issues {
    background: rgba(240, 83, 109, 0.8)
}

.brick .overlay.issues .circle {
    background: rgba(240, 83, 109, 0.8)
}

.brick .overlay.pending {
    background: rgba(53, 215, 168, 0.8)
}

.brick .overlay.pending .circle {
    background: rgba(53, 215, 168, 0.8)
}

.brick .overlay.default {
    background: rgba(0, 0, 0, 0.8)
}

.brick .overlay.default .circle {
    background: rgba(0, 0, 0, 0.8)
}

.brick .overlay .messaging {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    margin: 80px 40px
}

.brick .overlay .messaging .circle {
    width: 50px;
    height: 50px;
    margin: auto;
    border: 2px solid #FFFFFF;
    padding: 10px;
    border-radius: 50%
}

.brick .overlay .messaging .circle .icon {
    color: #FFFFFF;
    width: 100%;
    height: 100%
}

.brick .overlay .messaging .callout {
    color: #FFFFFF;
    margin: 10px 0;
    text-align: center;
    font-size: 18px
}

.brick .overlay,
.brick .overlay .anchor,
.brick .overlay .messaging {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.brick .overlay .messaging {
    opacity: 1
}

.brick .overlay .anchor {
    opacity: 0
}

.brick .overlay .anchor {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.brick .overlay .anchor.bordered {
    border-bottom: 1px solid #C1C1C1
}

.brick .overlay .anchor>*:first-child:nth-last-child(2),
.brick .overlay .anchor>*:first-child:nth-last-child(2) ~ * {
    width: 50%;
    float: left
}

.brick .overlay .anchor>*:first-child:nth-last-child(3),
.brick .overlay .anchor>*:first-child:nth-last-child(3) ~ * {
    width: 33.33333%;
    float: left
}

.brick .overlay .anchor>*:first-child:nth-last-child(4),
.brick .overlay .anchor>*:first-child:nth-last-child(4) ~ * {
    width: 25%;
    float: left
}

.brick .overlay .anchor .button {
    margin: 0px
}

.brick .overlay .anchor .action {
    border-right: 1px solid #C1C1C1
}

.brick .overlay .anchor .action:last-child {
    border-right: none
}

.brick .overlay .action {
    margin: 0px;
    padding: 12px;
    display: block;
    text-align: center;
    font-size: 18px;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #C1C1C1;
    background: #FFFFFF
}

.brick .overlay .action:hover {
    color: #C938D2;
    background: #FFFFFF
}

.brick .overlay .action.cta-label.extraclass {
    width: 100.5%
}

.brick .overlay .action.cta-report_lost.extraclass {
    display: none
}

.brick .actions::after {
    clear: both;
    content: "";
    display: table
}

.brick .actions .widget {
    float: left;
    margin: 0 3px;
    font-size: 14px;
    font-weight: normal
}

.brick .actions .widget.follow {
    float: none;
    margin: inherit
}

.brick .actions .widget:first-child {
    margin-left: 0px
}

.brick .actions .widget:last-child {
    margin-right: 0px
}

.brick .report {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    float: right;
    color: #909090;
    line-height: 24px;
    font-size: 11px;
    text-decoration: underline
}

.brick .report:hover {
    color: #F0536D
}

.brick .seller {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #C1C1C1
}

.brick .seller .avatar {
    display: block;
    float: left;
    width: 46px;
    height: 46px;
    border-radius: 50%
}

.brick .seller .notes {
    display: block;
    float: left;
    margin-left: 7px;
    line-height: 39px;
    height: 39px;
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 7px
}

.brick .seller .notes .ships_by {
    display: block;
    line-height: normal
}

.brick .seller .notes a {
    display: block;
    line-height: normal
}

.brick.bag .preview {
    position: relative
}

.brick.bag .preview .image {
    width: 280px;
    height: 280px;
    display: block
}

.brick.bag .meta {
    margin: 12px;
    cursor: default
}

.brick.bag .meta::after {
    clear: both;
    content: "";
    display: table
}

.brick.bag .meta .status .description {
    color: #C1C1C1
}

.brick.bag .meta .status .positive {
    color: #909090
}

.brick.bag .meta .status .notes {
    color: #039DF6
}

.brick.bag .meta .status .notes.issues {
    color: #F0536D
}

.brick.bag .meta .status .notes.pending {
    color: #35D7A8
}

.brick.bag .meta .status .notes.default {
    color: #C1C1C1
}

.brick.bag .meta .details {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.brick.collection .previews {
    width: 280px;
    height: 280px;
    position: relative
}

.brick.collection .previews::after {
    clear: both;
    content: "";
    display: table
}

.brick.collection .previews img {
    width: 140px;
    display: block;
    float: left;
    margin-left: 0;
    margin-bottom: 0
}

.brick.collection .previews img:nth-child(2n+1) {
    margin-left: 0
}

.brick.collection .previews img:nth-child(2n+2) {
    margin-right: 0
}

.brick.collection .divider {
    background: #FFFFFF;
    position: absolute
}

.brick.collection .divider.vertical {
    left: 139px;
    width: 1px;
    height: 100%
}

.brick.collection .divider.horizontal {
    top: 139px;
    height: 1px;
    width: 100%
}

.brick.collection .meta {
    margin: 12px;
    clear: both
}

.brick.collection .meta .name {
    color: #C938D2
}

.brick.collection .meta .counts {
    color: #444444
}

.brick.collection .meta .name,
.brick.collection .meta .counts {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.brick.item {
    height: 365px
}

.brick.item .preview {
    position: relative;
    display: block
}

.brick.item .preview .image {
    width: 280px;
    height: 280px;
    display: block
}

.brick.item.small .image {
    width: 280px;
    height: 280px
}

.brick.item.large .image {
    width: 580px;
    height: 580px
}

.brick.item .meta {
    margin: 12px
}

.brick.item .meta>.username {
    display: block;
    height: 20px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.brick.item .meta>.message {
    display: block;
    height: 20px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.brick.item .meta .actions {
    float: left;
    width: 112px;
    height: 20px
}

.brick.product .preview {
    position: relative;
    display: block
}

.brick.product .preview .image {
    width: 280px;
    height: 280px;
    display: block
}

.brick.product .overlay:hover .prod_tag {
    display: none
}

.brick.product .img {
    width: 280px;
    height: 280px;
    position: relative
}

.brick.product .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 280px
}

.brick.product .img img.secondimg {
    display: none
}

.brick.product .img img.lazyimage,
.brick.product .img img.loader {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjQ5cHgiIGhlaWdodD0iMjQ5cHgiIHZpZXdCb3g9IjAgMCAyNDkgMjQ5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNDkgMjQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjQzFDMUMxIiBkPSJNMTY2LjA1NCwxNDQuMzg5YzAsMC0zLjM1LDguMjM1LTkuODI2LDguMjM4DQoJYy01LjEyNywwLjAwMy02LjI3Mi0yLjgwMy02LjI3Mi0yLjgwM3MtNC40MjgsMy44OTYtMTEuMDU1LDMuODk5Yy0xLjg5OCwwLjAwMi01LjQzNi0xLjA2Ni01LjQzOS0zLjQ3NQ0KCWMtMC4wMDEtMC44MDMsMC41ODctMS41MzgsMS4zNzItMS41MzljMCwwLDAuNjYsMC4xODgsMS4xNjgsMC44MmMwLjUwOCwwLjYzMyw0LjM0MSwyLjg3Niw2LjMwOSwwLjExM2MwLDAsMi44ODMtNC4zMTEtNC45MzctOS4wMjcNCgljMCwwLTMuMTg1LDYuODIzLTkuNTQ4LDYuNjI1Yy0xLjgyOCwzLjU0Ny02LjE0Myw2LjE1OC0xMC4wNzIsNi4xNjFjLTQuMzIxLDAuMDAyLTcuNzk1LTMuNTg2LTcuODAzLTcuOTM1DQoJYy0wLjAxLTUuODg2LDUuODA5LTEwLjMyNiwxMS4zMDctMTAuMzI5YzEuMTE2LTAuMDAxLDMuMTQ0LTAuMDAyLDMuODAyLDEuMDY4YzIuNzQ4LTAuMDY5LDQuMTI5LDMuOTQ1LDQuMTMzLDYuMjE4DQoJYzAuMDAxLDAuNjAzLTAuMDYzLDEuMTM4LTAuMTkyLDEuNzM5YzUuNDc1LDAuMTM2LDYuMDc4LTYuMDg5LDYuMDc4LTYuMDg5Yy0wLjMyOC0wLjczNS0wLjQ2MS0xLjUzOC0wLjQ2Mi0yLjM0DQoJYy0wLjAwMy0xLjg3MywxLjQ5Ni01Ljk1NiwzLjcyMi01Ljk1N2MxLjMxMS0wLjAwMSwyLjA1NSwwLjY2OCwxLjk5MiwxLjgwM2MtMC4xMDUsMS45My0xLDMuOTUxLTEuNTIyLDUuNTU1DQoJYzMuMzczLDIuODk3LDguMzM4LDcuNzg1LDYuMDM4LDEyLjk2N2MxLjE4Mi0wLjQ2LDIuNTMyLTEsMy44MjUtMi43NjVjLTEuMTk1LTYuNjc1LDIuNTQ1LTEzLjk3Nyw3LjM0OS0xMy45NzkNCgljMi4yOTItMC4wMDEsMy45OTcsMS41NzgsMy44NDMsMy44NDZjLTAuMzE5LDQuNzI1LTIuODg3LDYuOTc5LTcuMTAyLDEwLjQwOWMwLjQ2NywyLjI1NCwzLjI4NSwyLjU4Miw0Ljc2LDIuMDMNCgljMy43NS0xLjM5NCw0LjE4OS0zLjMyOSw2LjE3Ni02LjcyNGMwLjMzNy0wLjU3NCwwLjUyMi0wLjczNSwxLjE3OC0wLjczNmMwLjc4NCwwLDEuMzc2LDAuNjY3LDEuMzc3LDEuNDcyDQoJQzE2Ni4yNTIsMTQzLjkyMiwxNjYuMTg3LDE0NC4xODgsMTY2LjA1NCwxNDQuMzg5eiBNMTIwLjY3NiwxMzguMjg0Yy0zLjc5OSwwLjIwMi02LjY3MywzLjAxMi02LjY2Niw2Ljk1OA0KCWMwLjAwNCwyLjYwOSwxLjY0NCw1LjE0OSw0LjM5NCw1LjE0OGMyLjQyMi0wLjAwMiw1LjM1My0xLjMxMiw2LjQ1NC00LjAyNWMtMi4xNjMtMS40MDItNC40MzctMy43MzYtNC40NDEtNi40NzgNCglDMTIwLjQxNSwxMzkuMzU0LDEyMC40NzksMTM4Ljc1MSwxMjAuNjc2LDEzOC4yODR6IE0xMjMuODE5LDEzOC42ODNjLTAuNDU4LDAtMC40NTcsMC43MzYtMC40NTYsMS4wNw0KCWMwLjAwMiwxLjQ3MiwxLjE4MSwyLjc0MSwyLjM2MiwzLjU0NGMwLjA2NS0wLjQsMC4wNjQtMC43MzUsMC4wNjMtMS4xMzZDMTI1Ljc4NywxNDEuMjI0LDEyNC45MzIsMTM4LjY4MywxMjMuODE5LDEzOC42ODN6DQoJIE0xNTcuMDQ5LDEzOC4zNTZjMC41LTMuMzYtMS43NTQtMi43ODQtMi45ODItMS42MDljLTEuODA2LDEuNzI4LTMuMTM2LDQuOTUxLTIuMTI5LDcuOTE3DQoJQzE1MS45MzgsMTQ0LjY2NCwxNTYuNTQ5LDE0MS43NDMsMTU3LjA0OSwxMzguMzU2eiBNMTA0LjMxOCwxMzQuMThjMCwwLTAuMTk5LDE2LjAzMi0wLjU3MiwxNy4zMzkNCgljLTAuMzQ2LDEuMjEtMC44NjgsMi4yMjUtMi4wOTksMi4yMjZjLTEuMzA1LDAtMi4wMzMtMC45NjMtMi4yNTMtMi4yMjNjLTAuNDM4LTIuMjk2LDAuODI0LTE1LjMwMiwwLjgyLTE3LjY3Mg0KCWMtMi43NTctMC4zNjktNi43MTQtMi4zMS02LjcyLTUuNDk1Yy0wLjAwNC0yLjk2NCw0LjAxOS00LjcyOSw2LjcwNC00LjQzNGMwLjEzOS0zLjExMiwxLjU2Mi0yMC42NzMsNS4wNDItMjAuNjc0DQoJYzEuMDE3LTAuMDAxLDEuNjY5LDAuODg4LDEuNjcxLDEuODUxYzAsMC4zNy0wLjA3MSwwLjY2Ny0wLjIxNSwxLjAzN2MtMS41ODUsNS41NTktMi41MTcsMTIuMDA0LTIuNDM2LDE3Ljg1Nw0KCWMwLjAxMyw4LjA3NSw1Ljg4Myw1Ljg1MSw1Ljg4Myw1Ljg1MWMxMy45OTItMi41NzgsMjUuMDgxLTguMDE1LDI1LjA2Mi0xOS42NDZjLTAuMDE1LTguODkzLTE0LjY2Ny0xMC42NjMtMjEuMTIzLTEwLjY1OQ0KCWMtOC40ODUsMC4wMDQtMTcuNzc3LDEuNzcxLTI0LjUxMiw3LjQwNWMtMS4wMTQsMC44MTYtMy4wNDMsMi41MjEtMy4wNDEsNC4wNzdjMC4wMDcsNC4yOTYsOS43MzUsMi45NzQsOS43NCw2LjE2MQ0KCWMwLjAwMiwxLjE4NS0xLjIzMSwxLjYzMS0yLjE3MiwxLjYzMWMtNC4yOCwwLjAwMi0xMS44MzUtMS42NDEtMTEuODQ1LTcuNjQyYy0wLjAwNC0yLjc0MiwyLjA5NS00Ljk2NSw0LjA1LTYuNTk3DQoJYzcuODI0LTYuMzc0LDE4LjQxOC04LjgxMSwyOC4yODQtOC44MTRjOC40ODYtMC4wMDUsMjQuNzM1LDIuNjUzLDI0Ljc1NCwxNC4wNjRDMTM5LjM3NiwxMzIuMTY5LDEwNC4zMTgsMTM0LjE4LDEwNC4zMTgsMTM0LjE4eg0KCSBNMTAwLjA2LDEyNy45OTZjLTAuMjktMC4xNDgtMC42MDQtMC42NDMtMS40Ni0wLjY0M2MtMC44NjcsMC4wMDEtMS40MjYsMC4wNzctMS42NTEsMC42OTJjLTAuMzMsMC45MDEsMS4wNTUsMi40NTUsMy4xMTQsMi4xNzINCglMMTAwLjA2LDEyNy45OTZ6Ii8%2BDQo8L3N2Zz4NCg%3D%3D) center;
    width: 0;
    height: 0;
    padding: 124px 124px 125px 125px
}

.brick.product .img .button {
    height: 36px;
    line-height: 36px
}

.brick.product .img .button.purchase a {
    color: #F0FFFF;
    text-decoration: none
}

.brick.product .img .button.purchase a:hover {
    color: #F0FFFF;
    text-decoration: none
}

.brick.product .img .button.trade a {
    color: #F0FFFF;
    text-decoration: none
}

.brick.product .img .button.trade a:hover {
    color: #F0FFFF;
    text-decoration: none
}

.brick.product .img .prod_tag {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 36px;
    height: 36px;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    width: 54px;
    font-size: 16px;
    opacity: 0.75;
    letter-spacing: 1px
}

.brick.product .img .prod_tag.new_tag {
    background: #494949
}

.brick.product .img .prod_tag.sold_tag {
    background: #494949
}

.brick.product .img .prod_tag.large_sold_tag {
    width: 74px;
    background: #494949
}

.brick.product .img .prod_tag.sale_tag {
    background: #f17e29
}

.brick.product .meta {
    margin: 12px;
    width: 229px
}

.brick.product .meta::after {
    clear: both;
    content: "";
    display: table
}

.brick.product .meta .retail {
    text-decoration: line-through
}

.brick.product .meta .ellipsis {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.brick.product .meta h3 {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    margin: 0
}

.brick.product .meta .brand_prod_name,
.brick.product .meta .prices_size {
    font-size: 16px;
    height: 22px
}

.brick.product .meta .loves_time .loves_detail .love.widget {
    color: #909090
}

.brick.product .meta a {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    color: #494949;
    text-transform: capitalize
}

.brick.product .meta .prices_size {
    display: inline-block;
    text-transform: capitalize
}

.brick.product .meta .prices_size div {
    float: left
}

.brick.product .meta .prices_size .retail_price,
.brick.product .meta .prices_size .retail {
    margin-left: 4px;
    text-decoration: line-through
}

.brick.product .meta .prices_size .subtext_seperator {
    margin: 0 5px
}

.brick.product .meta .loves_time {
    height: 24px;
    display: block
}

.brick.product .meta .loves_time .loves_detail {
    display: inline-block
}

.brick.shoppable .preview {
    position: relative;
    display: block
}

.brick.shoppable .preview .image {
    width: 280px;
    height: 280px;
    display: block;
    background-color: #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    background-size: contain
}

.brick.shoppable.small .image {
    width: 280px;
    height: 280px
}

.brick.shoppable.large .image {
    width: 580px;
    height: 580px
}

.brick.shoppable .meta {
    margin: 12px
}

.brick.shoppable .meta .name {
    font-size: 16px;
    color: #494949;
    display: block;
    height: 40px
}

.brick.shoppable .meta .description {
    font-weight: normal;
    text-transform: none;
    display: block;
    height: 36px;
    overflow: hidden;
    font-size: 14px;
    color: #909090
}

.brick.user .info {
    padding: 12px;
    background: #FFFFFF
}

.brick.user .info::after {
    clear: both;
    content: "";
    display: table
}

.brick.user .info .avatar {
    float: left;
    width: 72px;
    height: 72px
}

.brick.user .info .avatar img {
    width: 72px;
    height: 72px;
    border-radius: 50%
}

.brick.user .info .meta {
    float: left;
    width: 140px;
    margin-left: 12px
}

.brick.user .info .meta>.username {
    font-size: 16px;
    line-height: 20px
}

.brick.user .info .meta>.realname {
    color: #494949;
    font-size: 14px;
    line-height: 18px
}

.brick.user .info .meta>.tagline {
    color: #909090;
    font-size: 14px;
    line-height: 18px
}

.brick.user .info .meta>.username,
.brick.user .info .meta>.realname,
.brick.user .info .meta>.tagline {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bubbles {
    margin: 0;
    padding: 0;
    list-style: none
}

.bubbles::after {
    clear: both;
    content: "";
    display: table
}

.bubbles .bubble {
    width: 180px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    border-radius: 2px;
    background: #FFFFFF
}

.bubbles .bubble:nth-child(6n+1) {
    margin-left: 0
}

.bubbles .bubble:nth-child(6n+6) {
    margin-right: 0
}

.bubbles .bubble a {
    font-size: 14px;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #039DF6;
    display: block;
    padding: 8px;
    text-align: center;
    text-decoration: none
}

.bubbles .group {
    width: 180px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

.bubbles .group:nth-child(6n+1) {
    margin-left: 0
}

.bubbles .group:nth-child(6n+6) {
    margin-right: 0
}

.bubbles .group::after {
    clear: both;
    content: "";
    display: table
}

.bubbles .group .bubble {
    margin-left: 0;
    margin-right: 0
}

.button {
    cursor: pointer;
    position: relative;
    border: none;
    outline: none;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 8px;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #FFFFFF;
    background: #35D7A8
}

.button.inlined {
    display: inline-block
}

.button.light {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 24px;
    letter-spacing: 4px
}

.button.flush {
    padding: 0px 0px
}

.button:hover,
.button:active,
.button:focus {
    text-decoration: none
}

.button.presized {
    width: 120px
}

.button,
.button * {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.button .spinner.dots {
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    margin: -6px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.button.processing {
    color: transparent !important
}

.button.processing .spinner.dots {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.button .text {
    height: 50px;
    display: block;
    margin-right: 50px;
    margin-left: auto
}

.button .highlight,
.button .callout {
    width: 50px;
    height: 50px;
    float: left
}

.button .highlight .icon,
.button .callout .icon {
    width: 26px;
    height: 26px;
    margin: 12px
}

.button .highlight {
    background: #26be92
}

.button:hover {
    color: #FFFFFF;
    background: #26be92
}

.button:hover .highlight {
    color: #FFFFFF;
    background: #1f9c77
}

.button:active {
    color: #FFFFFF;
    background: #57deb7
}

.button:active .highlight {
    color: #FFFFFF;
    background: #35d7a8
}

.button.green {
    color: #FFFFFF;
    background: #35D7A8
}

.button.green .highlight {
    background: #26be92
}

.button.green:hover {
    color: #FFFFFF;
    background: #26be92
}

.button.green:hover .highlight {
    color: #FFFFFF;
    background: #1f9c77
}

.button.green:active {
    color: #FFFFFF;
    background: #57deb7
}

.button.green:active .highlight {
    color: #FFFFFF;
    background: #35d7a8
}

.button.red_bg {
    color: #FFFFFF;
    background: #F0536D
}

.button.red_bg .highlight {
    background: #ed2d4d
}

.button.red_bg:hover {
    color: #FFFFFF;
    background: #ed2d4d
}

.button.red_bg:hover .highlight {
    color: #FFFFFF;
    background: #de1335
}

.button.red_bg:active {
    color: #FFFFFF;
    background: #f3798d
}

.button.red_bg:active .highlight {
    color: #FFFFFF;
    background: #f0536d
}

.button.blue_bg,
.button.list-btn,
.button.add,
.button.save {
    color: #FFFFFF;
    background: #039DF6
}

.button.blue_bg .highlight,
.button.list-btn .highlight,
.button.add .highlight,
.button.save .highlight {
    background: #0383ce
}

.button.blue_bg:hover,
.button.list-btn:hover,
.button.add:hover,
.button.save:hover {
    color: #FFFFFF;
    background: #0383ce
}

.button.blue_bg:hover .highlight,
.button.list-btn:hover .highlight,
.button.add:hover .highlight,
.button.save:hover .highlight {
    color: #FFFFFF;
    background: #026aa5
}

.button.blue_bg:active,
.button.list-btn:active,
.button.add:active,
.button.save:active {
    color: #FFFFFF;
    background: #25aefc
}

.button.blue_bg:active .highlight,
.button.list-btn:active .highlight,
.button.add:active .highlight,
.button.save:active .highlight {
    color: #FFFFFF;
    background: #039df6
}

.button.white_bg {
    color: #909090;
    background: #FFFFFF
}

.button.white_bg .highlight {
    background: #ebebeb
}

.button.white_bg:hover {
    color: #909090;
    background: #ebebeb
}

.button.white_bg:hover .highlight {
    color: #909090;
    background: #d6d6d6
}

.button.white_bg:active {
    color: #909090;
    background: white
}

.button.white_bg:active .highlight {
    color: #909090;
    background: white
}

.button.orange_bg {
    color: #FFFFFF;
    background: #f17e29
}

.button.orange_bg .highlight {
    background: #e2690f
}

.button.orange_bg:hover {
    color: #FFFFFF;
    background: #e2690f
}

.button.orange_bg:hover .highlight {
    color: #FFFFFF;
    background: #bc570c
}

.button.orange_bg:active {
    color: #FFFFFF;
    background: #f4954f
}

.button.orange_bg:active .highlight {
    color: #FFFFFF;
    background: #f17e29
}

.button.impact,
.button.pose-btn {
    color: #FFFFFF;
    background: #C938D2
}

.button.impact .highlight,
.button.pose-btn .highlight {
    background: #af2ab8
}

.button.impact:hover,
.button.pose-btn:hover {
    color: #FFFFFF;
    background: #af2ab8
}

.button.impact:hover .highlight,
.button.pose-btn:hover .highlight {
    color: #FFFFFF;
    background: #902296
}

.button.impact:active,
.button.pose-btn:active {
    color: #FFFFFF;
    background: #d259da
}

.button.impact:active .highlight,
.button.pose-btn:active .highlight {
    color: #FFFFFF;
    background: #c938d2
}

.button.hollow {
    color: #C938D2;
    background: rgba(201, 56, 210, 0);
    border: 2px solid #C938D2
}

.button.hollow .highlight {
    background: rgba(175, 42, 184, 0)
}

.button.hollow:hover {
    color: #C938D2;
    background: rgba(175, 42, 184, 0)
}

.button.hollow:hover .highlight {
    color: #C938D2;
    background: rgba(144, 34, 150, 0)
}

.button.hollow:active {
    color: #C938D2;
    background: rgba(210, 89, 218, 0)
}

.button.hollow:active .highlight {
    color: #C938D2;
    background: rgba(201, 56, 210, 0)
}

.button.white_blue {
    color: #039DF6;
    background: #FFFFFF
}

.button.white_blue .highlight {
    background: #ebebeb
}

.button.white_blue:hover {
    color: #039DF6;
    background: #ebebeb
}

.button.white_blue:hover .highlight {
    color: #039DF6;
    background: #d6d6d6
}

.button.white_blue:active {
    color: #039DF6;
    background: white
}

.button.white_blue:active .highlight {
    color: #039DF6;
    background: white
}

.button.white_purple {
    color: #C938D2;
    background: #FFFFFF
}

.button.white_purple .highlight {
    background: #ebebeb
}

.button.white_purple:hover {
    color: #C938D2;
    background: #ebebeb
}

.button.white_purple:hover .highlight {
    color: #C938D2;
    background: #d6d6d6
}

.button.white_purple:active {
    color: #C938D2;
    background: white
}

.button.white_purple:active .highlight {
    color: #C938D2;
    background: white
}

.button.muted {
    color: #FFFFFF;
    background: #C1C1C1
}

.button.muted:hover {
    color: #FFFFFF;
    background: #C938D2
}

.button.fb.muted {
    color: #FFFFFF;
    background: #C1C1C1
}

.button.fb.muted:hover,
.button.fb.muted:active {
    color: #FFFFFF;
    background: #3B5998
}

.button.tw.muted {
    color: #FFFFFF;
    background: #C1C1C1
}

.button.tw.muted:hover,
.button.tw.muted:active {
    color: #FFFFFF;
    background: #00ACED
}

.button.tu.muted {
    color: #FFFFFF;
    background: #C1C1C1
}

.button.tu.muted:hover,
.button.tu.muted:active {
    color: #FFFFFF;
    background: #32506D
}

.button.pt.muted {
    color: #FFFFFF;
    background: #C1C1C1
}

.button.pt.muted:hover,
.button.pt.muted:active {
    color: #FFFFFF;
    background: #CB2027
}

.button.widget {
    color: #FFFFFF;
    background: #C938D2
}

.button.widget .highlight {
    background: #af2ab8
}

.button.widget:hover {
    color: #FFFFFF;
    background: #af2ab8
}

.button.widget:hover .highlight {
    color: #FFFFFF;
    background: #902296
}

.button.widget:active {
    color: #FFFFFF;
    background: #d259da
}

.button.widget:active .highlight {
    color: #FFFFFF;
    background: #c938d2
}

.button.widget .icon {
    margin: 12px;
    float: right
}

.button.widget .text {
    margin-left: 12px;
    margin-right: 50px
}

.button.fb {
    color: #FFFFFF;
    background: #039DF7
}

.button.fb .highlight {
    background: #028AD8
}

.button.fb:hover {
    color: #FFFFFF;
    background: #0383cf
}

.button.fb:hover .highlight {
    color: #FFFFFF;
    background: #0270b0
}

.button.fb:active {
    color: #FFFFFF;
    background: #26adfc
}

.button.fb:active .highlight {
    color: #FFFFFF;
    background: #06a3fd
}

.button.tw {
    color: #FFFFFF;
    background: #039DF7
}

.button.tw .highlight {
    background: #028AD8
}

.button.tw:hover {
    color: #FFFFFF;
    background: #0383cf
}

.button.tw:hover .highlight {
    color: #FFFFFF;
    background: #0270b0
}

.button.tw:active {
    color: #FFFFFF;
    background: #26adfc
}

.button.tw:active .highlight {
    color: #FFFFFF;
    background: #06a3fd
}

.button.purchase {
    color: #FFFFFF;
    background: #35D7A8
}

.button.purchase .highlight {
    background: #2CBC92
}

.button.purchase:hover {
    color: #FFFFFF;
    background: #26be92
}

.button.purchase:hover .highlight {
    color: #FFFFFF;
    background: #249b78
}

.button.purchase:active {
    color: #FFFFFF;
    background: #57deb7
}

.button.purchase:active .highlight {
    color: #FFFFFF;
    background: #3fd2a7
}

.button.trade {
    color: #FFFFFF;
    background: #039DF6
}

.button.trade .highlight {
    background: #028AD8
}

.button.trade:hover {
    color: #FFFFFF;
    background: #0383ce
}

.button.trade:hover .highlight {
    color: #FFFFFF;
    background: #0270b0
}

.button.trade:active {
    color: #FFFFFF;
    background: #25aefc
}

.button.trade:active .highlight {
    color: #FFFFFF;
    background: #06a3fd
}

.button.soldout {
    color: #FFFFFF;
    background: #F0536D
}

.button.soldout .highlight {
    background: #DA4459
}

.button.soldout:hover {
    color: #FFFFFF;
    background: #ed2d4d
}

.button.soldout:hover .highlight {
    color: #FFFFFF;
    background: #cd293f
}

.button.soldout:active {
    color: #FFFFFF;
    background: #f3798d
}

.button.soldout:active .highlight {
    color: #FFFFFF;
    background: #e16677
}

.button.no {
    color: #FFFFFF;
    background: #F0536D
}

.button.no .highlight {
    background: #ed2d4d
}

.button.no:hover {
    color: #FFFFFF;
    background: #ed2d4d
}

.button.no:hover .highlight {
    color: #FFFFFF;
    background: #de1335
}

.button.no:active {
    color: #FFFFFF;
    background: #f3798d
}

.button.no:active .highlight {
    color: #FFFFFF;
    background: #f0536d
}

.button.yes {
    color: #FFFFFF;
    background: #35D7A8
}

.button.yes .highlight {
    background: #26be92
}

.button.yes:hover {
    color: #FFFFFF;
    background: #26be92
}

.button.yes:hover .highlight {
    color: #FFFFFF;
    background: #1f9c77
}

.button.yes:active {
    color: #FFFFFF;
    background: #57deb7
}

.button.yes:active .highlight {
    color: #FFFFFF;
    background: #35d7a8
}

.button.search {
    color: #FFFFFF;
    background: #039DF6
}

.button.search .highlight {
    background: #0383ce
}

.button.search:hover {
    color: #FFFFFF;
    background: #0383ce
}

.button.search:hover .highlight {
    color: #FFFFFF;
    background: #026aa5
}

.button.search:active {
    color: #FFFFFF;
    background: #25aefc
}

.button.search:active .highlight {
    color: #FFFFFF;
    background: #039df6
}

.button.destroy {
    color: #FFFFFF;
    background: #F0536D
}

.button.destroy .highlight {
    background: #ed2d4d
}

.button.destroy:hover {
    color: #FFFFFF;
    background: #ed2d4d
}

.button.destroy:hover .highlight {
    color: #FFFFFF;
    background: #de1335
}

.button.destroy:active {
    color: #FFFFFF;
    background: #f3798d
}

.button.destroy:active .highlight {
    color: #FFFFFF;
    background: #f0536d
}

.button.edit {
    color: #FFFFFF;
    background: #F0536D
}

.button.edit .highlight {
    background: #ed2d4d
}

.button.edit:hover {
    color: #FFFFFF;
    background: #ed2d4d
}

.button.edit:hover .highlight {
    color: #FFFFFF;
    background: #de1335
}

.button.edit:active {
    color: #FFFFFF;
    background: #f3798d
}

.button.edit:active .highlight {
    color: #FFFFFF;
    background: #f0536d
}

.button.shop {
    color: #FFFFFF;
    background: #35D7A8
}

.button.shop .highlight {
    background: #26be92
}

.button.shop:hover {
    color: #FFFFFF;
    background: #26be92
}

.button.shop:hover .highlight {
    color: #FFFFFF;
    background: #1f9c77
}

.button.shop:active {
    color: #FFFFFF;
    background: #57deb7
}

.button.shop:active .highlight {
    color: #FFFFFF;
    background: #35d7a8
}

.button.all,
.button.more,
.button.cancel {
    color: #FFFFFF;
    background: #C1C1C1
}

.button.all .highlight,
.button.more .highlight,
.button.cancel .highlight {
    background: #adadad
}

.button.all:hover,
.button.more:hover,
.button.cancel:hover {
    color: #FFFFFF;
    background: #adadad
}

.button.all:hover .highlight,
.button.more:hover .highlight,
.button.cancel:hover .highlight {
    color: #FFFFFF;
    background: #989898
}

.button.all:active,
.button.more:active,
.button.cancel:active {
    color: #FFFFFF;
    background: #d5d5d5
}

.button.all:active .highlight,
.button.more:active .highlight,
.button.cancel:active .highlight {
    color: #FFFFFF;
    background: #c1c1c1
}

.button.apply {
    color: #FFFFFF;
    background: #C1C1C1
}

.button.apply .highlight {
    background: #039DF6
}

.button.apply:hover {
    color: #FFFFFF;
    background: #adadad
}

.button.apply:hover .highlight {
    color: #FFFFFF;
    background: #0383ce
}

.button.apply:active {
    color: #FFFFFF;
    background: #d5d5d5
}

.button.apply:active .highlight {
    color: #FFFFFF;
    background: #25aefc
}

.button.done {
    color: #FFFFFF;
    background: #039DF6
}

.button.done .highlight {
    background: #0383ce
}

.button.done:hover {
    color: #FFFFFF;
    background: #0383ce
}

.button.done:hover .highlight {
    color: #FFFFFF;
    background: #026aa5
}

.button.done:active {
    color: #FFFFFF;
    background: #25aefc
}

.button.done:active .highlight {
    color: #FFFFFF;
    background: #039df6
}

.button.white {
    color: #C1C1C1;
    background: #FFFFFF
}

.button.white .highlight {
    background: #ebebeb
}

.button.white:hover {
    color: #C1C1C1;
    background: #ebebeb
}

.button.white:hover .highlight {
    color: #C1C1C1;
    background: #d6d6d6
}

.button.white:active {
    color: #C1C1C1;
    background: white
}

.button.white:active .highlight {
    color: #C1C1C1;
    background: white
}

.button.white_red {
    color: #F0536D;
    background: #FFFFFF;
    font-size: 14px
}

.button.white_red .highlight {
    background: #ebebeb
}

.button.white_red:hover {
    color: #F0536D;
    background: #ebebeb
}

.button.white_red:hover .highlight {
    color: #F0536D;
    background: #d6d6d6
}

.button.white_red:active {
    color: #F0536D;
    background: white
}

.button.white_red:active .highlight {
    color: #F0536D;
    background: white
}

.button.disabled {
    opacity: 0.4;
    cursor: default;
    color: #FFFFFF;
    background: #C1C1C1
}

.button.disabled:hover {
    color: #FFFFFF;
    background: #C1C1C1
}

.invalid .button.default {
    color: #FFFFFF;
    background: #F0536E
}

.invalid .button.default .highlight {
    background: #ed2d4e
}

.invalid .button.default:hover {
    color: #FFFFFF;
    background: #ed2d4e
}

.invalid .button.default:hover .highlight {
    color: #FFFFFF;
    background: #de1336
}

.invalid .button.default:active {
    color: #FFFFFF;
    background: #f3798e
}

.invalid .button.default:active .highlight {
    color: #FFFFFF;
    background: #f0536e
}

.card {
    position: relative
}

.card.mini {
    height: 100px;
    overflow: hidden;
    background: #000000;
    position: relative;
    width: 380px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0
}

.card.mini::after {
    clear: both;
    content: "";
    display: table
}

.card.mini .background {
    opacity: 0.6;
    background: #FFFFFF;
    margin: -150px -50px;
    height: 400px;
    width: 400px
}

.card.mini .callout {
    background: #FFFFFF;
    position: absolute;
    height: 100px;
    width: 256px;
    padding: 2px;
    margin: 0 20px;
    bottom: -22px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.card.mini .callout::after {
    clear: both;
    content: "";
    display: table
}

.card.mini .callout:hover {
    bottom: -12px
}

.card.mini .callout .preview {
    width: 100px;
    height: 100px;
    float: left
}

.card.mini .callout .contents {
    margin: 0 0 0 110px;
    padding: 8px 0;
    font-size: 16px
}

.card.mini .callout .contents .name {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card.mini .callout .contents .username {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card.collection {
    background: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    width: 780px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0
}

.card.collection::after {
    clear: both;
    content: "";
    display: table
}

.card.collection .preview {
    width: 280px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-bottom: 0px
}

.card.collection .preview * {
    width: 220px;
    height: 220px
}

.card.collection .content {
    width: 480px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 0;
    margin-bottom: 0px
}

.card.collection .stats {
    width: 60px;
    padding-left: 20px;
    float: right;
    clear: both;
    color: #909090;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0
}

.card.collection .stats .stat {
    height: 24px
}

.card.collection .stats .stat .count {
    line-height: 24px
}

.card.collection .name {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height: 24px;
    font-size: 24px;
    width: 300px;
    max-height: 50px;
    overflow: hidden
}

.card.collection .authorship {
    line-height: 18px;
    font-size: 18px;
    width: 300px;
    max-height: 20px;
    overflow: hidden
}

.card.collection .tagline {
    font-size: 18px;
    line-height: 24px;
    width: 360px;
    max-height: 50px;
    overflow: hidden
}

.card.collection .tags {
    font-size: 14px;
    color: #909090;
    width: 360px;
    max-height: 50px;
    overflow: hidden;
    position: absolute;
    bottom: 10px
}

.card.collection .tags .list {
    float: left;
    width: 340px;
    margin-top: 4px
}

.card.collection .icon {
    float: left
}

.card.collection .icon.loves-icon {
    width: 16px;
    height: 16px;
    margin: 4px;
    background: url(/images/loves-b12b83094fc1344d9a8a2ef83bdddbd2d04c211ff01736a0f02ffcf69bca5f48.png) center
}

.card.collection .icon.comments-icon {
    width: 16px;
    height: 16px;
    margin: 4px;
    background: url(/images/comments-e9ae4350aaf80e695c80681a85709cb2207e43f588ecf82a1d0a7ece56ae2c24.png) center
}

.carousel .controls .pages {
    opacity: 0.4
}

.carousel .controls .pages .page {
    background: #C1C1C1
}

.carousel .controls .pages .page:hover {
    background: #A8A8A8
}

.carousel .controls .pages .page.active {
    background: #C938D2
}

.carousel.split .controls .pages {
    left: 780px;
    right: 0
}

.carousel.split .previews .preview {
    height: 380px;
    background: #FFFFFF
}

.carousel.split .previews .preview:hover .notes .center .text .cta {
    color: #494949
}

.carousel.split .previews .preview img {
    width: inherit;
    height: inherit
}

.carousel.split .previews .preview .image {
    width: 780px;
    float: left
}

.carousel.split .previews .preview .notes {
    padding: 20px;
    margin-left: 780px
}

.carousel.split .previews .preview .notes .center {
    width: 360px;
    height: 340px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -ms-flex-align: center
}

.carousel.split .previews .preview .notes .center .text {
    width: 320px
}

.carousel.split .previews .preview .notes .center .text .name {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #232323;
    font-size: 35px;
    line-height: 38px;
    letter-spacing: 4px;
    margin: 0 0 40px
}

.carousel.split .previews .preview .notes .center .text .cta {
    color: #909090;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 2px;
    margin: 40px 0 0
}

.cells {
    white-space: nowrap
}

.cells::after {
    clear: both;
    content: "";
    display: table
}

.cells.listings>.cell {
    width: 106px
}

.cells.listings>.cell:first-child,
.cells.listings>.cell:last-child {
    width: 98px
}

.cells.listings>.cell:first-child:last-child {
    width: 90px
}

.cells.directory>.cell {
    width: 126px
}

.cells.directory>.cell:first-child,
.cells.directory>.cell:last-child {
    width: 118px
}

.cells.directory>.cell:first-child:last-child {
    width: 110px
}

.cells.separated>.cell {
    padding: 0 16px;
    border-left: 1px solid #F8F8F8
}

.cells .cell {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    position: relative;
    margin-left: -2px;
    margin-right: -2px;
    padding-left: 8px;
    padding-right: 8px
}

.cells .cell::after {
    clear: both;
    content: "";
    display: table
}

.cells .cell .link {
    display: block;
    position: relative
}

.cells .cell .link .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    padding: 34px 0;
    text-align: center;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0
}

.cells .cell .link .overlay:hover {
    opacity: 1
}

.cells .cell .link.item .overlay {
    background-color: rgba(53, 215, 168, 0.4);
    background-image: -webkit-linear-gradient(bottom, rgba(53, 215, 168, 0.4), rgba(3, 157, 246, 0.4));
    background-image: linear-gradient(to top, rgba(53, 215, 168, 0.4), rgba(3, 157, 246, 0.4))
}

.cells .cell .link.pose .overlay {
    background-color: rgba(201, 56, 210, 0.4);
    background-image: -webkit-linear-gradient(bottom, rgba(201, 56, 210, 0.4), rgba(3, 157, 246, 0.4));
    background-image: linear-gradient(to top, rgba(201, 56, 210, 0.4), rgba(3, 157, 246, 0.4))
}

.cells .cell .link.all {
    width: 90px;
    height: 90px;
    padding: 16px 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.cells .cell .link.all .text {
    color: #FFFFFF
}

.cells .cell .link.all.items {
    background-color: #35D7A8;
    background-image: -webkit-linear-gradient(bottom, #35D7A8, #039DF6);
    background-image: linear-gradient(to top, #35D7A8, #039DF6)
}

.cells .cell .link.all.poses {
    background-color: #C938D2;
    background-image: -webkit-linear-gradient(bottom, #C938D2, #039DF6);
    background-image: linear-gradient(to top, #C938D2, #039DF6)
}

.cells .cell:first-child {
    padding-left: 0px;
    margin-left: 0px;
    border-left: none
}

.cells .cell:last-child {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none
}

.collage {
    position: relative;
    height: 580px;
    margin: 0 0 20px
}

.collage * {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.collage>* {
    display: none;
    position: absolute;
    background: #FFFFFF
}

.collage>*:nth-child(1) {
    display: block;
    left: 0px;
    top: 0px;
    width: 380px;
    height: 380px
}

.collage>*:nth-child(2) {
    display: block;
    left: 0px;
    top: 400px;
    width: 380px;
    height: 180px
}

.collage>*:nth-child(3) {
    display: block;
    left: 400px;
    top: 0px;
    width: 380px;
    height: 180px
}

.collage>*:nth-child(4) {
    display: block;
    left: 400px;
    top: 200px;
    width: 380px;
    height: 380px
}

.collage>*:nth-child(5) {
    display: block;
    left: 800px;
    top: 0px;
    width: 380px;
    height: 380px
}

.collage>*:nth-child(6) {
    display: block;
    left: 800px;
    top: 400px;
    width: 380px;
    height: 180px
}

.collage>*:nth-child(1) .image,
.collage>*:nth-child(4) .image,
.collage>*:nth-child(5) .image {
    width: 380px;
    height: 380px
}

.collage>*:nth-child(2) .image,
.collage>*:nth-child(3) .image,
.collage>*:nth-child(6) .image {
    width: 380px;
    height: 180px
}

.collage>* .name {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 2px
}

.collage>* .auxilary {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 18px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 2px
}

.collage>*.supplementary {
    padding: 4px;
    background-color: #34AADC;
    background-image: -webkit-linear-gradient(left, #34AADC, #32D3C1);
    background-image: linear-gradient(to right, #34AADC, #32D3C1)
}

.collage>*.supplementary .center {
    width: 348px
}

.collage>*.supplementary .title {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    color: #232323;
    margin: 0 0 20px;
    font-size: 21px;
    line-height: 24px;
    letter-spacing: 2px
}

.collage>*.supplementary .subtitle {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #35D7A8;
    margin: 20px 0 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px
}

.collage>*.supplementary .link {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -ms-flex-align: center;
    padding: 8px;
    background: white
}

.collage>*.supplementary .link .title {
    color: #232323
}

.collage>*.supplementary .link .subtitle {
    color: #35D7A8
}

.collage>*.supplementary .link:hover {
    background: rgba(255, 255, 255, 0)
}

.collage>*.supplementary .link:hover .title {
    color: #FFFFFF
}

.collage>*.supplementary .link:hover .subtitle {
    color: #FFFFFF
}

.collage>* .anchor {
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px
}

.collage>* .overlay {
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent 0%, transparent 60%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(transparent 0%, transparent 60%, rgba(0, 0, 0, 0.3) 100%);
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.collage>*.stream .anchor {
    bottom: -8px
}

.collage>*.stream .anchor .name {
    opacity: 1
}

.collage>*.stream .anchor .auxilary {
    opacity: 0
}

.collage>*.stream:hover .anchor {
    bottom: 10px
}

.collage>*.stream:hover .anchor .name {
    opacity: 1
}

.collage>*.stream:hover .anchor .auxilary {
    opacity: 1
}

.sidebar .advertisement {
    margin-bottom: 20px
}

.tagger .modal-body {
    max-height: 280px
}

.tagger .photos {
    margin: 0;
    overflow: hidden;
    margin-left: 5px
}

.tagger .photos li {
    float: left;
    margin: 10px;
    list-style-type: none;
    width: 124px;
    height: 124px;
    background: #909090;
    position: relative
}

.tagger .photos li .checkmark {
    vertical-align: top;
    color: transparent;
    cursor: pointer;
    font-size: 80px;
    line-height: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    width: 124px
}

.tagger .photos li .checkmark:after {
    content: "✓"
}

.tagger .photos li .checkmark.active,
.tagger .photos li .checkmark:hover {
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8)
}

.tagger .photos li img {
    vertical-align: baseline
}

.tagger .photos li .checked {
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8)
}

.tagger .button.save,
.tagger .button.cancel {
    width: 100px;
    display: block;
    float: right;
    text-align: center
}

.tagger .purps {
    color: #C938D2
}

.tagger .tags {
    overflow: hidden;
    margin-bottom: 10px
}

.tagger .tags .tag {
    float: left;
    height: 30px;
    margin: 0 10px 10px 0;
    padding: 4px
}

.tagger .tags .tag .text,
.tagger .tags .tag .delete {
    color: #FFFFFF;
    background: #A8A8A8;
    padding: 10px
}

.tagger .trending .tags .tag {
    cursor: pointer
}

.tagger .trending .tags .tag .delete {
    display: none
}

.tagger .trending .tags .tag .text,
.tagger .trending .tags .tag .delete {
    background: #039DF6
}

.tagger .add {
    border: 1px solid #A8A8A8;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 20px;
    width: 548px
}

.tagger .suggestions {
    position: absolute;
    width: 450px;
    background: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    border: 1px solid #A8A8A8;
    border-top: none;
    margin-top: -20px
}

.tagger .suggestions .suggestion,
.tagger .suggestions .insert {
    border-bottom: 1px solid #A8A8A8;
    display: block;
    padding: 20px;
    cursor: pointer;
    color: #444444;
    background: #FFFFFF;
    text-decoration: none
}

.tagger .suggestions .suggestion:last-child,
.tagger .suggestions .insert:last-child {
    border-bottom: none
}

.tagger .suggestions .suggestion:hover,
.tagger .suggestions .insert:hover {
    color: #FFFFFF;
    background: #039DF6;
    text-decoration: none
}

#collection .field[contenteditable=true] {
    border: thin dotted rgba(68, 68, 68, 0.4)
}

#collection .content::after {
    clear: both;
    content: "";
    display: table
}

#collection .wall .bricks .stash {
    background: #FFFFFF
}

#collection .wall .bricks .stash .preview {
    position: relative
}

#collection .wall .bricks .stash .preview .overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#collection .wall .bricks .stash .preview .overlay .delete {
    position: absolute;
    color: #444444;
    background-color: #C1C1C1;
    text-align: center;
    line-height: 28px;
    top: 12px;
    left: 12px;
    height: 30px;
    width: 30px;
    pointer-events: auto
}

#collection .wall.editing .brick .stash .item {
    pointer-events: none
}

#collection .wall.editing .bricks .stash .preview .overlay {
    display: block
}

#collection .header {
    position: relative;
    height: 248px;
    overflow: hidden;
    margin-bottom: 24px
}

#collection .header::after {
    clear: both;
    content: "";
    display: table
}

#collection .header .card,
#collection .header .buttons {
    margin-top: 24px;
    height: 200px
}

#collection .header .card {
    width: 584px;
    display: block;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
    background-color: #FFFFFF;
    padding: 12px
}

#collection .header .card .main {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 32px;
    display: table;
    width: 100%;
    height: 92px
}

#collection .header .card .main .name {
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

#collection .header .card .base {
    height: 73px;
    border-top: 1px solid #C1C1C1;
    padding-top: 12px;
    margin-top: 12px
}

#collection .header .card .base::after {
    clear: both;
    content: "";
    display: table
}

#collection .header .card .base .avatar,
#collection .header .card .base .by {
    float: left
}

#collection .header .card .base .comment_count,
#collection .header .card .base .love-cont {
    margin-top: 15px;
    float: right
}

#collection .header .card .base .by {
    margin-left: 12px;
    margin-top: 12px;
    line-height: 15px;
    color: #909090
}

#collection .header .card .base .avatar {
    border-radius: 30px
}

#collection .header .card .base .comment_count {
    margin-left: 8px;
    color: #909090;
    line-height: 24px
}

#collection .header .card .base .comment_count .count,
#collection .header .card .base .comment_count .icon.comment {
    float: left
}

#collection .header .buttons {
    width: 286px;
    display: block;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
    position: relative
}

#collection .header .buttons.left {
    margin-left: 0
}

#collection .header .buttons .edit,
#collection .header .buttons .save,
#collection .header .buttons a.share {
    position: absolute;
    width: 50%
}

#collection .header .buttons .edit,
#collection .header .buttons .save,
#collection .header .buttons a.share {
    top: 0
}

#collection .header .buttons .edit,
#collection .header .buttons .save {
    right: 0
}

#collection .header .buttons a.share {
    left: 0
}

#collection .header .manage-tag {
    width: 277px;
    display: block;
    float: left;
    margin-left: 24px;
    margin-bottom: 24px;
    color: #FFFFFF
}

#collection .additional {
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 480px;
    margin-right: 0;
    margin-bottom: 0
}

#collection .comments {
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 680px;
    margin-left: 0;
    margin-bottom: 0
}

.sidebar .collections>.collection {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px #C1C1C1 solid
}

.sidebar .collections>.collection::after {
    clear: both;
    content: "";
    display: table
}

.sidebar .collections>.collection .preview {
    float: left
}

.sidebar .collections>.collection .preview .icon {
    border-radius: 4px;
    margin-top: 6px;
    margin-left: 20px
}

.sidebar .collections>.collection .metadata {
    line-height: 16px;
    margin-left: 20px;
    float: left
}

.sidebar .collections>.collection .metadata .name,
.sidebar .collections>.collection .metadata .creator {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sidebar .collections>.collection .metadata .name a {
    color: #C938D2
}

.heading {
    position: relative;
    border-bottom: 1px solid #C1C1C1
}

.heading::after {
    clear: both;
    content: "";
    display: table
}

.heading .title {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 18px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    text-align: right
}

.heading .head {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #C938D2;
    font-size: 36px;
    line-height: 44px;
    text-align: center
}

.heading .head::after {
    clear: both;
    content: "";
    display: table
}

.collections-item {
    margin: 20px
}

.collections-item .image {
    margin-left: 0
}

.collections-item .image .media {
    width: 300px;
    height: 300px;
    margin: 0 auto
}

.collections-item .image .media img {
    width: 300px;
    height: 300px
}

.all-collections .wall {
    padding-top: 20px
}

.all-collections .wall .collections .collection.brick {
    background-color: #F4F4F4;
    box-shadow: none
}

.all-collections .wall .collections .collection.brick .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#collection .empty-message {
    margin-top: 0
}

#collection .empty-message .content {
    width: 580px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-left: 50px
}

.tag .header {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

.tag .header .title {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #C938D2;
    font-size: 30px;
    line-height: 30px
}

.tag .body .content .wall {
    width: auto
}

.tag .body .content .wall .empty-message {
    display: block;
    margin: 0 auto;
    width: 600px
}

.comments {
    position: relative
}

.comments .top::after {
    clear: both;
    content: "";
    display: table
}

.comments .top .title {
    float: left
}

.comments .top .count {
    float: right;
    top: 0;
    right: 0;
    color: #909090;
    line-height: 24px
}

.comments .top .count .icon,
.comments .top .count .text {
    float: left
}

.comments .top .count .text {
    margin-left: 4px
}

.comments .new {
    background-color: #fff;
    border: 1px solid #C1C1C1;
    padding: 10px;
    margin-top: 20px
}

.comments .new::after {
    clear: both;
    content: "";
    display: table
}

.comments .new .avatar {
    margin: 0;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    float: left
}

.comments .new input {
    box-shadow: none;
    border: none;
    min-height: 72px;
    margin-bottom: 0;
    margin-left: 10px;
    width: 555px;
    padding: 0;
    float: left
}

.comments .new input:focus {
    box-shadow: none;
    border: none
}

.comments .new input:focus::-webkit-input-placeholder {
    color: transparent
}

.comments .new input:focus::-moz-placeholder {
    color: transparent
}

.comments .new input:focus:-moz-placeholder {
    color: transparent
}

.comments .new input:focus:-ms-input-placeholder {
    color: transparent
}

.comments .index ul {
    margin: 0;
    list-style: none
}

.comments .index ul .comment {
    padding: 10px;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C1C1C1
}

.comments .index ul .comment::after {
    clear: both;
    content: "";
    display: table
}

.comments .index ul .comment .avatar {
    width: 72px;
    height: 72px;
    float: left
}

.comments .index ul .comment .avatar img {
    width: 72px;
    height: 72px;
    border-radius: 36px
}

.comments .index ul .comment .content {
    word-wrap: break-word;
    line-height: 14px;
    margin-left: 10px;
    width: 555px;
    float: left;
    padding-top: 10px
}

.comments .index ul .comment .content .age {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #808080
}

#community {
    margin: 0 auto;
    width: 1180px
}

#community .heading,
#community .subheading {
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0;
    width: 1180px;
    color: #353535;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 5px;
    position: relative;
    margin: 0 auto 0 auto;
    border: none
}

#community .subheading {
    padding-top: 5px;
    padding-bottom: 30px
}

#community .heading {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 54px;
    line-height: 56px;
    letter-spacing: 15px;
    overflow: visible;
    padding-bottom: 0px
}

#community .heading:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 60%;
    background: #C938D2
}

#community .heading>* {
    position: relative;
    padding: 0 20px;
    background: #F4F4F4
}

#community .header {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: #353535;
    letter-spacing: 2px;
    padding: 5px;
    border-bottom: 2px solid #353535
}

#community .contents {
    margin: 24px auto 0 auto
}

#community .contents::after {
    clear: both;
    content: "";
    display: table
}

#community a {
    color: #353535
}

#community a:hover {
    color: #C938D2
}

#community .tastemakers,
#community .who_follows {
    padding: 20px 0
}

#community .tastemakers .contents .user,
#community .who_follows .contents .user {
    width: 204px;
    display: block;
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    margin-bottom: 0;
    float: left;
    background: #F4F4F4;
    box-shadow: none
}

#community .tastemakers .contents .user .image,
#community .who_follows .contents .user .image {
    display: block;
    cursor: pointer;
    position: relative;
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 50%
}

#community .tastemakers .contents .user .image img,
#community .who_follows .contents .user .image img {
    width: 204px;
    height: 204px
}

#community .tastemakers .contents .user .name,
#community .who_follows .contents .user .name {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    padding-top: 3px
}

#community .tastemakers .contents .user .name .username,
#community .who_follows .contents .user .name .username {
    margin: 0;
    display: inline-block;
    font-size: 16px
}

#community .tastemakers .contents .user .name .username:hover,
#community .tastemakers .contents .user .name .username.active,
#community .who_follows .contents .user .name .username:hover,
#community .who_follows .contents .user .name .username.active {
    color: #C938D2
}

#community .tastemakers .contents .user .name .follow_widget,
#community .who_follows .contents .user .name .follow_widget {
    display: inline-block;
    height: 20px
}

#community .tastemakers .contents .user .name .follow_widget .icon,
#community .who_follows .contents .user .name .follow_widget .icon {
    height: 18px;
    width: 18px;
    margin-top: 5px
}

#community .tastemakers .contents .user .name .follow_widget .active .icon,
#community .who_follows .contents .user .name .follow_widget .active .icon {
    height: 22px;
    width: 22px;
    margin-top: 3px
}

#community .recommended,
#community .suggested_following {
    padding: 20px 0
}

#community .recommended .carousel .controls,
#community .suggested_following .carousel .controls {
    margin-top: 10px;
    height: 20px
}

#community .recommended .carousel .controls .pages,
#community .suggested_following .carousel .controls .pages {
    height: 20px
}

#community .recommended .carousel .previews,
#community .suggested_following .carousel .previews {
    width: auto;
    overflow: visible
}

#community .recommended .carousel .previews::after,
#community .suggested_following .carousel .previews::after {
    clear: both;
    content: "";
    display: table
}

#community .recommended .carousel .previews .preview,
#community .suggested_following .carousel .previews .preview {
    background: #F4F4F4;
    height: auto
}

#community .recommended .brick,
#community .suggested_following .brick {
    width: 380px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 12px
}

#community .recommended .brick:nth-child(3n+1),
#community .suggested_following .brick:nth-child(3n+1) {
    margin-left: 0
}

#community .recommended .brick:nth-child(3n+3),
#community .suggested_following .brick:nth-child(3n+3) {
    margin-right: 0
}

#community .recommended .brick:nth-child(3n+6),
#community .suggested_following .brick:nth-child(3n+6) {
    margin-bottom: 0
}

#community .recommended .brick:nth-child(3n+5),
#community .suggested_following .brick:nth-child(3n+5) {
    margin-bottom: 0
}

#community .recommended .brick:nth-child(3n+4),
#community .suggested_following .brick:nth-child(3n+4) {
    margin-bottom: 0
}

#community .recommended .brick .top::after,
#community .suggested_following .brick .top::after {
    clear: both;
    content: "";
    display: table
}

#community .recommended .brick .top .info,
#community .suggested_following .brick .top .info {
    padding-top: 0;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
    float: left
}

#community .recommended .brick .top .info .username,
#community .suggested_following .brick .top .info .username {
    text-transform: uppercase;
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #353535;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    color: #353535;
    text-align: left
}

#community .recommended .brick .top .info .realname,
#community .suggested_following .brick .top .info .realname {
    font-size: 12px;
    text-align: left
}

#community .recommended .brick .top .actions,
#community .suggested_following .brick .top .actions {
    float: right
}

#community .recommended .brick .poses,
#community .suggested_following .brick .poses {
    float: left
}

#community .recommended .brick .poses img,
#community .suggested_following .brick .poses img {
    width: 112px;
    height: 112px;
    display: block;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-bottom: 0
}

#community .recommended .brick .poses img:nth-child(3n+1),
#community .suggested_following .brick .poses img:nth-child(3n+1) {
    margin-left: 0
}

#community .tastemakers .contents .user:nth-child(5n+5) {
    margin-right: 0
}

#community .tastemakers .contents .user:nth-child(5n+1) {
    margin-left: 0
}

#community .who_follows::after {
    clear: both;
    content: "";
    display: table
}

#community .who_follows .who {
    float: left
}

#community .who_follows .who img {
    width: 505px;
    height: 505px
}

#community .who_follows .who .name {
    margin-top: 4px
}

#community .who_follows .who .name .follow.widget.icon_only {
    float: left;
    margin-left: 4px
}

#community .who_follows .who .name .follow.widget.icon_only .icon {
    height: 18px;
    width: 18px
}

#community .who_follows .who .name .follow.widget.icon_only.active .icon {
    width: 22px;
    height: 22px;
    margin-top: -2px
}

#community .who_follows .who .name .username {
    float: left
}

#community .who_follows .following_six {
    width: 655px;
    float: left;
    margin-left: 20px;
    padding-top: 0
}

#community .who_follows .following_six .header {
    padding-top: 0
}

#community .who_follows .following_six .brick.user {
    width: 191.66667px;
    display: block;
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    margin-bottom: 20px
}

#community .who_follows .following_six .brick.user:nth-child(3n+3) {
    margin-right: 0
}

#community .who_follows .following_six .brick.user:nth-child(3n+1) {
    margin-left: 0
}

#community .who_follows .following_six .brick.user:nth-child(3n+6) {
    margin-bottom: 0
}

#community .who_follows .following_six .brick.user:nth-child(3n+5) {
    margin-bottom: 0
}

#community .who_follows .following_six .brick.user:nth-child(3n+4) {
    margin-bottom: 0
}

#community .who_follows .following_six .brick.user .user {
    margin: 0;
    width: 191.66667px
}

#community .who_follows .following_six .brick.user .user .image img {
    width: 191.66667px;
    height: 191.66667px
}

#community .tab_section {
    padding: 20px 0
}

#community .tab_section .tabs {
    width: 280px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    float: left;
    margin-left: 0;
    margin-bottom: 0
}

#community .tab_section .tabs .tab {
    border-top: 2px solid #C1C1C1;
    cursor: pointer;
    color: #848484;
    text-transform: uppercase;
    font-family: "HelveticaNeue-Heavy", "Helvetica Neue Heavy", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 16px;
    padding: 13px 0
}

#community .tab_section .tabs .tab.active {
    color: #353535
}

#community .tab_section .tabs .tab.active,
#community .tab_section .tabs .tab.active+.tab {
    border-top: 2px solid #353535
}

#community .tab_section .contents {
    width: 880px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    float: right;
    margin-top: 0
}

#community .tab_section .contents.carousel .controls {
    margin-top: 10px;
    height: 20px
}

#community .tab_section .contents.carousel .controls .pages {
    height: 20px
}

#community .tab_section .contents.carousel .previews .preview {
    background: #F4F4F4;
    height: auto
}

#community .tab_section .contents .brick {
    width: 880px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-bottom: 1px;
    padding: 12px
}

#community .tab_section .contents .brick .left {
    width: 369.33333px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin: 0
}

#community .tab_section .contents .brick .left .avatar {
    float: left
}

#community .tab_section .contents .brick .left .avatar img {
    border-radius: 50%;
    width: 151.42857px;
    height: 151.42857px;
    padding: 12px
}

#community .tab_section .contents .brick .top .info {
    width: 208.57143px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    float: left;
    padding: 0;
    margin-top: 0;
    margin-left: 9px;
    margin-right: 0;
    margin-bottom: 0
}

#community .tab_section .contents .brick .top .meta {
    width: 208.57143px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin: 0
}

#community .tab_section .contents .brick .top .meta .username {
    text-transform: uppercase;
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #353535;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    color: #353535;
    text-align: left
}

#community .tab_section .contents .brick .top .meta .realname {
    font-size: 12px;
    text-align: left;
    height: 18px
}

#community .tab_section .contents .brick .top .actions {
    float: left;
    margin-left: 9px
}

#community .tab_section .contents .brick .poses {
    width: 466.66667px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-bottom: 0;
    float: left
}

#community .tab_section .contents .brick .poses img {
    width: 147.55556px;
    height: 147.55556px;
    display: block;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
    margin-bottom: 0
}

#community .tab_section .contents .brick .poses img:nth-child(3n+1) {
    margin-left: 0
}

#contact .email,
#contact .message {
    width: 280px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

#contact .email {
    margin-left: 0
}

#contact .follow {
    width: 580px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

#contact .email,
#contact .message,
#contact .follow {
    line-height: 20px
}

#contact .email .subheader,
#contact .message .subheader,
#contact .follow .subheader {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    margin-bottom: 10px
}

#contact .email .content::after,
#contact .message .content::after,
#contact .follow .content::after {
    clear: both;
    content: "";
    display: table
}

#contact .section {
    margin-bottom: 20px
}

#contact .section .header {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px
}

#contact .section .content {
    width: 580px
}

#conversation.complete .split .title,
#conversation.upcoming .split .title {
    display: none
}

#conversation.complete .split .main,
#conversation.upcoming .split .main {
    float: none;
    width: 980px
}

#conversation.complete .split .side,
#conversation.upcoming .split .side {
    display: none
}

#conversation.complete .split .entry .contents,
#conversation.upcoming .split .entry .contents {
    margin-left: 100px;
    margin-right: 100px
}

#conversation.complete .split .entry .contents .actions,
#conversation.upcoming .split .entry .contents .actions {
    display: none
}

#conversation.complete .split .entry .contents .age,
#conversation.upcoming .split .entry .contents .age {
    display: none
}

#conversation .expiry {
    color: #C1C1C1;
    text-align: center;
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500
}

#conversation .username {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500
}

#conversation .hollow {
    cursor: default
}

#conversation .wrapper {
    width: 1180px;
    margin: 0 auto
}

#conversation .title {
    color: #232323;
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 4px;
    margin-bottom: 10px
}

#conversation .live {
    color: #232323;
    font-size: 18px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    margin-bottom: 20px
}

#conversation .panel {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 980px;
    background: #FFFFFF;
    padding: 20px;
    margin: 0 auto 20px
}

#conversation .panel::after {
    clear: both;
    content: "";
    display: table
}

#conversation .panel .title {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 4px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C1C1C1
}

#conversation .entry::after,
#conversation .clear::after {
    clear: both;
    content: "";
    display: table
}

#conversation .panel>.entries>.entry {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C1C1C1
}

#conversation .panel>.entries>.entry:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none
}

#conversation .panel>.entries>.entry .entry {
    margin-top: 20px
}

#conversation .new {
    border-bottom: 1px solid #C1C1C1;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 80px;
    padding-right: 80px
}

#conversation .new form,
#conversation .new input,
#conversation .new button {
    margin: 0
}

#conversation .speakers {
    text-align: center;
    margin-bottom: 20px
}

#conversation .speakers .avatar {
    width: 80px;
    height: 80px;
    margin: 0 4px
}

#conversation .speakers .avatar .image {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background: #FFFFFF
}

#conversation .inline::after {
    clear: both;
    content: "";
    display: table
}

#conversation .inline .counted {
    width: 80%;
    float: left
}

#conversation .inline .button {
    width: 20%;
    float: left;
    border-left: none
}

#conversation .inline .field {
    width: 100%;
    border-right: none
}

#conversation .split::after {
    clear: both;
    content: "";
    display: table
}

#conversation .split .main {
    float: left;
    width: 700px
}

#conversation .split .side {
    float: right;
    width: 460px;
    overflow-y: auto;
    min-height: 0px;
    max-height: 960px
}

#conversation .missing {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

#conversation .bubble {
    padding: 20px;
    background: #C1C1C1;
    position: relative;
    border-radius: 4px
}

#conversation .bubble:before,
#conversation .bubble:after {
    content: "";
    position: absolute;
    top: 40px;
    margin: -4px;
    display: none;
    background: #C1C1C1;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#conversation .bubble:after {
    right: 0
}

#conversation .bubble:before {
    left: 0
}

#conversation .entry.conversation .image {
    width: 140px;
    display: block;
    float: left
}

#conversation .entry.conversation .details {
    width: 620px;
    display: block;
    float: left;
    margin-left: 20px
}

#conversation .entry.conversation .actions {
    width: 140px;
    display: block;
    float: left;
    margin-left: 20px
}

#conversation .entry.conversation .preview {
    width: 140px;
    height: 140px
}

#conversation .entry.conversation .name {
    font-size: 18px;
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase
}

#conversation .entry.conversation .description {
    font-size: 14px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    margin-bottom: 8px
}

#conversation .entry.conversation .date {
    font-size: 14px;
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold
}

#conversation .entry.question .avatar {
    float: right
}

#conversation .entry.question .contents {
    margin-left: 0px;
    margin-right: 100px
}

#conversation .entry.question .age {
    color: #C1C1C1
}

#conversation .entry.question .bubble {
    color: #232323;
    background: #F4F4F4
}

#conversation .entry.question .bubble .username,
#conversation .entry.question .bubble .hashtag,
#conversation .entry.question .bubble .atsign {
    color: #039DF6
}

#conversation .entry.question .bubble:before {
    display: none
}

#conversation .entry.question .bubble:after {
    background: #F4F4F4;
    display: block
}

#conversation .entry.response .avatar {
    float: left
}

#conversation .entry.response .contents {
    margin-left: 100px;
    margin-right: 0px
}

#conversation .entry.response .age {
    color: #FFFFFF
}

#conversation .entry.response .bubble {
    color: #FFFFFF;
    background: #C938D2
}

#conversation .entry.response .bubble .username,
#conversation .entry.response .bubble .hashtag,
#conversation .entry.response .bubble .atsign {
    color: #FFFFFF
}

#conversation .entry.response .bubble:after {
    display: none
}

#conversation .entry.response .bubble:before {
    background: #C938D2;
    display: block
}

#conversation .entry.simple .bubble {
    padding: 0;
    background: none
}

#conversation .entry.simple .bubble:before,
#conversation .entry.simple .bubble:after {
    display: none
}

#conversation .entry.chatty .bump,
#conversation .entry.chatty .bumped {
    display: none
}

#conversation .entry .message {
    margin: 8px 0
}

#conversation .entry .avatar {
    width: 80px;
    height: 80px
}

#conversation .entry .avatar .image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #FFFFFF
}

#conversation .entry .contents {
    font-size: 14px
}

#conversation .entry .contents .age {
    float: right;
    font-size: 12px
}

#conversation .entry .contents .joiner {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500
}

#conversation .entry .contents .callout {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

#conversation .entry .contents .bubble {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

#conversation .entry .contents .actions {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

#conversation .entry .contents .status {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

.band {
    margin: 20px 0;
    padding: 40px;
    background: #FFFFFF;
    border-top: 1px solid rgba(193, 193, 193, 0.4);
    border-bottom: 1px solid rgba(193, 193, 193, 0.4)
}

.rainbow {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: #039DF6;
    background-image: -webkit-linear-gradient(left, #039DF6, #35D7A8);
    background-image: linear-gradient(to right, #039DF6, #35D7A8);
    margin: 20px 0;
    padding: 40px
}

.rainbow * {
    color: #FFFFFF
}

.subtle {
    color: #909090;
    font-size: 24px;
    text-transform: uppercase
}

.iconic {
    margin: 0 auto 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 48px
}

.blocky {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 8px;
    text-align: center;
    text-transform: uppercase
}

.mosaic {
    height: 300px;
    padding: 98px;
    margin-top: -26px;
    margin-bottom: 20px;
    background: url(/images/default-6355d840319a3c7330b9ed2a299c0f407e1bf3862b9f1046d1985ee51fea9fc1.jpg) center
}

.mosaic .hero {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    width: 826px;
    height: 104px;
    margin: auto;
    padding: 0px;
    display: block;
    background: #FFFFFF;
    font-size: 64px;
    line-height: 104px;
    letter-spacing: 16px;
    text-align: center;
    text-transform: uppercase
}

.quote {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    width: 920px;
    display: block;
    margin: 40px auto;
    font-size: 22px;
    line-height: 32px;
    text-align: center
}

.panes {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    margin: 40px 0
}

.panes::after {
    clear: both;
    content: "";
    display: table
}

.panes .image {
    float: left;
    width: 480px
}

.panes .text {
    padding: 20px;
    margin-left: 480px
}

.panes h1,
.panes h2,
.panes h3,
.panes h4,
.panes h5,
.panes h6,
.panes p {
    margin: 10px 0;
    line-height: 1.4em
}

.mission {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    width: 940px;
    margin: 20px auto 60px;
    padding: 4px;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    border: 20px solid #FFFFFF;
    background-color: #C938D2;
    background-image: -webkit-linear-gradient(left, #C938D2, #039DF6);
    background-image: linear-gradient(to right, #C938D2, #039DF6)
}

.mission .statement {
    padding: 40px;
    background: #FFFFFF
}

.team {
    margin: 50px 0px 20px
}

.team::after {
    clear: both;
    content: "";
    display: table
}

.team .member {
    width: 220px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 194px
}

.team .member:nth-child(5n+1) {
    margin-left: 0
}

.team .member:nth-child(5n+5) {
    margin-right: 0
}

.team .member .avatar {
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin: 0px auto 8px;
    display: block
}

.team .member .name,
.team .member .title,
.team .member .blurb {
    text-align: center
}

.team .member .name {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin: 0px -20px 2px
}

.team .member .title {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0px -20px 2px
}

.team .member .blurb {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 14px;
    width: 180px;
    height: 80px;
    margin: 0 auto 2px
}

.influencers::after {
    clear: both;
    content: "";
    display: table
}

.influencers .influencer {
    width: 220px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 194px
}

.influencers .influencer:nth-child(5n+1) {
    margin-left: 0
}

.influencers .influencer:nth-child(5n+5) {
    margin-right: 0
}

.influencers .influencer .avatar {
    border-radius: 50%;
    display: block;
    width: 194px;
    height: 194px
}

.influencers .influencer .username {
    padding: 8px;
    text-align: center;
    font-size: 18px;
    line-height: 24px
}

.faqdl {
    margin: 20px 0
}

.faqdl .faq {
    float: left;
    width: 320px
}

.faqdl .dl {
    float: left;
    width: 640px
}

.faqdl .divider {
    float: left;
    height: 240px;
    margin: 80px 20px 20px 60px;
    width: 0px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(193, 193, 193, 0.8)
}

.faqdl .blocky {
    margin: 80px 20px 20px;
    font-size: 24px;
    line-height: 28px
}

.faqdl .preview {
    float: left;
    display: block
}

.faqdl .other {
    margin-left: 240px
}

.features {
    padding: 40px 80px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(bottom, transparent, #fff);
    background-image: linear-gradient(to top, transparent, #fff)
}

.features .feature {
    margin-bottom: 40px
}

.features .feature::after {
    clear: both;
    content: "";
    display: table
}

.features .feature:last-child {
    margin-bottom: 0
}

.features .feature .divider {
    height: 2px;
    background: #000000;
    margin: 20px 0;
    position: relative
}

.features .feature .preview {
    display: block;
    width: 427px;
    height: 437px
}

.features .feature .title {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 10px 0
}

.features .feature .description {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0
}

.features .feature:nth-child(4n+1) .divider {
    background: #C938D2
}

.features .feature:nth-child(4n+2) .divider {
    background: #039DF6
}

.features .feature:nth-child(4n+3) .divider {
    background: #35D7A8
}

.features .feature:nth-child(4n+4) .divider {
    background: #F0536D
}

.features .feature:nth-child(odd) .preview {
    float: left
}

.features .feature:nth-child(odd) .notes {
    text-align: left;
    margin-left: 480px
}

.features .feature:nth-child(odd) .divider {
    left: -80px
}

.features .feature:nth-child(even) .preview {
    float: right
}

.features .feature:nth-child(even) .notes {
    text-align: right;
    margin-right: 480px
}

.features .feature:nth-child(even) .divider {
    right: -80px
}

.counted {
    position: relative
}

.counted .counter {
    color: #C1C1C1;
    position: absolute;
    bottom: 4px;
    right: 8px
}

@-webkit-keyframes cycle-2 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    62.5% {
        opacity: 0
    }
    87.5% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes cycle-2 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    62.5% {
        opacity: 0
    }
    87.5% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes cycle-2 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    62.5% {
        opacity: 0
    }
    87.5% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes cycle-3 {
    0% {
        opacity: 1
    }
    33.33333% {
        opacity: 1
    }
    41.66667% {
        opacity: 0
    }
    91.66667% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes cycle-3 {
    0% {
        opacity: 1
    }
    33.33333% {
        opacity: 1
    }
    41.66667% {
        opacity: 0
    }
    91.66667% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes cycle-3 {
    0% {
        opacity: 1
    }
    33.33333% {
        opacity: 1
    }
    41.66667% {
        opacity: 0
    }
    91.66667% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes cycle-4 {
    0% {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    31.25% {
        opacity: 0
    }
    93.75% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes cycle-4 {
    0% {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    31.25% {
        opacity: 0
    }
    93.75% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes cycle-4 {
    0% {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    31.25% {
        opacity: 0
    }
    93.75% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes cycle-5 {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    95% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes cycle-5 {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    95% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes cycle-5 {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    95% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes cycle-6 {
    0% {
        opacity: 1
    }
    16.66667% {
        opacity: 1
    }
    20.83333% {
        opacity: 0
    }
    95.83333% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes cycle-6 {
    0% {
        opacity: 1
    }
    16.66667% {
        opacity: 1
    }
    20.83333% {
        opacity: 0
    }
    95.83333% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes cycle-6 {
    0% {
        opacity: 1
    }
    16.66667% {
        opacity: 1
    }
    20.83333% {
        opacity: 0
    }
    95.83333% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.cycle>*:first-child:nth-last-child(2),
.cycle>*:first-child:nth-last-child(2) ~ * {
    -webkit-animation: cycle-2 8s infinite ease-in-out;
    -moz-animation: cycle-2 8s infinite ease-in-out;
    animation: cycle-2 8s infinite ease-in-out
}

.cycle>*:first-child:nth-last-child(2):nth-child(1),
.cycle>*:first-child:nth-last-child(2) ~ *:nth-child(1) {
    -webkit-animation-delay: -4s;
    -moz-animation-delay: -4s;
    animation-delay: -4s
}

.cycle>*:first-child:nth-last-child(2):nth-child(2),
.cycle>*:first-child:nth-last-child(2) ~ *:nth-child(2) {
    -webkit-animation-delay: -8s;
    -moz-animation-delay: -8s;
    animation-delay: -8s
}

.cycle>*:first-child:nth-last-child(2):nth-child(3),
.cycle>*:first-child:nth-last-child(2) ~ *:nth-child(3) {
    -webkit-animation-delay: -12s;
    -moz-animation-delay: -12s;
    animation-delay: -12s
}

.cycle>*:first-child:nth-last-child(2):nth-child(4),
.cycle>*:first-child:nth-last-child(2) ~ *:nth-child(4) {
    -webkit-animation-delay: -16s;
    -moz-animation-delay: -16s;
    animation-delay: -16s
}

.cycle>*:first-child:nth-last-child(2):nth-child(5),
.cycle>*:first-child:nth-last-child(2) ~ *:nth-child(5) {
    -webkit-animation-delay: -20s;
    -moz-animation-delay: -20s;
    animation-delay: -20s
}

.cycle>*:first-child:nth-last-child(2):nth-child(6),
.cycle>*:first-child:nth-last-child(2) ~ *:nth-child(6) {
    -webkit-animation-delay: -24s;
    -moz-animation-delay: -24s;
    animation-delay: -24s
}

.cycle>*:first-child:nth-last-child(3),
.cycle>*:first-child:nth-last-child(3) ~ * {
    -webkit-animation: cycle-3 12s infinite ease-in-out;
    -moz-animation: cycle-3 12s infinite ease-in-out;
    animation: cycle-3 12s infinite ease-in-out
}

.cycle>*:first-child:nth-last-child(3):nth-child(1),
.cycle>*:first-child:nth-last-child(3) ~ *:nth-child(1) {
    -webkit-animation-delay: -4s;
    -moz-animation-delay: -4s;
    animation-delay: -4s
}

.cycle>*:first-child:nth-last-child(3):nth-child(2),
.cycle>*:first-child:nth-last-child(3) ~ *:nth-child(2) {
    -webkit-animation-delay: -8s;
    -moz-animation-delay: -8s;
    animation-delay: -8s
}

.cycle>*:first-child:nth-last-child(3):nth-child(3),
.cycle>*:first-child:nth-last-child(3) ~ *:nth-child(3) {
    -webkit-animation-delay: -12s;
    -moz-animation-delay: -12s;
    animation-delay: -12s
}

.cycle>*:first-child:nth-last-child(3):nth-child(4),
.cycle>*:first-child:nth-last-child(3) ~ *:nth-child(4) {
    -webkit-animation-delay: -16s;
    -moz-animation-delay: -16s;
    animation-delay: -16s
}

.cycle>*:first-child:nth-last-child(3):nth-child(5),
.cycle>*:first-child:nth-last-child(3) ~ *:nth-child(5) {
    -webkit-animation-delay: -20s;
    -moz-animation-delay: -20s;
    animation-delay: -20s
}

.cycle>*:first-child:nth-last-child(3):nth-child(6),
.cycle>*:first-child:nth-last-child(3) ~ *:nth-child(6) {
    -webkit-animation-delay: -24s;
    -moz-animation-delay: -24s;
    animation-delay: -24s
}

.cycle>*:first-child:nth-last-child(4),
.cycle>*:first-child:nth-last-child(4) ~ * {
    -webkit-animation: cycle-4 16s infinite ease-in-out;
    -moz-animation: cycle-4 16s infinite ease-in-out;
    animation: cycle-4 16s infinite ease-in-out
}

.cycle>*:first-child:nth-last-child(4):nth-child(1),
.cycle>*:first-child:nth-last-child(4) ~ *:nth-child(1) {
    -webkit-animation-delay: -4s;
    -moz-animation-delay: -4s;
    animation-delay: -4s
}

.cycle>*:first-child:nth-last-child(4):nth-child(2),
.cycle>*:first-child:nth-last-child(4) ~ *:nth-child(2) {
    -webkit-animation-delay: -8s;
    -moz-animation-delay: -8s;
    animation-delay: -8s
}

.cycle>*:first-child:nth-last-child(4):nth-child(3),
.cycle>*:first-child:nth-last-child(4) ~ *:nth-child(3) {
    -webkit-animation-delay: -12s;
    -moz-animation-delay: -12s;
    animation-delay: -12s
}

.cycle>*:first-child:nth-last-child(4):nth-child(4),
.cycle>*:first-child:nth-last-child(4) ~ *:nth-child(4) {
    -webkit-animation-delay: -16s;
    -moz-animation-delay: -16s;
    animation-delay: -16s
}

.cycle>*:first-child:nth-last-child(4):nth-child(5),
.cycle>*:first-child:nth-last-child(4) ~ *:nth-child(5) {
    -webkit-animation-delay: -20s;
    -moz-animation-delay: -20s;
    animation-delay: -20s
}

.cycle>*:first-child:nth-last-child(4):nth-child(6),
.cycle>*:first-child:nth-last-child(4) ~ *:nth-child(6) {
    -webkit-animation-delay: -24s;
    -moz-animation-delay: -24s;
    animation-delay: -24s
}

.cycle>*:first-child:nth-last-child(5),
.cycle>*:first-child:nth-last-child(5) ~ * {
    -webkit-animation: cycle-5 20s infinite ease-in-out;
    -moz-animation: cycle-5 20s infinite ease-in-out;
    animation: cycle-5 20s infinite ease-in-out
}

.cycle>*:first-child:nth-last-child(5):nth-child(1),
.cycle>*:first-child:nth-last-child(5) ~ *:nth-child(1) {
    -webkit-animation-delay: -4s;
    -moz-animation-delay: -4s;
    animation-delay: -4s
}

.cycle>*:first-child:nth-last-child(5):nth-child(2),
.cycle>*:first-child:nth-last-child(5) ~ *:nth-child(2) {
    -webkit-animation-delay: -8s;
    -moz-animation-delay: -8s;
    animation-delay: -8s
}

.cycle>*:first-child:nth-last-child(5):nth-child(3),
.cycle>*:first-child:nth-last-child(5) ~ *:nth-child(3) {
    -webkit-animation-delay: -12s;
    -moz-animation-delay: -12s;
    animation-delay: -12s
}

.cycle>*:first-child:nth-last-child(5):nth-child(4),
.cycle>*:first-child:nth-last-child(5) ~ *:nth-child(4) {
    -webkit-animation-delay: -16s;
    -moz-animation-delay: -16s;
    animation-delay: -16s
}

.cycle>*:first-child:nth-last-child(5):nth-child(5),
.cycle>*:first-child:nth-last-child(5) ~ *:nth-child(5) {
    -webkit-animation-delay: -20s;
    -moz-animation-delay: -20s;
    animation-delay: -20s
}

.cycle>*:first-child:nth-last-child(5):nth-child(6),
.cycle>*:first-child:nth-last-child(5) ~ *:nth-child(6) {
    -webkit-animation-delay: -24s;
    -moz-animation-delay: -24s;
    animation-delay: -24s
}

.cycle>*:first-child:nth-last-child(6),
.cycle>*:first-child:nth-last-child(6) ~ * {
    -webkit-animation: cycle-6 24s infinite ease-in-out;
    -moz-animation: cycle-6 24s infinite ease-in-out;
    animation: cycle-6 24s infinite ease-in-out
}

.cycle>*:first-child:nth-last-child(6):nth-child(1),
.cycle>*:first-child:nth-last-child(6) ~ *:nth-child(1) {
    -webkit-animation-delay: -4s;
    -moz-animation-delay: -4s;
    animation-delay: -4s
}

.cycle>*:first-child:nth-last-child(6):nth-child(2),
.cycle>*:first-child:nth-last-child(6) ~ *:nth-child(2) {
    -webkit-animation-delay: -8s;
    -moz-animation-delay: -8s;
    animation-delay: -8s
}

.cycle>*:first-child:nth-last-child(6):nth-child(3),
.cycle>*:first-child:nth-last-child(6) ~ *:nth-child(3) {
    -webkit-animation-delay: -12s;
    -moz-animation-delay: -12s;
    animation-delay: -12s
}

.cycle>*:first-child:nth-last-child(6):nth-child(4),
.cycle>*:first-child:nth-last-child(6) ~ *:nth-child(4) {
    -webkit-animation-delay: -16s;
    -moz-animation-delay: -16s;
    animation-delay: -16s
}

.cycle>*:first-child:nth-last-child(6):nth-child(5),
.cycle>*:first-child:nth-last-child(6) ~ *:nth-child(5) {
    -webkit-animation-delay: -20s;
    -moz-animation-delay: -20s;
    animation-delay: -20s
}

.cycle>*:first-child:nth-last-child(6):nth-child(6),
.cycle>*:first-child:nth-last-child(6) ~ *:nth-child(6) {
    -webkit-animation-delay: -24s;
    -moz-animation-delay: -24s;
    animation-delay: -24s
}

.appstore {
    display: block;
    width: 140px;
    height: 42px;
    background-size: 100%;
    background-image: url(/images/appstore-afb43df265e8b9de325263584f6c8f509642cf0829300e7480b76387e0e1cd55.svg)
}

.playstore {
    display: block;
    width: 140px;
    height: 42px;
    background-size: 100%;
    background-image: url(/images/playstore-7bd0d2ea5c02fa7dfb4042d435a998892990bbdc89ce88de38ae3c52d1b52ebe.svg)
}

.device {
    position: relative;
    background-color: transparent;
    background-size: 100%;
    background-position: center
}

.device .screen {
    position: absolute;
    background: #FFFFFF
}

.device .screen .preview {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    overflow: hidden
}

.device.iphone {
    width: 420px;
    height: 829px;
    padding: 104px 34px
}

.device.iphone .screen {
    width: 352px;
    height: 621px
}

.device.iphone.zero {
    width: 157.5px;
    height: 318.375px;
    padding: 39px 12.75px
}

.device.iphone.zero .screen {
    width: 132px;
    height: 232.875px
}

.device.iphone.hero {
    width: 262.5px;
    height: 530.625px;
    padding: 65px 21.25px
}

.device.iphone.hero .screen {
    width: 220px;
    height: 388.125px
}

.device.iphone.half {
    width: 210px;
    height: 424.5px;
    padding: 52px 17px
}

.device.iphone.half .screen {
    width: 176px;
    height: 310.5px
}

.device.iphone .screen.cycle {
    margin-left: 1px
}

.device.ipad {
    width: 1264px;
    height: 896px;
    padding: 49px 115px
}

.device.ipad .screen {
    width: 1034px;
    height: 798px
}

.device.ipad.zero {
    width: 474px;
    height: 343.5px;
    padding: 18.375px 43.125px
}

.device.ipad.zero .screen {
    width: 387.75px;
    height: 299.25px
}

.device.ipad.hero {
    width: 790px;
    height: 572.5px;
    padding: 30.625px 71.875px
}

.device.ipad.hero .screen {
    width: 646.25px;
    height: 498.75px
}

.device.ipad.half {
    width: 632px;
    height: 458px;
    padding: 24.5px 57.5px
}

.device.ipad.half .screen {
    width: 517px;
    height: 399px
}

.device.ipad .screen {
    margin: 1px 0 0 -2px
}

.device.android {
    width: 420px;
    height: 800px;
    padding: 80px 30px
}

.device.android .screen {
    width: 360px;
    height: 640px
}

.device.android.zero {
    width: 157.5px;
    height: 310.5px;
    padding: 30px 11.25px
}

.device.android.zero .screen {
    width: 135px;
    height: 240px
}

.device.android.hero {
    width: 262.5px;
    height: 517.5px;
    padding: 50px 18.75px
}

.device.android.hero .screen {
    width: 225px;
    height: 400px
}

.device.android.half {
    width: 210px;
    height: 414px;
    padding: 40px 15px
}

.device.android.half .screen {
    width: 180px;
    height: 320px
}

.device.iphone {
    background-size: 100%;
    background-image: url(/images/iphone-1x-18e285fd810f65735404b037040b174181a20793498d8eefa18b0a131c7748b7.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.iphone {
        background-image: url(/images/iphone-1x-18e285fd810f65735404b037040b174181a20793498d8eefa18b0a131c7748b7.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.iphone {
        background-image: url(/images/iphone-2x-1fe4b7d4ff4ca4a8ac69961dbdfc7f1458758aae4435dda13aae65f4adf16ba8.png)
    }
}

.device.iphone .preview.preview-1 {
    background-size: 100%;
    background-image: url(/images/preview-1-1x-9b2af0cb41ad5d2c713b79194074708683905c4fef5e05496e451c4ef7020a59.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.iphone .preview.preview-1 {
        background-image: url(/images/preview-1-1x-9b2af0cb41ad5d2c713b79194074708683905c4fef5e05496e451c4ef7020a59.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.iphone .preview.preview-1 {
        background-image: url(/images/preview-1-2x-ae0d084171af5f22016ac8f34a8a2cb04d1f3202d3cfd8b0c255449e7a3408ad.jpg)
    }
}

.device.iphone .preview.preview-2 {
    background-size: 100%;
    background-image: url(/images/preview-2-1x-3e06f8154c7b5fe4bdff6405daf263332c6a02e3115da9108de58430410b6345.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.iphone .preview.preview-2 {
        background-image: url(/images/preview-2-1x-3e06f8154c7b5fe4bdff6405daf263332c6a02e3115da9108de58430410b6345.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.iphone .preview.preview-2 {
        background-image: url(/images/preview-2-2x-61214f36ffa3b9a1fb9729b02050e31e116a181840e48c31bce37aa051903d77.jpg)
    }
}

.device.iphone .preview.preview-3 {
    background-size: 100%;
    background-image: url(/images/preview-3-1x-c974d1de3f8b837fd0ba634df0e2846b76961df7e50ea1d3369bfdf4fa317675.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.iphone .preview.preview-3 {
        background-image: url(/images/preview-3-1x-c974d1de3f8b837fd0ba634df0e2846b76961df7e50ea1d3369bfdf4fa317675.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.iphone .preview.preview-3 {
        background-image: url(/images/preview-3-2x-fd4bed2f94bd92bf8405bc9f6f5e61f6acea036b391e447f2da4ae59d2fc9093.jpg)
    }
}

.device.iphone .preview.preview-4 {
    background-size: 100%;
    background-image: url(/images/preview-4-1x-3ae80b84eb37a410772c0dec0ffbf33e9dfff1b3f556485d4f9eaba95d302e0b.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.iphone .preview.preview-4 {
        background-image: url(/images/preview-4-1x-3ae80b84eb37a410772c0dec0ffbf33e9dfff1b3f556485d4f9eaba95d302e0b.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.iphone .preview.preview-4 {
        background-image: url(/images/preview-4-2x-d4f7f23697580887cf947efd6631de2a97fa262739018ce6186538d551c7a418.jpg)
    }
}

.device.iphone .preview.preview-5 {
    background-size: 100%;
    background-image: url(/images/preview-5-1x-af29494a1ab4314f5acd7fed50e2ce30d801ea06d265bd9f89c35a8731d70e92.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.iphone .preview.preview-5 {
        background-image: url(/images/preview-5-1x-af29494a1ab4314f5acd7fed50e2ce30d801ea06d265bd9f89c35a8731d70e92.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.iphone .preview.preview-5 {
        background-image: url(/images/preview-5-2x-83902b7143708b61e512e3aaa461542e21be5ee380bc35d26058599d125338ca.jpg)
    }
}

.device.ipad {
    background-size: 100%;
    background-image: url(/images/ipad-1x-6aca0ae014473060e0416e700ec4d0a394d5d094c37b366f12640473c5e2553b.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.ipad {
        background-image: url(/images/ipad-1x-6aca0ae014473060e0416e700ec4d0a394d5d094c37b366f12640473c5e2553b.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.ipad {
        background-image: url(/images/ipad-2x-c97382b4162724e72e352e0aa462695f39553a6f0927ef9366cd0aeec2421947.png)
    }
}

.device.ipad .preview.preview-1 {
    background-size: 100%;
    background-image: url(/images/preview-1-1x-fe145b79464b10f4bd6cca55d3733d3b9212530220c34b523eaba49897289470.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.ipad .preview.preview-1 {
        background-image: url(/images/preview-1-1x-fe145b79464b10f4bd6cca55d3733d3b9212530220c34b523eaba49897289470.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.ipad .preview.preview-1 {
        background-image: url(/images/preview-1-2x-7125e424127ac40f99e7163d89263b1140f12f90ab891e331e2c8bf3904e42c6.jpg)
    }
}

.device.ipad .preview.preview-2 {
    background-size: 100%;
    background-image: url(/images/preview-2-1x-c0276f12fd72fffe052d4d3b3a44b0298e91afb6e87f15c68b2d87971c4d3f62.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.ipad .preview.preview-2 {
        background-image: url(/images/preview-2-1x-c0276f12fd72fffe052d4d3b3a44b0298e91afb6e87f15c68b2d87971c4d3f62.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.ipad .preview.preview-2 {
        background-image: url(/images/preview-2-2x-8d64e289464d6dc2eceb4671ef2c422a2844b547e8aeb3c6bc0da4bd738503d2.jpg)
    }
}

.device.ipad .preview.preview-3 {
    background-size: 100%;
    background-image: url(/images/preview-3-1x-8478a5d1480427fbccd208ff3583efb3ad75d44673a6c4c0da960fb1d07dfc3f.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.ipad .preview.preview-3 {
        background-image: url(/images/preview-3-1x-8478a5d1480427fbccd208ff3583efb3ad75d44673a6c4c0da960fb1d07dfc3f.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.ipad .preview.preview-3 {
        background-image: url(/images/preview-3-2x-6552b040858507545b3c2a67713915c3ee8debf34bf42431a78c83fada12439f.jpg)
    }
}

.device.ipad .preview.preview-4 {
    background-size: 100%;
    background-image: url(/images/preview-4-1x-3ae80b84eb37a410772c0dec0ffbf33e9dfff1b3f556485d4f9eaba95d302e0b.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.ipad .preview.preview-4 {
        background-image: url(/images/preview-4-1x-3ae80b84eb37a410772c0dec0ffbf33e9dfff1b3f556485d4f9eaba95d302e0b.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.ipad .preview.preview-4 {
        background-image: url(/images/preview-4-2x-d4f7f23697580887cf947efd6631de2a97fa262739018ce6186538d551c7a418.jpg)
    }
}

.device.ipad .preview.preview-5 {
    background-size: 100%;
    background-image: url(/images/preview-5-1x-af29494a1ab4314f5acd7fed50e2ce30d801ea06d265bd9f89c35a8731d70e92.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.ipad .preview.preview-5 {
        background-image: url(/images/preview-5-1x-af29494a1ab4314f5acd7fed50e2ce30d801ea06d265bd9f89c35a8731d70e92.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.ipad .preview.preview-5 {
        background-image: url(/images/preview-5-2x-83902b7143708b61e512e3aaa461542e21be5ee380bc35d26058599d125338ca.jpg)
    }
}

.device.android {
    background-size: 100%;
    background-image: url(/images/android-1x-37c3eddfec0402605e17f328c66538a98270b63432d37aa514d3ee84bbfa32e3.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.android {
        background-image: url(/images/android-1x-37c3eddfec0402605e17f328c66538a98270b63432d37aa514d3ee84bbfa32e3.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.android {
        background-image: url(/images/android-2x-1058aeabc4de92dbc94e1054b8ff540bae0a2800393772faa0c7d0ca873c88c2.png)
    }
}

.device.android .preview.preview-1 {
    background-size: 100%;
    background-image: url(/images/preview-1-1x-6e30ba0bb3f6977442e2f8ebf2a002e691facc2a2657513ae6faf2ad6ff7e9a1.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.android .preview.preview-1 {
        background-image: url(/images/preview-1-1x-6e30ba0bb3f6977442e2f8ebf2a002e691facc2a2657513ae6faf2ad6ff7e9a1.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.android .preview.preview-1 {
        background-image: url(/images/preview-1-2x-c49c66f32d93529cb1d2033e61dc26b65a6ee224d361009d2a0fd582d5ae1cf0.jpg)
    }
}

.device.android .preview.preview-2 {
    background-size: 100%;
    background-image: url(/images/preview-2-1x-6e30ba0bb3f6977442e2f8ebf2a002e691facc2a2657513ae6faf2ad6ff7e9a1.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.android .preview.preview-2 {
        background-image: url(/images/preview-2-1x-6e30ba0bb3f6977442e2f8ebf2a002e691facc2a2657513ae6faf2ad6ff7e9a1.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.android .preview.preview-2 {
        background-image: url(/images/preview-2-2x-c49c66f32d93529cb1d2033e61dc26b65a6ee224d361009d2a0fd582d5ae1cf0.jpg)
    }
}

.device.android .preview.preview-3 {
    background-size: 100%;
    background-image: url(/images/preview-3-1x-6e30ba0bb3f6977442e2f8ebf2a002e691facc2a2657513ae6faf2ad6ff7e9a1.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.android .preview.preview-3 {
        background-image: url(/images/preview-3-1x-6e30ba0bb3f6977442e2f8ebf2a002e691facc2a2657513ae6faf2ad6ff7e9a1.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.android .preview.preview-3 {
        background-image: url(/images/preview-3-2x-c49c66f32d93529cb1d2033e61dc26b65a6ee224d361009d2a0fd582d5ae1cf0.jpg)
    }
}

.device.android .preview.preview-4 {
    background-size: 100%;
    background-image: url(/images/preview-4-1x.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.android .preview.preview-4 {
        background-image: url(/images/preview-4-1x.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.android .preview.preview-4 {
        background-image: url(/images/preview-4-2x.jpg)
    }
}

.device.android .preview.preview-5 {
    background-size: 100%;
    background-image: url(/images/preview-5-1x.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    .device.android .preview.preview-5 {
        background-image: url(/images/preview-5-1x.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .device.android .preview.preview-5 {
        background-image: url(/images/preview-5-2x.jpg)
    }
}

#download .banner .circle {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    border: 2px solid #C938D2;
    padding: 10px;
    border-radius: 50%
}

#download .banner .circle .icon {
    color: #FFFFFF;
    width: 100%;
    height: 100%
}

#download .banner .title {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    color: #494949;
    margin: auto;
    width: 400px;
    font-size: 44px;
    line-height: 64px;
    text-align: center
}

#download .banner .subtitle {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    color: #909090;
    margin: auto;
    width: 460px;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

#download .options {
    margin: 48px 0
}

#download .options::after {
    clear: both;
    content: "";
    display: table
}

#download .options .option.mini {
    width: 280px;
    display: block;
    float: left;
    margin-left: 20px
}

#download .options .option.mini .device {
    margin: 0 auto
}

#download .options .option.maxi {
    width: 580px;
    display: block;
    float: left;
    margin-left: 20px
}

#download .options .option.maxi .device {
    margin: 0 -56px
}

#download .options .option:first-child {
    margin-left: 0
}

#download .options .option:last-child {
    margin-right: 0
}

#download .options .option .link {
    display: block;
    height: 460px;
    position: relative
}

#download .options .option .link .centered {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
    position: absolute;
    bottom: 0
}

#download .options .option .device {
    margin: auto
}

#download .options .option .device.android .preview {
    background-size: 100%;
    background-image: url(/images/preview-1x-13f447c1e0969629257843dad6db1cf0d28827995a9bdacff6d48f2efec5ef63.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    #download .options .option .device.android .preview {
        background-image: url(/images/preview-1x-13f447c1e0969629257843dad6db1cf0d28827995a9bdacff6d48f2efec5ef63.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    #download .options .option .device.android .preview {
        background-image: url(/images/preview-2x-942e12e595187dbcb64cc1a01ba9b832e4663fa597051f99b2ce1eff2dee61a7.jpg)
    }
}

#download .options .option .device.iphone .preview {
    background-size: 100%;
    background-image: url(/images/preview-1x-af29494a1ab4314f5acd7fed50e2ce30d801ea06d265bd9f89c35a8731d70e92.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    #download .options .option .device.iphone .preview {
        background-image: url(/images/preview-1x-af29494a1ab4314f5acd7fed50e2ce30d801ea06d265bd9f89c35a8731d70e92.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    #download .options .option .device.iphone .preview {
        background-image: url(/images/preview-2x-83902b7143708b61e512e3aaa461542e21be5ee380bc35d26058599d125338ca.jpg)
    }
}

#download .options .option .device.ipad .preview {
    background-size: 100%;
    background-image: url(/images/preview-1x-d558e0d7553e81a5e902757b01e453c5e663aca334cd19062f6839c6c4e6dfe0.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min--moz-device-pixel-ratio: 1),
only screen and (-o-min-device-pixel-ratio: 1 / 1),
only screen and (min-resolution: 96dpi),
only screen and (min-resolution: 1dppx) {
    #download .options .option .device.ipad .preview {
        background-image: url(/images/preview-1x-d558e0d7553e81a5e902757b01e453c5e663aca334cd19062f6839c6c4e6dfe0.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    #download .options .option .device.ipad .preview {
        background-image: url(/images/preview-2x-42e504b68888fa4658e129f205cd598f982b4aefcd4aa269c691d666643d7eeb.jpg)
    }
}

#download .options .option .dl {
    margin: auto
}

#download .options .option .notes {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #494949
}

.draggable {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    width: 64px;
    height: 64px;
    background: #FFFFFF;
    padding: 2px;
    z-index: 2000
}

.draggable .image {
    width: 60px;
    height: 60px
}

.drawer.collections {
    height: 154px;
    z-index: 200;
    bottom: -154px
}

.drawer.collections.hidden {
    bottom: 0
}

.drawer.collections.editing .editing {
    display: block
}

.drawer.collections.editing .viewing {
    display: none
}

.drawer.collections.viewing .viewing {
    display: block
}

.drawer.collections.viewing .editing {
    display: none
}

.drawer.collections .hint {
    font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-right: 1px solid #C1C1C1;
    font-size: 24pt;
    float: left;
    position: relative;
    padding: 34px 20px 0 0;
    line-height: 37px;
    width: 308px;
    height: 154px
}

.drawer.collections .hint:last-child {
    border-right: none
}

.drawer.collections .hint .viewing,
.drawer.collections .hint .editing {
    color: #444444
}

.drawer.collections .create {
    border-right: 1px solid #C1C1C1;
    float: left;
    padding: 20px;
    width: 180px;
    height: 154px;
    color: #444444;
    position: relative
}

.drawer.collections .create:last-child {
    border-right: none
}

.drawer.collections .create .icon.collection {
    width: 90px;
    height: 90px;
    margin: 0 auto
}

.drawer.collections .create .description {
    position: absolute;
    color: #C1C1C1;
    bottom: 16px;
    left: 0;
    right: 0;
    text-align: center
}

.drawer.collections .new {
    border-right: 1px solid #C1C1C1;
    float: left;
    padding: 10px;
    width: 401px;
    height: 154px
}

.drawer.collections .new:last-child {
    border-right: none
}

.drawer.collections .new.editing {
    width: 521px
}

.drawer.collections .new.editing form .fields {
    width: 400px
}

.drawer.collections .new.editing form .fields input[type="color"],
.drawer.collections .new.editing form .fields input[type="date"],
.drawer.collections .new.editing form .fields input[type="datetime"],
.drawer.collections .new.editing form .fields input[type="datetime-local"],
.drawer.collections .new.editing form .fields input[type="email"],
.drawer.collections .new.editing form .fields input[type="month"],
.drawer.collections .new.editing form .fields input[type="number"],
.drawer.collections .new.editing form .fields input[type="password"],
.drawer.collections .new.editing form .fields input[type="search"],
.drawer.collections .new.editing form .fields input[type="tel"],
.drawer.collections .new.editing form .fields input[type="text"],
.drawer.collections .new.editing form .fields input[type="time"],
.drawer.collections .new.editing form .fields input[type="url"],
.drawer.collections .new.editing form .fields input[type="week"],
.drawer.collections .new.editing form .fields input:not([type]),
.drawer.collections .new.editing form .fields textarea {
    width: 400px
}

.drawer.collections .new form {
    margin: 10px 0
}

.drawer.collections .new form::after {
    clear: both;
    content: "";
    display: table
}

.drawer.collections .new form .fields {
    width: 300px;
    float: left
}

.drawer.collections .new form .fields input[type="color"],
.drawer.collections .new form .fields input[type="date"],
.drawer.collections .new form .fields input[type="datetime"],
.drawer.collections .new form .fields input[type="datetime-local"],
.drawer.collections .new form .fields input[type="email"],
.drawer.collections .new form .fields input[type="month"],
.drawer.collections .new form .fields input[type="number"],
.drawer.collections .new form .fields input[type="password"],
.drawer.collections .new form .fields input[type="search"],
.drawer.collections .new form .fields input[type="tel"],
.drawer.collections .new form .fields input[type="text"],
.drawer.collections .new form .fields input[type="time"],
.drawer.collections .new form .fields input[type="url"],
.drawer.collections .new form .fields input[type="week"],
.drawer.collections .new form .fields input:not([type]),
.drawer.collections .new form .fields textarea {
    display: block;
    margin: 0 0 10px;
    width: 300px
}

.drawer.collections .new form .actions {
    width: 90px;
    float: left;
    margin-left: 10px
}

.drawer.collections .new form .actions .save {
    margin-bottom: 10px
}

.drawer.collections .existing {
    overflow: hidden;
    position: relative;
    padding: 0 20px;
    height: 154px
}

.drawer.collections .existing .actions .next,
.drawer.collections .existing .actions .prev {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    background-color: #C938D2;
    z-index: 10;
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0
}

.drawer.collections .existing .actions .next.muted,
.drawer.collections .existing .actions .prev.muted {
    opacity: 0.2
}

.drawer.collections .existing .actions .next {
    right: 0;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1)
}

.drawer.collections .existing .actions .next .icon.right {
    width: 10px;
    height: 10px;
    margin: 70px auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV%2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjRDN0ZENjVCMjg0MTFFMUFFMTdCMTc2NTkzQTAxQzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjRDN0ZENjZCMjg0MTFFMUFFMTdCMTc2NTkzQTAxQzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNEM3RkQ2M0IyODQxMUUxQUUxN0IxNzY1OTNBMDFDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNEM3RkQ2NEIyODQxMUUxQUUxN0IxNzY1OTNBMDFDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI%2FPo601esAAAGqSURBVHjadJHPSwJBFMdnd0bXFBNNQQhvFR66iNIpLBKClDp68N%2BooxfB8C%2BogwevHj0ZieAv0A55KVwiSARrSYRKsjVcZ93ehAnl9uDDDm%2B%2Bb%2Be990U8xtxBOCw0Go1ldgbQf3Dlcpl0Op2tVqu1cnh0dBsKhR4RQlOkE8RqtXKyLON2u71%2FfnZmvsjnDRpCz5FIRP4r5pdtNh4TMu33%2B0qtVttMpVIhjPFGqVSyL4h%2FDsPhkA4GAyqK4urJ8fFOt9vdKFxeuuGKWxCzGI%2FHU1YgSZLjNJncq9fr3mqlsvpTQP4%2BRSnVWIGqqqZMJrPb6%2FWEZrPJBQKBJ6I3NQi%2FCwA%2BnU5vO51OTqVU5tH%2FYQDM0Wj0NR6PszY4PTG7EAghpkQi0c1ms5%2BCILxB7p3obMdosVgwPH8fi8VYTgRuYL2TuRiMUeFj8ng8k1wuJ%2Fr9ftbGNfAAQmW%2BDYfdroDlE5%2FPRwuFwp3L5cKQrgMSCOnc7vW1NW2iKKNgMCgVi8W%2B0WgEt1EVeGHO%2FhpG0zT2dy%2FgnvV8BXyAUFuYHMRsejOwBIxm6MaXAAMA8V%2BxKgp0o%2FUAAAAASUVORK5CYII%3D)
}

.drawer.collections .existing .actions .prev {
    left: 0;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1)
}

.drawer.collections .existing .actions .prev .icon.left {
    width: 10px;
    height: 10px;
    margin: 70px auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV%2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjhEMTZEMTZCMjg1MTFFMUFFMTdCMTc2NTkzQTAxQzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjhEMTZEMTdCMjg1MTFFMUFFMTdCMTc2NTkzQTAxQzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNEM3RkQ2QkIyODQxMUUxQUUxN0IxNzY1OTNBMDFDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNEM3RkQ2Q0IyODQxMUUxQUUxN0IxNzY1OTNBMDFDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI%2FPthmNm0AAAGhSURBVHjafJLNSgJRFMfnK3CcqSA3QWNTDH1tCsIgJNdufIBcKriyrUsXgoLP4CvoQxQiYdA4KhpoTuHomEE6Rpn5MXaujWBmHfhzLvf%2Bzplz%2FgxJkCSGE8RfolKpFMtZraNkMqnjCF4UPM%2BbvF6v0G61%2BHO3Wzmx2YrEIvDC71%2FzeDz7T42GI5FI2M00jTqS1ByHB4PBdZZh9kql0qmqqhvVarXNMMwqvBGzMBkKhTZ1Xd8pFouOWq22UigUOnCPGBwzDpMcDoeFjqYd1Ov1M0VRyGw2q0EM4Y2edkMwFYlEdp%2BbzSP4rF2W5c98Pq%2F1ej19fheiUqkswyLbYNGxKIpvmUzmdRE4gbd4vg8jPMJZLJfLg%2BFwiGN%2FBLKuz7IskU6nez6fL0tAGPe%2FYZKiBpDvQXIsFhtEo9Frk8k0cWfqwmxncJv6gHSHFAgEqHg8fmWxWLpGwU%2FYKOhDegBJLpeLliTpUhCEF%2FQEk1HY%2FGxQgHxVQTccx7G5XC7pdDoVgJfQSAt%2FpNG3IyzoEIQWeAfd4uPxGPsnzIbQTt0vAQYAPm6ikQMQOxgAAAAASUVORK5CYII%3D)
}

.drawer.collections .existing .scroll {
    overflow: hidden
}

.drawer.collections .existing .scroll .scrollable {
    height: 154px;
    position: relative;
    white-space: nowrap
}

.drawer.collections .existing .scroll .scrollable .preview {
    display: inline-block;
    padding: 10px;
    width: 180px;
    height: 154px;
    border-right: 1px solid #C1C1C1;
    color: #C938D2;
    text-decoration: none
}

.drawer.collections .existing .scroll .scrollable .preview:last-child {
    border-right: none
}

.drawer.collections .existing .scroll .scrollable .preview .stack {
    margin: 18px auto
}

.drawer.collections .existing .scroll .scrollable .preview .name {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis
}

#drawers {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 154px;
    z-index: 1050
}

.drawer {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #909090
}

.drawer>.content {
    width: 1180px;
    margin: 0 auto
}

.drawer .status {
    opacity: 0.9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #494949;
    display: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
    z-index: 100
}

.drawer .status.error {
    color: #F0536D;
    background-color: #feeef0;
    display: block
}

.drawer .status.info {
    color: #039DF6;
    background-color: #b3e2fe;
    display: block
}

.drawer .status .message {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    padding-top: 15px
}

.dropdown {
    position: absolute;
    top: 100%;
    visibility: hidden;
    background: #FFFFFF;
    padding: 0;
    margin: 12px 0 0;
    z-index: 80;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0
}

.dropdown>.cells {
    margin: 20px
}

.dropdown:before {
    content: "";
    top: -10px;
    position: absolute
}

.dropdown.active {
    visibility: visible;
    opacity: 1
}

.dropdown.lalign {
    left: 0px
}

.dropdown.lalign:before {
    left: 0px
}

.dropdown.ralign {
    right: 0px
}

.dropdown.ralign:before {
    right: 0px
}

.dropdown.featured:before {
    left: 116px
}

.dropdown.marketplace:before {
    left: 92px
}

.dropdown.inspiration:before {
    left: 116px
}

.dropdown.marketplace,
.dropdown.inspiration,
.dropdown.featured {
    left: -80px
}

.dropdown.account,
.dropdown.inbox,
.dropdown.alerts {
    right: 0px
}

.dropdown.account:before,
.dropdown.inbox:before,
.dropdown.alerts:before {
    right: 10px
}

.dropdown.account .header,
.dropdown.inbox .header,
.dropdown.alerts .header {
    color: inherit;
    margin: 0px;
    padding: 15px 25px
}

.dropdown:before {
    opacity: 0.4;
    height: 0;
    width: 0;
    border-bottom: 10px solid #444444;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.dropdown .header,
.dropdown .footer {
    color: inherit;
    background: inherit;
    font-size: 18px;
    font-weight: normal
}

.dropdown .header a,
.dropdown .footer a {
    color: inherit
}

.dropdown.account {
    width: 240px
}

.dropdown.account:before {
    opacity: 1;
    height: 0;
    width: 0;
    border-bottom: 10px solid #C938D2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.dropdown.account .header,
.dropdown.account .footer {
    color: #FFFFFF;
    background: #C938D2;
    font-size: 18px;
    font-weight: normal
}

.dropdown.account .header a,
.dropdown.account .footer a {
    color: #FFFFFF
}

.dropdown.inbox {
    width: 320px
}

.dropdown.inbox:before {
    opacity: 1;
    height: 0;
    width: 0;
    border-bottom: 10px solid #C938D2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.dropdown.inbox .header,
.dropdown.inbox .footer {
    color: #FFFFFF;
    background: #C938D2;
    font-size: 18px;
    font-weight: normal
}

.dropdown.inbox .header a,
.dropdown.inbox .footer a {
    color: #FFFFFF
}

.dropdown.alerts {
    width: 320px
}

.dropdown.alerts:before {
    opacity: 1;
    height: 0;
    width: 0;
    border-bottom: 10px solid #039DF6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.dropdown.alerts .header,
.dropdown.alerts .footer {
    color: #FFFFFF;
    background: #039DF6;
    font-size: 18px;
    font-weight: normal
}

.dropdown.alerts .header a,
.dropdown.alerts .footer a {
    color: #FFFFFF
}

.empty {
    padding: 50px;
    margin: 0 0 25px;
    background: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.filter {
    position: relative;
    width: 128px;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

.filter .icon {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.filter.active .icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filter .title,
.filter .dropdown {
    background: #FFFFFF;
    border: 1px solid #C1C1C1
}

.filter .title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative;
    padding: 3px 5px;
    z-index: 40
}

.filter .title .icon {
    width: 10px;
    height: 10px;
    margin: -5px;
    position: absolute;
    display: block;
    top: 50%;
    right: 10px
}

.filter .option {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.filter .dropdown {
    top: inherit;
    margin: 0px;
    padding: 7px 10px;
    z-index: 40;
    min-width: 100%;
    max-width: 200%;
    box-shadow: none
}

.filter .dropdown:before {
    top: -2px;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    border: 1px solid #FFFFFF;
    opacity: 1
}

.prod_stream_filters {
    padding: 15px 0 7px 0;
    margin-bottom: 20px
}

.prod_stream_filters .dropdown {
    top: 22px;
    box-shadow: none;
    border-left: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    min-width: 130px;
    left: 0px;
    padding: 8px 10px;
    margin-left: -1px
}

.prod_stream_filters .dropdown.Brand {
    padding: 8px 10px 7px 15px
}

.prod_stream_filters .dropdown.Brand:before {
    margin-left: -15px
}

.prod_stream_filters .dropdown.Brand .option {
    width: 190px;
    margin-right: 10px;
    float: left
}

.prod_stream_filters .dropdown.Size {
    width: 132px
}

.prod_stream_filters .dropdown.Price {
    min-width: 132px
}

.prod_stream_filters .dropdown:before {
    border: 2px solid #FFFFFF;
    opacity: 1;
    width: 128px;
    margin-top: 17px;
    margin-left: -10px
}

.prod_stream_filters .dropdown .option_group_title {
    width: 100%;
    float: left;
    color: #C938D2;
    text-transform: capitalize
}

.prod_stream_filters .dropdown .option {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 7px;
    margin-bottom: 5px
}

.prod_stream_filters .dropdown .option:last-child {
    margin-bottom: 0
}

.prod_stream_filters .dropdown .option.selected {
    color: #C938D2
}

.prod_stream_filters .dropdown .option.selected .option_checkbox {
    border-color: #C938D2;
    background-color: #C938D2
}

.prod_stream_filters .dropdown .option:hover {
    color: #C938D2
}

.prod_stream_filters .dropdown .option:hover .option_checkbox {
    border-color: #C938D2
}

.prod_stream_filters .dropdown .option .option_checkbox {
    height: 12px;
    width: 12px;
    margin-right: 10px;
    display: inline-block;
    border: 1px solid #C1C1C1
}

.prod_stream_filters .dropdown .option .option_checkbox:hover {
    border-color: #C938D2
}

.prod_stream_filters .filter_menu {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    width: 144px;
    display: block;
    float: left;
    margin-left: 4px;
    margin-bottom: 4px;
    margin-left: 0;
    border-left: 1px solid #C1C1C1;
    padding: 7px 10px 7px 10px;
    cursor: pointer;
    position: relative;
    color: #444444
}

.prod_stream_filters .filter_menu:nth-child(8n+1) {
    margin-left: 0
}

.prod_stream_filters .filter_menu:nth-child(8n+8) {
    margin-right: 0
}

.prod_stream_filters .filter_menu.hide_dropdown {
    display: none
}

.prod_stream_filters .filter_menu:nth-of-type(2) {
    border-left: 1px solid #F4F4F4;
    padding-left: 10px
}

.prod_stream_filters .filter_menu.condition {
    border-right: 1px solid #C1C1C1
}

.prod_stream_filters .filter_menu.active {
    margin-bottom: 0;
    background: #FFFFFF;
    border-left: 1px solid #F4F4F4;
    border-right: 1px solid #FFFFFF
}

.prod_stream_filters .filter_menu.active .icon.dropdown_arrow_small {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.prod_stream_filters .filter_menu.active+.filter_menu {
    border-left: 1px solid #FFFFFF
}

.prod_stream_filters .filter_menu .filter_title {
    color: #444444;
    position: relative;
    text-transform: capitalize;
    width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.prod_stream_filters .filter_menu .filter_title.selected {
    color: #C938D2
}

.prod_stream_filters .filter_menu .icon.dropdown_arrow_small {
    width: 12px;
    height: 10px;
    position: absolute;
    display: inline-block;
    right: 10px;
    top: 13px;
    color: #444444
}

.prod_stream_bubbles {
    float: left;
    width: 100%;
    min-height: 5px;
    padding: 7px 0 20px 0;
    border-top: 1px solid rgba(136, 136, 136, 0.2)
}

.prod_stream_bubbles .clear_all_bubbles {
    float: right;
    margin-top: 7px;
    cursor: pointer
}

.prod_stream_bubbles .clear_all_bubbles:hover .remove_all {
    color: #F0536D;
    border-color: #F0536D
}

.prod_stream_bubbles .clear_all_bubbles:hover .clear_all_text {
    color: #F0536D
}

.prod_stream_bubbles .clear_all_bubbles .remove_all {
    border: 1px solid #494949;
    float: left;
    border-radius: 15px;
    line-height: 14px;
    font-weight: bold;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center
}

.prod_stream_bubbles .clear_all_bubbles .clear_all_text {
    float: right;
    margin-left: 7px
}

.prod_stream_bubbles .all_bubbles {
    width: 92%;
    float: left;
    min-height: 10px;
    margin-left: 2px
}

.prod_stream_bubbles .all_bubbles .bubble {
    display: inline-block;
    float: left;
    background: #C938D2;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 5px 7px;
    color: white;
    font-weight: normal;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-radius: 1px
}

.prod_stream_bubbles .all_bubbles .bubble .name {
    float: left;
    margin-right: 10px
}

.prod_stream_bubbles .all_bubbles .bubble .remove {
    float: right;
    font-size: 16px;
    margin-top: 3px;
    font-weight: bold;
    cursor: pointer;
    width: 15px;
    height: 15px;
    vertical-align: top;
    text-align: center;
    line-height: 12px
}

.prod_stream_bubbles .all_bubbles .bubble .remove:hover {
    color: #909090;
    background-color: #FFFFFF;
    border-radius: 4px
}

.prod_stream_bubbles .all_bubbles .hide_bubble .bubble {
    display: none
}

.follow.link.widget {
    display: block;
    padding: 12px;
    color: #FFFFFF;
    background: #C938D2
}

.follow.link.widget::after {
    clear: both;
    content: "";
    display: table
}

.follow.link.widget.active {
    color: #909090;
    background: #C1C1C1
}

.follow.link.widget .icon {
    width: 28px;
    height: 28px;
    float: right
}

.follow.link.widget .text {
    color: #FFFFFF;
    height: 28px;
    float: right;
    font-size: 18px;
    line-height: 30px;
    margin: 0 12px;
    font-family: "HelveticaNeue-Heavy", "Helvetica Neue Heavy", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

#community .suggested_following .follow.link.widget,
#community .recommended .follow.link.widget,
#community .tab_section .follow.link.widget {
    padding: 0;
    margin-top: 26px;
    color: #C938D2;
    background: #FFFFFF
}

#community .suggested_following .follow.link.widget .text,
#community .recommended .follow.link.widget .text,
#community .tab_section .follow.link.widget .text {
    color: #C938D2;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: right;
    margin: 0 3px
}

#community .suggested_following .follow .icon,
#community .suggested_following .follow.widget.icon_only .icon,
#community .recommended .follow .icon,
#community .recommended .follow.widget.icon_only .icon,
#community .tab_section .follow .icon,
#community .tab_section .follow.widget.icon_only .icon,
#community .who_follows .follow .icon,
#community .who_follows .follow.widget.icon_only .icon,
#community .tastemakers .follow .icon,
#community .tastemakers .follow.widget.icon_only .icon {
    width: 14px;
    height: 14px;
    color: #C938D2
}

#community .suggested_following .follow.active .icon,
#community .suggested_following .follow.widget.icon_only.active .icon,
#community .recommended .follow.active .icon,
#community .recommended .follow.widget.icon_only.active .icon,
#community .tab_section .follow.active .icon,
#community .tab_section .follow.widget.icon_only.active .icon,
#community .who_follows .follow.active .icon,
#community .who_follows .follow.widget.icon_only.active .icon,
#community .tastemakers .follow.active .icon,
#community .tastemakers .follow.widget.icon_only.active .icon {
    height: 17px;
    width: 17px;
    margin-top: -2px
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea,
textarea,
select {
    padding: 12px 48px 12px 14px;
    margin: 0 0 8px;
    display: block;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #C1C1C1
}

input[type="color"].monospace,
input[type="date"].monospace,
input[type="datetime"].monospace,
input[type="datetime-local"].monospace,
input[type="email"].monospace,
input[type="month"].monospace,
input[type="number"].monospace,
input[type="password"].monospace,
input[type="search"].monospace,
input[type="tel"].monospace,
input[type="text"].monospace,
input[type="time"].monospace,
input[type="url"].monospace,
input[type="week"].monospace,
input:not([type]).monospace,
textarea.monospace,
textarea.monospace,
select.monospace {
    color: #C1C1C1;
    font-size: 14px;
    font-family: monospace;
    font-weight: normal
}

input[type="color"]:focus,
input[type="color"]:active,
input[type="color"].present,
input[type="date"]:focus,
input[type="date"]:active,
input[type="date"].present,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime"].present,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="datetime-local"].present,
input[type="email"]:focus,
input[type="email"]:active,
input[type="email"].present,
input[type="month"]:focus,
input[type="month"]:active,
input[type="month"].present,
input[type="number"]:focus,
input[type="number"]:active,
input[type="number"].present,
input[type="password"]:focus,
input[type="password"]:active,
input[type="password"].present,
input[type="search"]:focus,
input[type="search"]:active,
input[type="search"].present,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="tel"].present,
input[type="text"]:focus,
input[type="text"]:active,
input[type="text"].present,
input[type="time"]:focus,
input[type="time"]:active,
input[type="time"].present,
input[type="url"]:focus,
input[type="url"]:active,
input[type="url"].present,
input[type="week"]:focus,
input[type="week"]:active,
input[type="week"].present,
input:not([type]):focus,
input:not([type]):active,
input:not([type]).present,
textarea:focus,
textarea:active,
textarea.present,
textarea:focus,
textarea:active,
textarea.present,
select:focus,
select:active,
select.present {
    color: #55AAEE;
    border: 1px solid #55AAEE
}

input[type="color"],
input[type="color"]:focus,
input[type="color"]:active,
input[type="date"],
input[type="date"]:focus,
input[type="date"]:active,
input[type="datetime"],
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"],
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="email"],
input[type="email"]:focus,
input[type="email"]:active,
input[type="month"],
input[type="month"]:focus,
input[type="month"]:active,
input[type="number"],
input[type="number"]:focus,
input[type="number"]:active,
input[type="password"],
input[type="password"]:focus,
input[type="password"]:active,
input[type="search"],
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"],
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="text"],
input[type="text"]:focus,
input[type="text"]:active,
input[type="time"],
input[type="time"]:focus,
input[type="time"]:active,
input[type="url"],
input[type="url"]:focus,
input[type="url"]:active,
input[type="week"],
input[type="week"]:focus,
input[type="week"]:active,
input:not([type]),
input:not([type]):focus,
input:not([type]):active,
textarea,
textarea:focus,
textarea:active,
textarea,
textarea:focus,
textarea:active,
select,
select:focus,
select:active {
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea {
    height: 50px
}

select {
    height: 50px;
    background: #FFFFFF
}

select:disabled {
    color: #C1C1C1;
    background-color: #F4F4F4
}

textarea {
    height: 100px
}

textarea.large {
    height: 200px
}

textarea.small {
    height: 100px
}

select {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNDMUMxQzEiIHBvaW50cz0iNiw5LjgxNyAtMC4wMDEsMy44MTggMS42MzYsMi4xODEgNiw2LjU0NCAxMC4zNjIsMi4xODEgMTEuOTk5LDMuODE3IAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    background-position: right 20px center;
    text-indent: 0.01px;
    text-overflow: ""
}

input[type="color"].searcher,
input[type="date"].searcher,
input[type="datetime"].searcher,
input[type="datetime-local"].searcher,
input[type="email"].searcher,
input[type="month"].searcher,
input[type="number"].searcher,
input[type="password"].searcher,
input[type="search"].searcher,
input[type="tel"].searcher,
input[type="text"].searcher,
input[type="time"].searcher,
input[type="url"].searcher,
input[type="week"].searcher,
input:not([type]).searcher,
textarea.searcher {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5ODk4OTgiIGQ9Ik0xNiwxNS4yTDEwLjgsMTBjMC45LTEuMSwxLjQtMi40LDEuNC0zLjlDMTIuMiwyLjcsOS40LDAsNiwwQzIuOCwwLDAsMi43LDAsNi4xczIuOCw2LjEsNi4xLDYuMQ0KCWMxLjUsMCwyLjgtMC41LDMuOS0xLjRsNS4yLDUuMkwxNiwxNS4yeiBNMSw2LjFjMC0yLjgsMi4zLTUsNS4xLTVzNS4xLDIuMyw1LjEsNWMwLDIuOC0yLjMsNS01LjEsNVMxLDguOSwxLDYuMXoiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left 16px center;
    padding-left: 48px
}

label input[type="checkbox"],
label input[type="radio"] {
    margin: 0
}

input[type="file"] {
    height: inherit;
    line-height: normal
}

form {
    margin: 0 0 8px
}

form .fill {
    width: 100%
}

form .half {
    width: 50%
}

form .spaced {
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px
}

form .checkbox,
form .radio {
    position: relative;
    display: inline-block;
    margin: -8px 8px -8px 0;
    width: 24px;
    height: 24px
}

form .checkbox input[type="checkbox"],
form .checkbox input[type="radio"],
form .radio input[type="checkbox"],
form .radio input[type="radio"] {
    visibility: hidden;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0
}

form .checkbox label,
form .radio label {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center
}

form .checkbox *+label,
form .radio *+label {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xNy4yLDBIMi45QzEuMywwLDAsMS4zLDAsMi45VjE3YzAsMS43LDEuMywzLDIuOSwzaDE0LjJjMS42LDAsMi45LTEuMywyLjktMi45VjIuOQ0KCQlDMjAuMSwxLjMsMTguOCwwLDE3LjIsMHogTTE4LjksMTcuMWMwLDEtMC43LDEuOC0xLjcsMS44SDIuOWMtMSwwLTEuOC0wLjgtMS44LTEuOFYyLjljMC0xLDAuOC0xLjgsMS44LTEuOGgxNC4yDQoJCWMxLDAsMS44LDAuOCwxLjgsMS44VjE3LjFMMTguOSwxNy4xeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D)
}

form .checkbox *:checked+label,
form .radio *:checked+label {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMwMzlERjYiIGQ9Ik0xNy4yLDBIMi45QzEuMywwLDAsMS4zLDAsMi45VjE3YzAsMS43LDEuMywzLDIuOSwzaDE0LjJjMS42LDAsMi45LTEuMywyLjktMi45VjIuOQ0KCQlDMjAuMSwxLjMsMTguOCwwLDE3LjIsMHogTTguNiwxNC4xTDQuNSwxMGwxLjItMS4ybDIuOSwyLjhsNS43LTUuN2wxLjIsMS4zTDguNiwxNC4xeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D)
}

form .errors,
form .error {
    color: #F0536E;
    width: 100%;
    text-align: center
}

form .invalid input[type="color"],
form .invalid input[type="date"],
form .invalid input[type="datetime"],
form .invalid input[type="datetime-local"],
form .invalid input[type="email"],
form .invalid input[type="month"],
form .invalid input[type="number"],
form .invalid input[type="password"],
form .invalid input[type="search"],
form .invalid input[type="tel"],
form .invalid input[type="text"],
form .invalid input[type="time"],
form .invalid input[type="url"],
form .invalid input[type="week"],
form .invalid input:not([type]),
form .invalid textarea,
form .invalid textarea,
form .invalid select {
    color: #F0536E;
    border: 1px solid #F0536E
}

form .invalid input[type="color"]::-webkit-input-placeholder,
form .invalid input[type="date"]::-webkit-input-placeholder,
form .invalid input[type="datetime"]::-webkit-input-placeholder,
form .invalid input[type="datetime-local"]::-webkit-input-placeholder,
form .invalid input[type="email"]::-webkit-input-placeholder,
form .invalid input[type="month"]::-webkit-input-placeholder,
form .invalid input[type="number"]::-webkit-input-placeholder,
form .invalid input[type="password"]::-webkit-input-placeholder,
form .invalid input[type="search"]::-webkit-input-placeholder,
form .invalid input[type="tel"]::-webkit-input-placeholder,
form .invalid input[type="text"]::-webkit-input-placeholder,
form .invalid input[type="time"]::-webkit-input-placeholder,
form .invalid input[type="url"]::-webkit-input-placeholder,
form .invalid input[type="week"]::-webkit-input-placeholder,
form .invalid input:not([type])::-webkit-input-placeholder,
form .invalid textarea::-webkit-input-placeholder,
form .invalid textarea::-webkit-input-placeholder,
form .invalid select::-webkit-input-placeholder {
    color: #F0536E
}

form .invalid input[type="color"]::-moz-placeholder,
form .invalid input[type="date"]::-moz-placeholder,
form .invalid input[type="datetime"]::-moz-placeholder,
form .invalid input[type="datetime-local"]::-moz-placeholder,
form .invalid input[type="email"]::-moz-placeholder,
form .invalid input[type="month"]::-moz-placeholder,
form .invalid input[type="number"]::-moz-placeholder,
form .invalid input[type="password"]::-moz-placeholder,
form .invalid input[type="search"]::-moz-placeholder,
form .invalid input[type="tel"]::-moz-placeholder,
form .invalid input[type="text"]::-moz-placeholder,
form .invalid input[type="time"]::-moz-placeholder,
form .invalid input[type="url"]::-moz-placeholder,
form .invalid input[type="week"]::-moz-placeholder,
form .invalid input:not([type])::-moz-placeholder,
form .invalid textarea::-moz-placeholder,
form .invalid textarea::-moz-placeholder,
form .invalid select::-moz-placeholder {
    color: #F0536E
}

form .invalid input[type="color"]:-moz-placeholder,
form .invalid input[type="date"]:-moz-placeholder,
form .invalid input[type="datetime"]:-moz-placeholder,
form .invalid input[type="datetime-local"]:-moz-placeholder,
form .invalid input[type="email"]:-moz-placeholder,
form .invalid input[type="month"]:-moz-placeholder,
form .invalid input[type="number"]:-moz-placeholder,
form .invalid input[type="password"]:-moz-placeholder,
form .invalid input[type="search"]:-moz-placeholder,
form .invalid input[type="tel"]:-moz-placeholder,
form .invalid input[type="text"]:-moz-placeholder,
form .invalid input[type="time"]:-moz-placeholder,
form .invalid input[type="url"]:-moz-placeholder,
form .invalid input[type="week"]:-moz-placeholder,
form .invalid input:not([type]):-moz-placeholder,
form .invalid textarea:-moz-placeholder,
form .invalid textarea:-moz-placeholder,
form .invalid select:-moz-placeholder {
    color: #F0536E
}

form .invalid input[type="color"]:-ms-input-placeholder,
form .invalid input[type="date"]:-ms-input-placeholder,
form .invalid input[type="datetime"]:-ms-input-placeholder,
form .invalid input[type="datetime-local"]:-ms-input-placeholder,
form .invalid input[type="email"]:-ms-input-placeholder,
form .invalid input[type="month"]:-ms-input-placeholder,
form .invalid input[type="number"]:-ms-input-placeholder,
form .invalid input[type="password"]:-ms-input-placeholder,
form .invalid input[type="search"]:-ms-input-placeholder,
form .invalid input[type="tel"]:-ms-input-placeholder,
form .invalid input[type="text"]:-ms-input-placeholder,
form .invalid input[type="time"]:-ms-input-placeholder,
form .invalid input[type="url"]:-ms-input-placeholder,
form .invalid input[type="week"]:-ms-input-placeholder,
form .invalid input:not([type]):-ms-input-placeholder,
form .invalid textarea:-ms-input-placeholder,
form .invalid textarea:-ms-input-placeholder,
form .invalid select:-ms-input-placeholder {
    color: #F0536E
}

form .invalid input[type="color"]:focus,
form .invalid input[type="date"]:focus,
form .invalid input[type="datetime"]:focus,
form .invalid input[type="datetime-local"]:focus,
form .invalid input[type="email"]:focus,
form .invalid input[type="month"]:focus,
form .invalid input[type="number"]:focus,
form .invalid input[type="password"]:focus,
form .invalid input[type="search"]:focus,
form .invalid input[type="tel"]:focus,
form .invalid input[type="text"]:focus,
form .invalid input[type="time"]:focus,
form .invalid input[type="url"]:focus,
form .invalid input[type="week"]:focus,
form .invalid input:not([type]):focus,
form .invalid textarea:focus,
form .invalid textarea:focus,
form .invalid select:focus {
    border: 1px solid #F0536E;
    box-shadow: 0 0 8px #F0536E
}

form.settings .split::after {
    clear: both;
    content: "";
    display: table
}

form.settings .split .section {
    width: 585px;
    display: block;
    float: left;
    margin-left: 10px
}

form.settings .split .section:first-child {
    margin-left: 0
}

form.settings .split .section:last-child {
    margin-right: 0
}

form.settings.inline .field {
    float: left
}

form.settings.inline .actions {
    float: left;
    width: auto;
    margin: 0 20px
}

form.settings::after {
    clear: both;
    content: "";
    display: table
}

form.settings input[type="color"],
form.settings input[type="date"],
form.settings input[type="datetime"],
form.settings input[type="datetime-local"],
form.settings input[type="email"],
form.settings input[type="month"],
form.settings input[type="number"],
form.settings input[type="password"],
form.settings input[type="search"],
form.settings input[type="tel"],
form.settings input[type="text"],
form.settings input[type="time"],
form.settings input[type="url"],
form.settings input[type="week"],
form.settings input:not([type]),
form.settings textarea,
form.settings textarea,
form.settings select {
    margin: 0
}

form.settings .button {
    padding: 0 24px
}

form.settings .avatar {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50%
}

form.settings .editable {
    width: 585px;
    display: block;
    float: left;
    margin-bottom: 10px
}

form.settings .editable::after {
    clear: both;
    content: "";
    display: table
}

form.settings .actions {
    width: 585px;
    display: block;
    float: left;
    float: none
}

form.settings .actions::after {
    clear: both;
    content: "";
    display: table
}

form.settings .actions .button {
    float: right
}

form.settings .title,
form.settings .notice {
    width: 436.25px;
    display: block;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-left: 148.75px;
    float: none
}

form.settings .title .name,
form.settings .notice .name {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px
}

form.settings .title .note,
form.settings .notice .note {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

form.settings .field {
    margin-bottom: 10px
}

form.settings .field::after {
    clear: both;
    content: "";
    display: table
}

form.settings .field .info {
    width: 138.75px;
    display: block;
    float: left;
    text-align: right;
    text-transform: lowercase
}

form.settings .field .info:not(.irregular) * {
    margin: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -ms-flex-align: center
}

form.settings .field .inputs {
    width: 436.25px;
    display: block;
    float: left;
    margin-left: 10px;
    text-align: left;
    text-transform: none
}

form.settings .field .inputs:not(.irregular) * {
    width: 436.25px
}

form.settings .field .inputs.middle * {
    margin: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: begin;
    -moz-box-pack: begin;
    box-pack: begin;
    -ms-flex-pack: begin;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -ms-flex-align: center
}

form.settings .field .inputs>*:first-child:nth-last-child(2),
form.settings .field .inputs>*:first-child:nth-last-child(2) ~ * {
    width: 213.125px;
    display: block;
    float: left;
    margin-left: 10px
}

form.settings .field .inputs>*:first-child:nth-last-child(2):first-child,
form.settings .field .inputs>*:first-child:nth-last-child(2) ~ *:first-child {
    margin-left: 0
}

form.settings .field .inputs>*:first-child:nth-last-child(2):last-child,
form.settings .field .inputs>*:first-child:nth-last-child(2) ~ *:last-child {
    margin-right: 0
}

form.settings .field .inputs>*:first-child:nth-last-child(3),
form.settings .field .inputs>*:first-child:nth-last-child(3) ~ * {
    width: 138.75px;
    display: block;
    float: left;
    margin-left: 10px
}

form.settings .field .inputs>*:first-child:nth-last-child(3):first-child,
form.settings .field .inputs>*:first-child:nth-last-child(3) ~ *:first-child {
    margin-left: 0
}

form.settings .field .inputs>*:first-child:nth-last-child(3):last-child,
form.settings .field .inputs>*:first-child:nth-last-child(3) ~ *:last-child {
    margin-right: 0
}

.garmets {
    margin: -4px
}

.garmets::after {
    clear: both;
    content: "";
    display: table
}

.garmets .garmet {
    display: block;
    float: left;
    background: #FFFFFF;
    padding: 8px;
    margin: 4px;
    border-radius: 4px
}

body,
html {
    margin: 0;
    padding: 0;
    background: #F4F4F4;
    font-size: 14px;
    line-height: 20px
}

body,
html,
p,
input,
textarea,
select,
nav,
ul,
ol,
li {
    color: #494949
}

a {
    color: #039DF6
}

body,
html,
p,
input,
textarea,
select,
nav,
ul,
ol,
li {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px
}

h1 {
    font-size: 40px;
    line-height: 40px;
    margin: 10px 0
}

h2 {
    font-size: 32px;
    line-height: 40px;
    margin: 10px 0
}

h3 {
    font-size: 26px;
    line-height: 40px;
    margin: 10px 0
}

h4 {
    font-size: 18px;
    line-height: 32px;
    margin: 10px 0
}

h5 {
    font-size: 14px;
    line-height: 28px;
    margin: 10px 0
}

h6 {
    font-size: 12px;
    line-height: 26px;
    margin: 10px 0
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none
}

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

.centered {
    text-align: center
}

.slogan {
    text-align: center;
    font-size: 22px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

.hide {
    display: none
}

.middlefixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -ms-flex-align: center
}

.anchor.shifted {
    margin-top: -100px;
    padding-top: 100px
}

img {
    border: 0;
    max-width: inherit;
    min-width: inherit;
    max-height: inherit;
    min-height: inherit;
    vertical-align: middle
}

label {
    display: block
}

fieldset {
    padding: 0;
    margin: 0;
    border: none
}

ul,
ol {
    padding: 0;
    margin: 0 0 10px 20px
}

.goodies .widget-area {
    margin: 25px 0
}

.goodies .widget-area::after {
    clear: both;
    content: "";
    display: table
}

.goodies .widget-area .widget-column {
    width: 280px;
    display: block;
    float: left;
    margin-left: 20px
}

.goodies .widget-area .widget-column:first-child {
    margin-left: 0
}

.goodies .widget-area .widget-column:last-child {
    margin-right: 0
}

.goodies .widget-area .widget-column:nth-child(1) * {
    float: right
}

.goodies .widget-area .widget-column:nth-child(2) * {
    float: none
}

.goodies .widget-area .widget-column:nth-child(3) * {
    float: none
}

.goodies .widget-area .widget-column textarea {
    width: 100%
}

.grid {
    margin-bottom: 12px
}

.grid .important {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold
}

.grid .id,
.grid .date,
.grid .amount,
.grid .balance {
    width: 10.75%;
    display: block;
    float: left;
    margin-left: 2%
}

.grid .expiration,
.grid .summaries,
.grid .status,
.grid .products {
    width: 23.5%;
    display: block;
    float: left;
    margin-left: 2%;
    min-height: 1px
}

.grid .details {
    width: 36.25%;
    display: block;
    float: left;
    margin-left: 2%
}

.grid .split {
    width: 49%;
    display: block;
    float: left;
    margin-left: 2%
}

.grid .columns {
    padding: 20px
}

.grid .columns::after {
    clear: both;
    content: "";
    display: table
}

.grid .column {
    position: relative
}

.grid .column:first-child {
    margin-left: 0
}

.grid .column:last-child {
    margin-right: 0
}

.grid .column.sort {
    cursor: pointer
}

.grid .column.asc:after,
.grid .column.desc:after {
    content: "";
    position: absolute
}

.grid .column.asc:after {
    top: 50%;
    margin: -6px 4px;
    height: 0;
    width: 0;
    border-bottom: 4px solid #444444;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.grid .column.desc:after {
    top: 50%;
    margin: -2px 4px;
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #444444
}

.grid .column.red {
    color: #F0536D
}

.grid .column.ralign {
    text-align: right
}

.grid .column.lalign {
    text-align: left
}

.grid.compact .entry {
    margin-top: 0px;
    margin-bottom: 0px
}

.grid.expanded .entry {
    margin-top: 12px;
    margin-bottom: 12px
}

.grid.compact .entry:first-child,
.grid.expanded .entry:first-child {
    margin-top: 0
}

.grid.compact .entry:last-child,
.grid.expanded .entry:last-child {
    margin-bottom: 0
}

.grid .entry {
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #C1C1C1
}

.grid .entry::after {
    clear: both;
    content: "";
    display: table
}

.grid .entry .product {
    margin: 10px 0
}

.grid .entry .product::after {
    clear: both;
    content: "";
    display: table
}

.grid .entry .product:first-child {
    margin-top: 0
}

.grid .entry .product:last-child {
    margin-bottom: 0
}

.grid .entry .product .image {
    width: 50px;
    height: 50px;
    display: block;
    float: left
}

.grid .entry .product .additional {
    margin: 0 0 0 60px
}

.grid .entry .product .additional * {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.headline {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #F8F8F8;
    min-height: 120px;
    max-height: 540px;
    text-align: center
}

.headline::after {
    clear: both;
    content: "";
    display: table
}

.headline .primary {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: block;
    color: #494949;
    margin: 2px 0;
    padding: 0;
    font-size: 48px;
    line-height: 48px;
    text-align: center
}

.headline .secondary {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: block;
    color: #909090;
    margin: 2px 0;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    text-align: center
}

.headline .breadcrumb {
    color: #494949;
    margin: 2px 0;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    text-align: center
}

.headline .breadcrumb a {
    color: #C938D2
}

.headline .breadcrumb a:hover {
    color: #AE2EB6
}

.headline .shorter {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%
}

.headline .shorter .description {
    font-size: 18px;
    color: #909090
}

.headline .shorter .pages {
    font-size: 14px;
    color: #909090
}

.headline .shorter .pages a {
    color: #C938D2
}

.headline .shorter .pages a:hover {
    color: #AE2EB6
}

#home {
    margin: -20px 20px 0 0;
    width:810px;
    float:left;
}

#home .button {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold
}

#home .contents {
    width: 1180px;
    margin: 20px auto
}

#home .contents::after {
    clear: both;
    content: "";
    display: table
}

#home .auth .contents {
    margin: 0px auto
}

#home .featured .contents {
    margin: 0px auto
}

#home .heading {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 1180px;
    color: #232323;
    font-size: 18px;
    letter-spacing: 2px;
    position: relative;
    margin: 20px auto;
    border: none
}

#home .heading:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin: -1px 0;
    position: absolute;
    top: 50%
}

#home .heading>* {
    position: relative;
    padding: 0 20px;
    background: #F4F4F4
}

#home .thumbs::after {
    clear: both;
    content: "";
    display: table
}

#home .thumbs>* {
    width: 220px;
    display: block;
    float: left;
    margin-left: 20px
}

#home .thumbs>*:nth-child(5n+1) {
    margin-left: 0
}

#home .thumbs>*:nth-child(5n+5) {
    margin-right: 0
}

#home .thumbs>* .name {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #232323;
    font-size: 14px;
    letter-spacing: 2px
}

#home .thumbs>*.department .icon {
    width: 200px;
    height: 200px;
    margin: 0 auto
}

#home .thumbs>*.department.accessories .icon {
    background: url(/images/accessories-2fb21f07e9b214dae880dbc2d9a9ef0c1bd483dabab214eacde83ef2898d08cb.jpg)
}

#home .thumbs>*.department.bags .icon {
    background: url(/images/bags-2efce58b338a9b3adc91cd7d7945e55c86f50568b5043f677af256e854e84f95.jpg)
}

#home .thumbs>*.department.clothing .icon {
    background: url(/images/clothing-d804bf8a76d36e2c9725d7b54328b09cc6130c471c7e3ae8d00309001ec3384d.jpg)
}

#home .thumbs>*.department.jewelry .icon {
    background: url(/images/jewelry-b9ead77c49b2d6e23b21ee92c32ff8bd3fd88cd1c3cf61d1bba6baca8cfc7f30.jpg)
}

#home .thumbs>*.department.shoes .icon {
    background: url(/images/shoes-539f001d1684dc7a0e1bf9526f5e05795aa72b1e73d9889baeeffa5a44457db9.jpg)
}

#home .auth {
    margin: 0 0 20px;
    padding: 50px
}

#home .influencers,
#home .categories,
#home .download {
    margin: 20px 0;
    padding: 10px 0;
    background: #FFFFFF
}

#home .influencers .influencers_container,
#home .categories .influencers_container,
#home .download .influencers_container {
    margin: 0 auto
}

#home .influencers .influencers_container::after,
#home .categories .influencers_container::after,
#home .download .influencers_container::after {
    clear: both;
    content: "";
    display: table
}

#home .influencers .influencers_container .user,
#home .categories .influencers_container .user,
#home .download .influencers_container .user {
    width: 204px;
    display: block;
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    margin-bottom: 0;
    float: left;
    box-shadow: none
}

#home .influencers .influencers_container .user:nth-child(5n+5),
#home .categories .influencers_container .user:nth-child(5n+5),
#home .download .influencers_container .user:nth-child(5n+5) {
    margin-right: 0
}

#home .influencers .influencers_container .user:nth-child(5n+1),
#home .categories .influencers_container .user:nth-child(5n+1),
#home .download .influencers_container .user:nth-child(5n+1) {
    margin-left: 0
}

#home .influencers .influencers_container .user .image,
#home .categories .influencers_container .user .image,
#home .download .influencers_container .user .image {
    display: block;
    cursor: pointer;
    position: relative;
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 50%
}

#home .influencers .influencers_container .user .image img,
#home .categories .influencers_container .user .image img,
#home .download .influencers_container .user .image img {
    width: 204px;
    height: 204px
}

#home .influencers .influencers_container .user .name,
#home .categories .influencers_container .user .name,
#home .download .influencers_container .user .name {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    padding-top: 3px
}

#home .influencers .influencers_container .user .name .username,
#home .categories .influencers_container .user .name .username,
#home .download .influencers_container .user .name .username {
    margin: 0;
    display: inline-block;
    font-size: 16px
}

#home .influencers .influencers_container .user .name .username:hover,
#home .influencers .influencers_container .user .name .username.active,
#home .categories .influencers_container .user .name .username:hover,
#home .categories .influencers_container .user .name .username.active,
#home .download .influencers_container .user .name .username:hover,
#home .download .influencers_container .user .name .username.active {
    color: #C938D2
}

#home .influencers .influencers_container .user .name .follow_widget,
#home .categories .influencers_container .user .name .follow_widget,
#home .download .influencers_container .user .name .follow_widget {
    display: inline-block;
    height: 20px
}

#home .influencers .influencers_container .user .name .follow_widget .icon,
#home .categories .influencers_container .user .name .follow_widget .icon,
#home .download .influencers_container .user .name .follow_widget .icon {
    height: 18px;
    width: 18px;
    margin-top: 5px
}

#home .influencers .influencers_container .user .name .follow_widget .active .icon,
#home .categories .influencers_container .user .name .follow_widget .active .icon,
#home .download .influencers_container .user .name .follow_widget .active .icon {
    height: 22px;
    width: 22px;
    margin-top: 3px
}

#home .inspiration .heading,
#home .marketplace .heading {
    margin: 40px auto 20px;
    font-size: 27px;
    letter-spacing: 3px
}

#home .inspiration .heading:before {
    background-color: #4D70E3;
    background-image: -webkit-linear-gradient(right, #4D70E3, #D92BC7);
    background-image: linear-gradient(to left, #4D70E3, #D92BC7)
}

#home .marketplace .heading:before {
    background-color: #34AADC;
    background-image: -webkit-linear-gradient(left, #34AADC, #32D3C1);
    background-image: linear-gradient(to right, #34AADC, #32D3C1)
}

#home .products .heading:before {
    background: #35D7A8
}

#home .download {
    margin: 60px 0 40px
}

#home .download .lcol {
    width: 480px;
    display: block;
    float: left;
    margin-bottom: 20px
}

#home .download .rcol {
    width: 680px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

#home .download .phones {
    display: block;
    width: 500px;
    height: 348px;
    margin: -80px -10px -40px;
    background: url(/images/phones-3e358d1d9e2db9ce627b27def554b2b696d68289da161ab988b381f3161ace9a.png) no-repeat center
}

#home .download .title {
    color: #232323;
    margin: 80px 0px 20px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 28px;
    letter-spacing: 5px
}

#home .download .button {
    width: 340px;
    margin: 20px auto
}

#home .faq {
    margin: 80px 0 60px
}

#home .faq .title {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #232323;
    font-size: 27px;
    line-height: 32px;
    letter-spacing: 3px;
    margin: 0 0 10px
}

#home .faq .subtitle {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    text-align: center;
    color: #232323;
    font-size: 25px;
    line-height: 28px;
    letter-spacing: 4px;
    margin: 0 0 10px
}

#home .faq .button {
    width: 260px;
    margin: 20px auto 0
}

.icon {
    display: block;
    background-color: transparent;
    background-size: 100%;
    background-position: center
}

.icon.starred,
.icon.unstarred,
.icon.download {
    width: 16px;
    height: 16px
}

.icon.logo {
    width: 80px;
    height: 80px
}

.icon.alerts,
.icon.inbox {
    width: 40px;
    height: 40px
}

.icon.upload {
    width: 40px;
    height: 40px
}

.icon.timestamp {
    width: 12px;
    height: 12px
}

.icon.collection {
    width: 36px;
    height: 36px
}

.icon.comment {
    width: 24px;
    height: 24px
}

.icon.flag {
    width: 18px;
    height: 18px
}

.icon.fb {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJmIiBmaWxsPSIjOTA5MDkwIiBkPSJNMTEuNTQ4LDIwdi05LjEyM2gzLjA2MmwwLjQ1OC0zLjU1NWgtMy41MjF2LTIuMjdjMC0xLjAyOSwwLjI4Ni0xLjczMSwxLjc2Mi0xLjczMWwxLjg4My0wLjAwMVYwLjE0DQoJQzE0Ljg2NywwLjA5NywxMy43NSwwLDEyLjQ1LDBDOS43MzUsMCw3Ljg3NywxLjY1Nyw3Ljg3Nyw0Ljd2Mi42MjJoLTMuMDd2My41NTVoMy4wN1YyMEgxMS41NDh6Ii8%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.ig {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIvPg0KCTwvZGVmcz4NCgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCTwvY2xpcFBhdGg%2BDQo8L2c%2BDQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzkwOTA5MCIgZD0iTTE3LjY3Niw4LjQ2MWgtMS43NDFjMC4xMjcsMC40OTIsMC4yMDIsMS4wMDcsMC4yMDIsMS41MzkNCgljMCwzLjM5OS0yLjc1NSw2LjE1NC02LjE1NCw2LjE1NGMtMy4zOTgsMC02LjE1NC0yLjc1NS02LjE1NC02LjE1NGMwLTAuNTMyLDAuMDc1LTEuMDQ3LDAuMjAyLTEuNTM5SDIuMjl2OC40NjINCgljMCwwLjQyNCwwLjM0NSwwLjc2OSwwLjc3LDAuNzY5aDEzLjg0NmMwLjQyNSwwLDAuNzctMC4zNDQsMC43Ny0wLjc2OVY4LjQ2MXogTTE3LjY3NiwzLjA3NmMwLTAuNDI1LTAuMzQ1LTAuNzY5LTAuNzctMC43NjloLTIuMzA3DQoJYy0wLjQyNSwwLTAuNzY5LDAuMzQ1LTAuNzY5LDAuNzY5djIuMzA4YzAsMC40MjUsMC4zNDQsMC43NjksMC43NjksMC43NjloMi4zMDdjMC40MjUsMCwwLjc3LTAuMzQ1LDAuNzctMC43NjlWMy4wNzZ6IE05Ljk4Myw2LjE1NA0KCWMtMi4xMjQsMC0zLjg0NiwxLjcyMi0zLjg0NiwzLjg0NmMwLDIuMTI0LDEuNzIyLDMuODQ3LDMuODQ2LDMuODQ3czMuODQ3LTEuNzIzLDMuODQ3LTMuODQ3QzEzLjgyOSw3Ljg3NSwxMi4xMDcsNi4xNTQsOS45ODMsNi4xNTQNCgkgTTE3LjY3NiwyMEgyLjI5Yy0xLjI3NCwwLTIuMzA3LTEuMDMzLTIuMzA3LTIuMzA4VjIuMzA3Qy0wLjAxNywxLjAzMywxLjAxNiwwLDIuMjksMGgxNS4zODZjMS4yNzQsMCwyLjMwNywxLjAzMywyLjMwNywyLjMwNw0KCXYxNS4zODRDMTkuOTgzLDE4Ljk2NiwxOC45NSwyMCwxNy42NzYsMjAiLz4NCjwvc3ZnPg0K)
}

.icon.pt {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik0xMC40NjksMGMtNS40NTgsMC04LjIxLDMuOTEzLTguMjEsNy4xNzZjMCwxLjk3NiwwLjc0OCwzLjczNCwyLjM1Miw0LjM4OQ0KCWMwLjI2MywwLjEwNywwLjQ5OSwwLjAwNCwwLjU3NS0wLjI4OGMwLjA1My0wLjIwMiwwLjE3OS0wLjcxLDAuMjM1LTAuOTIyYzAuMDc3LTAuMjg4LDAuMDQ3LTAuMzg5LTAuMTY1LTAuNjQNCglDNC43OTMsOS4xNyw0LjQ5Nyw4LjQ2Myw0LjQ5Nyw3LjQ2M2MwLTIuOTAzLDIuMTcyLTUuNTAyLDUuNjU2LTUuNTAyYzMuMDg1LDAsNC43OCwxLjg4NSw0Ljc4LDQuNDAyDQoJYzAsMy4zMTItMS40NjYsNi4xMDgtMy42NDIsNi4xMDhjLTEuMjAyLDAtMi4xMDEtMC45OTQtMS44MTMtMi4yMTNjMC4zNDUtMS40NTUsMS4wMTQtMy4wMjYsMS4wMTQtNC4wNzYNCgljMC0wLjk0LTAuNTA1LTEuNzI1LTEuNTQ5LTEuNzI1Yy0xLjIyOSwwLTIuMjE1LDEuMjcxLTIuMjE1LDIuOTczYzAsMS4wODQsMC4zNjYsMS44MTgsMC4zNjYsMS44MThzLTEuMjU3LDUuMzI3LTEuNDc4LDYuMjYNCgljLTAuNDM5LDEuODU4LTAuMDY2LDQuMTM2LTAuMDM0LDQuMzY2YzAuMDE5LDAuMTM2LDAuMTk0LDAuMTY5LDAuMjczLDAuMDY2YzAuMTEzLTAuMTQ4LDEuNTc3LTEuOTU0LDIuMDc0LTMuNzU5DQoJYzAuMTQxLTAuNTExLDAuODA4LTMuMTU4LDAuODA4LTMuMTU4YzAuMzk5LDAuNzYxLDEuNTY2LDEuNDMyLDIuODA2LDEuNDMyYzMuNjkzLDAsNi4xOTgtMy4zNjcsNi4xOTgtNy44NzMNCglDMTcuNzQxLDMuMTczLDE0Ljg1NSwwLDEwLjQ2OSwweiIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.tu {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik03LjkwNSwwYy0wLjEyNywxLjAzMS0wLjM2LDEuODc5LTAuNjk4LDIuNTQ2QzYuODcsMy4yMTMsNi40MjIsMy43ODQsNS44NjQsNC4yNg0KCUM1LjMwNiw0LjczNiw0LjYzNSw1LjEwMiwzLjg1Miw1LjM1NnYyLjg1aDIuMTl2Ny4wMDljMCwwLjkxMywwLjA5NiwxLjYxLDAuMjg3LDIuMDkxYzAuMTkxLDAuNDgxLDAuNTM1LDAuOTM1LDEuMDMxLDEuMzYyDQoJYzAuNDk2LDAuNDI3LDEuMDk1LDAuNzU2LDEuNzk3LDAuOTg3QzkuODYsMTkuODg1LDEwLjY2OCwyMCwxMS41ODEsMjBjMC44MDUsMCwxLjU1NC0wLjA4MSwyLjI0Ni0wLjI0Mg0KCWMwLjY5Mi0wLjE2MiwxLjQ2Ni0wLjQ0MywyLjMyLTAuODQ1di0zLjE0NWMtMS4wMDIsMC42NTgtMi4wMDksMC45ODgtMy4wMjEsMC45ODhjLTAuNTcsMC0xLjA3Ni0wLjEzMi0xLjUxOC0wLjM5OA0KCWMtMC4zMzQtMC4xOTYtMC41NjMtMC40NTktMC42ODUtMC43ODhjLTAuMTIzLTAuMzI5LTAuMTg0LTEuMDc0LTAuMTg0LTIuMjMzdi01LjEzaDQuNzQ5di0zLjE0aC00Ljc0OVYwSDcuOTA1eiIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.tw {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik0yMCwzLjc5OGMtMC43MzYsMC4zMjYtMS41MjcsMC41NDctMi4zNTcsMC42NDZjMC44NDctMC41MDgsMS40OTgtMS4zMTIsMS44MDQtMi4yNw0KCWMtMC43OTMsMC40Ny0xLjY3MSwwLjgxMi0yLjYwNiwwLjk5NmMtMC43NDgtMC43OTctMS44MTUtMS4yOTYtMi45OTUtMS4yOTZjLTIuMjY2LDAtNC4xMDMsMS44MzctNC4xMDMsNC4xMDMNCgljMCwwLjMyMiwwLjAzNiwwLjYzNSwwLjEwNiwwLjkzNUM2LjQ0LDYuNzQxLDMuNDE2LDUuMTA3LDEuMzkyLDIuNjI1QzEuMDM5LDMuMjMxLDAuODM3LDMuOTM2LDAuODM3LDQuNjg4DQoJYzAsMS40MjQsMC43MjQsMi42NzksMS44MjUsMy40MTVDMS45OSw4LjA4MiwxLjM1Nyw3Ljg5NywwLjgwNCw3LjU5YzAsMC4wMTcsMCwwLjAzNCwwLDAuMDUyYzAsMS45ODgsMS40MTQsMy42NDcsMy4yOTIsNC4wMjMNCgljLTAuMzQ0LDAuMDk0LTAuNzA3LDAuMTQ0LTEuMDgxLDAuMTQ0Yy0wLjI2NCwwLTAuNTIxLTAuMDI2LTAuNzcyLTAuMDc0YzAuNTIyLDEuNjMsMi4wMzgsMi44MTYsMy44MzMsMi44NQ0KCWMtMS40MDQsMS4xLTMuMTc0LDEuNzU2LTUuMDk2LDEuNzU2Yy0wLjMzMSwwLTAuNjU4LTAuMDE5LTAuOTc5LTAuMDU3YzEuODE2LDEuMTY0LDMuOTczLDEuODQzLDYuMjksMS44NDMNCgljNy41NDcsMCwxMS42NzUtNi4yNTIsMTEuNjc1LTExLjY3NWMwLTAuMTc4LTAuMDA0LTAuMzU1LTAuMDEyLTAuNTMxQzE4Ljc1NCw1LjM0NCwxOS40NSw0LjYyMSwyMCwzLjc5OHoiLz4NCjwvc3ZnPg0K)
}

.icon.yt {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik0xNi45NDQsMy4zMzNIMy4wNTZDMS4yMTQsMy4zMzMsMCw0LjU0OCwwLDYuMzg5djcuMjIyYzAsMS44NDEsMS4yMTQsMy4wNTYsMy4wNTYsMy4wNTZoMTMuODg5DQoJCWMxLjg0MSwwLDMuMDU2LTEuMjE0LDMuMDU2LTMuMDU2VjYuMzg5QzIwLDQuNTQ4LDE4Ljc4NiwzLjMzMywxNi45NDQsMy4zMzN6IE02Ljk2OSwxMy42MjFWNi4zMTlsNy4zMDUsMy42NTZMNi45NjksMTMuNjIxeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D)
}

.icon.download {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xNC42LDBINS40QzQuNywwLDQuMiwwLjYsNC4yLDEuM3YxNy41YzAsMC43LDAuNiwxLjMsMS4zLDEuM2g5LjFjMC43LDAsMS4zLTAuNiwxLjMtMS4zVjEuMw0KCUMxNS44LDAuNiwxNS4zLDAsMTQuNiwweiBNOC44LDE3LjhjMC0wLjYsMC41LTEuMiwxLjItMS4yYzAuNiwwLDEuMiwwLjUsMS4yLDEuMlMxMC42LDE5LDEwLDE5QzkuNCwxOSw4LjgsMTguNCw4LjgsMTcuOHogTTUsMTUuOQ0KCVY0LjFoMTB2MTEuOEg1eiIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.magnify {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik00Ny45LDQ1LjZMMzIuMiwzMGMyLjctMy4yLDQuMi03LjIsNC4yLTExLjdDMzYuNSw4LjIsMjguMiwwLDE4LjIsMGMtOS44LDAtMTgsOC4yLTE4LDE4LjMNCglzOC4yLDE4LjMsMTguMywxOC4zYzQuNSwwLDguNS0xLjYsMTEuNy00LjJMNDUuNyw0OEw0Ny45LDQ1LjZ6IE0zLDE4LjNDMyw5LjgsOS45LDMuMiwxOC4yLDMuMnMxNS4xLDYuOSwxNS4xLDE1LjENCgljMCw4LjUtNi45LDE1LjEtMTUuMSwxNS4xUzMsMjYuOCwzLDE4LjN6Ii8%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.magnify-hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzQ5NDk0OSIgZD0iTTE4LDE3LjJsLTUuOS01LjljMS0xLjIsMS42LTIuNywxLjYtNC40YzAtMy44LTMuMS02LjktNi45LTYuOUMzLjEsMCwwLDMuMSwwLDYuOWMwLDMuOCwzLjEsNi45LDYuOSw2LjkKICBjMS43LDAsMy4yLTAuNiw0LjQtMS42bDUuOSw1LjlMMTgsMTcuMnogTTEuMSw2LjljMC0zLjIsMi42LTUuNyw1LjctNS43czUuNywyLjYsNS43LDUuN2MwLDMuMi0yLjYsNS43LTUuNyw1LjdTMS4xLDEwLjEsMS4xLDYuOXoiCiAgLz4KPC9zdmc%2BCg%3D%3D)
}

.icon.down {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDOTM4RDIiIHBvaW50cz0iMS42LDExLjYgMTAsMjAgMTguNCwxMS42IDE2LjgsOS45IDExLjIsMTUuNSAxMS4yLDAgOC44LDAgOC44LDE1LjUgMy4yLDkuOSAiLz4NCjwvc3ZnPg0K)
}

.icon.exclamation {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02LjQsMC41VjBoNS4ydjAuNWwtMS4yLDEwLjZINy42TDYuNCwwLjV6IE02LjYsMTMuNmg0LjhWMThINi42VjEzLjZ6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.bell {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNC45LDE5LjZWMTJjMC00LjQtMi45LTguMi03LjEtOS41QzE3LjYsMS4xLDE2LjUsMCwxNSwwYy0xLjQsMC0yLjYsMS4xLTIuOCwyLjVDOCwzLjYsNS4xLDcuNSw1LjEsMTJ2Ny42DQoJYy0yLDAuNS0zLjUsMi40LTMuNSw0LjV2Mi4yYzAsMC4zLDAuMSwwLjQsMC40LDAuNGg5LjFjMC40LDEuOSwyLDMuMiwzLjksMy4yczMuNS0xLjQsMy45LTMuMkgyOGMwLjMsMCwwLjQtMC4xLDAuNC0wLjR2LTIuMg0KCUMyOC40LDIyLDI2LjksMjAuMSwyNC45LDE5LjZ6Ii8%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.box {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMy40LDE1LjZMMS45LDEwLjJjLTAuMSwwLTAuMiwwLTAuNCwwcy0wLjIsMC4xLTAuMiwwLjR2MTMuNmMwLDAuMSwwLjEsMC40LDAuMiwwLjRMMTMsMzBoMC4xDQoJCWMwLjEsMCwwLjEsMCwwLjItMC4xczAuMi0wLjMsMC4yLTAuNFYxNkMxMy42LDE1LjgsMTMuNiwxNS42LDEzLjQsMTUuNnoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjguNSwxMC4yYy0wLjEtMC4xLTAuMy0wLjEtMC40LDBsLTExLjUsNS40Yy0wLjEsMC4xLTAuMiwwLjItMC4yLDAuNHYxMy42YzAsMC4xLDAuMSwwLjMsMC4yLDAuNA0KCQljMC4xLDAsMC4xLDAuMSwwLjIsMC4xSDE3bDExLjUtNS40YzAuMS0wLjEsMC4yLTAuMywwLjItMC40VjEwLjZDMjguOCwxMC40LDI4LjYsMTAuMiwyOC41LDEwLjJ6Ii8%2BDQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4LjYsNi42YzAtMC4xLTAuMS0wLjQtMC4zLTAuNEwxNS4xLDBjLTAuMSwwLTAuMiwwLTAuNCwwTDEuNiw2LjFDMS41LDYuMiwxLjQsNi40LDEuNCw2LjYNCgkJQzEuNCw2LjksMS41LDcsMS42LDdsMTMuMSw2LjFoMC4xSDE1TDI4LjEsN0MyOC41LDYuOSwyOC42LDYuOCwyOC42LDYuNnoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.check {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTEuNCwyNi41IDAsMTUuMSA0LjQsMTAuOCAxMS40LDE3LjkgMjUuNiwzLjUgMzAsNy45IAkiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.relist {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNy4xLDIuMmMtMy41LDAtNi44LDEuNC05LjEsNGMtMi40LDIuNS0zLjgsNS45LTMuOCw5LjRIMGw2LjUsOC44bDYuNS04LjhIOC45YzAtNC44LDMuOC04LjYsOC4yLTguNg0KCXM4LjEsMy41LDguMSw4LjFzLTMuOCw4LjEtOC40LDguMWgtMVYyOGgxQzI0LjEsMjgsMzAsMjIuMiwzMCwxNVMyNC40LDIuMiwxNy4xLDIuMnoiLz4NCjwvc3ZnPg0K)
}

.icon.starred {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xNS45NzMsNi4xNThjLTAuMDcyLTAuMjIzLTAuMjc3LTAuMzc1LTAuNTEyLTAuMzc3bC01LjI3MS0wLjA0N0w4LjUxNiwwLjczNg0KCUM4LjQ0MiwwLjUxNCw4LjIzNCwwLjM2NSw4LjAwMSwwLjM2NWMtMC4yMzQsMC0wLjQ0MiwwLjE0OC0wLjUxNywwLjM3MUw1LjgxMSw1LjczNEwwLjU0LDUuNzgxQzAuMzA2LDUuNzgzLDAuMSw1LjkzNiwwLjAyNyw2LjE1OA0KCUMtMC4wNDYsNi4zOCwwLjAzMyw2LjYyNSwwLjIyLDYuNzYzTDQuNDU3LDkuOWwtMS41ODMsNS4wMjZjLTAuMDcxLDAuMjI0LDAuMDEsMC40NjYsMC4xOTksMC42MDQNCgljMC4wOTUsMC4wNjgsMC4yMDcsMC4xMDQsMC4zMTksMC4xMDRjMC4xMTEsMCwwLjIyMi0wLjAzMywwLjMxNi0wLjEwMkw4LDEyLjQ3NWw0LjI5LDMuMDU5YzAuMTksMC4xMzcsMC40NDYsMC4xMzUsMC42MzctMC4wMDINCgljMC4xODktMC4xMzksMC4yNzEtMC4zODEsMC4xOTktMC42MDRMMTEuNTQzLDkuOWw0LjIzNi0zLjEzN0MxNS45NjcsNi42MjUsMTYuMDQ1LDYuMzgxLDE1Ljk3Myw2LjE1OHoiLz4NCjwvc3ZnPg0K)
}

.icon.unstarred {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xMi42MDcsMTUuNjM1Yy0wLjExLDAtMC4yMjMtMC4wMzMtMC4zMTUtMC4xMDFMOCwxMi40NzVsLTQuMjkxLDMuMDYxDQoJCWMtMC4xOTEsMC4xMzYtMC40NDcsMC4xMzQtMC42MzctMC4wMDNjLTAuMTg5LTAuMTM4LTAuMjctMC4zODItMC4xOTktMC42MDRMNC40NTcsOS45TDAuMjIxLDYuNzY0DQoJCUMwLjAzMyw2LjYyNS0wLjA0NSw2LjM4MSwwLjAyNyw2LjE1OGMwLjA3Mi0wLjIyMywwLjI3OC0wLjM3NSwwLjUxMi0wLjM3N0w1LjgxLDUuNzM0bDEuNjc0LTQuOTk4DQoJCUM3LjU1OSwwLjUxNSw3Ljc2NiwwLjM2NSw4LDAuMzY1czAuNDQxLDAuMTQ5LDAuNTE2LDAuMzcxbDEuNjc0LDQuOTk4bDUuMjcxLDAuMDQ3YzAuMjM0LDAuMDAyLDAuNDM5LDAuMTU0LDAuNTE0LDAuMzc3DQoJCWMwLjA3MiwwLjIyMy0wLjAwNiwwLjQ2Ny0wLjE5MywwLjYwNUwxMS41NDMsOS45bDEuNTg0LDUuMDI2YzAuMDcsMC4yMjQtMC4wMSwwLjQ2Ni0wLjE5OSwwLjYwNA0KCQlDMTIuODMyLDE1LjYwMiwxMi43MjEsMTUuNjM1LDEyLjYwNywxNS42MzV6IE04LDExLjI2MmMwLjExMSwwLDAuMjIyLDAuMDMzLDAuMzE2LDAuMTAzbDMuMjg0LDIuMzRsLTEuMjExLTMuODQ3DQoJCWMtMC4wNy0wLjIyMywwLjAwOC0wLjQ2MywwLjE5NC0wLjYwMmwzLjI0MS0yLjRMOS43OTIsNi44MTlDOS41NjEsNi44MTcsOS4zNTQsNi42NjgsOS4yNzksNi40NDhMOCwyLjYyM0w2LjcxOSw2LjQ0OA0KCQlDNi42NDYsNi42NjgsNi40NCw2LjgxNyw2LjIwOCw2LjgxOUwyLjE3NSw2Ljg1NWwzLjI0MSwyLjRjMC4xODgsMC4xNCwwLjI2NiwwLjM3OSwwLjE5NSwwLjYwM0w0LjQsMTMuNzAzbDMuMjgzLTIuMzQNCgkJQzcuNzc5LDExLjI5NSw3Ljg4OSwxMS4yNjIsOCwxMS4yNjJ6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.refresh {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNi45LDMzLjVjLTIuNywzLjctNyw2LjEtMTEuOSw2LjFjLTgsMC0xNC42LTYuNS0xNC42LTE0LjVoMS43aDNsLTcuNi03LjZMMCwyNS4xaDRoMC4xaDAuNw0KCQljMCwxMS4xLDkuMSwyMC4xLDIwLjIsMjAuMWM2LjUsMCwxMi4yLTMsMTUuOS03LjdsLTEuNy0xLjZMMzYuOSwzMy41eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00Ni45LDI1LjFMNDYuOSwyNS4xbC0xLjYsMGMwLDAsMCwwLDAsMGMwLDAsMC0wLjEsMC0wLjFjMC0xMS4yLTkuMS0yMC4yLTIwLjItMjAuMg0KCQljLTYuNSwwLTEyLjMsMy4xLTE2LDcuOGwxLjcsMS43bDIuMywyLjNjMi42LTMuOCw3LTYuMiwxMi02LjJjOC4xLDAsMTQuNiw2LjYsMTQuNiwxNC42YzAsMCwwLDAuMSwwLDAuMWMwLDAsMCwwLDAsMGgtMS44bDAsMGgtMw0KCQlsNy42LDcuNmw3LjYtNy42SDQ2Ljl6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.play {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BDQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTAsNGMyNS40LDAsNDYsMjAuNiw0Niw0NlM3NS40LDk2LDUwLDk2UzQsNzUuNCw0LDUwUzI0LjYsNCw1MCw0IE01MCwwQzIyLjQsMCwwLDIyLjQsMCw1MHMyMi40LDUwLDUwLDUwDQoJczUwLTIyLjQsNTAtNTBTNzcuNiwwLDUwLDBMNTAsMHoiLz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMzgsMzMuMyA2Ni45LDUwIDM4LDY2LjcgIi8%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.logo {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYwIDk2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDk2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BDQo8Zz4NCgk8cGF0aCBmaWxsPSIjNDA0MDQwIiBkPSJNOTQxLjksNjYwLjdjLTksMC0xMS4zLDIuMy0xNS44LDljLTI2LDQyLjktNDAuNyw3MC02OC45LDgxLjNzLTY3LjgsNy45LTc0LjUtMjEuNQ0KCQljNTUuMy00NCw4Mi40LTc0LjUsODkuMi0xMDguNGM2LjgtMzEuNi05LTYxLTQ3LjQtNjFjLTYyLjEsMC0xMTEuOCw4MC4yLTk2LDE2NC45YzAsMC0xOS4yLDIwLjMtNTAuOCwyNC44DQoJCWMzMy45LTY2LjYtMzIuOC0xMzEtNzYuOC0xNjguM2M2LjgtMjAuMywxOC4xLTQ2LjMsMjAuMy03MS4yYzEuMS0xNC43LTktMjIuNi0yNi0yMi42Yy0yOS40LDAtNDguNiw1Mi00OC42LDc1LjcNCgkJYzAsMTAuMiwyLjMsMjAuMyw1LjYsMjkuNGMwLDAtNy45LDgzLjYtNzkuMSw4Mi40YzIuMy03LjksMi4zLTE0LjcsMi4zLTIyLjZjMC0yOS40LTE4LjEtODAuMi01NC4yLTc5LjENCgkJYy05LTEzLjYtMzUtMTMuNi00OS43LTEzLjZjLTcxLjIsMC0xNDgsNTYuNS0xNDgsMTMyLjFjMCw1NS4zLDQ1LjIsMTAxLjYsMTAxLjYsMTAxLjZjNTAuOCwwLDEwNy4zLTMyLjgsMTMxLTc5LjENCgkJYzM5LjUsMS4xLDY2LjYtMTIuNCw4NC43LTI3LjFjMzEuNi0yNiwzOS41LTYyLjEsMzkuNS02MUM2ODIuMiw2ODYuNyw2NDQuOSw3NDIsNjQ0LjksNzQyYy0yNiwzNS03NS43LDYuOC04Mi40LTEuMQ0KCQljLTYuOC03LjktMTQuNy0xMC4yLTE0LjctMTAuMmMtMTAuMiwwLTE4LjEsOS0xOC4xLDE5LjJjMCwzMC41LDQ2LjMsNDQsNzEuMiw0NGM4NywwLDE0NC42LTM2LjEsMTQ0LjYtMzYuMXMxNC43LDM2LjEsODEuMywzNi4xDQoJCWM4OC4xLDAsMTI4LjgtMTA1LDEyOC44LTEwNWMyLjMtMi4zLDIuMy01LjYsMi4zLTlDOTYwLDY2OC42LDk1Mi4xLDY2MC43LDk0MS45LDY2MC43eiBNMzM1LjQsNzU1LjZjLTM2LjEsMC01Ny42LTMyLjgtNTcuNi02NS41DQoJCWMwLTUwLjgsMzcuMy04NS44LDg3LTg5LjJjLTIuMyw1LjYtMy40LDEzLjYtMy40LDIwLjNjMCwzNSwyOS40LDY0LjQsNTcuNiw4Mi40QzQwNS41LDczOC42LDM2Ny4xLDc1NS42LDMzNS40LDc1NS42eg0KCQkgTTQzMS40LDY2NC4xYy0xNC43LTYuOC0zMS42LTI3LjEtMzEuNi00Ni4zYzAtNC41LDEuMS0xMi40LDYuOC0xMi40YzE0LjcsMCwyNiwzMi44LDI2LDQ0QzQzMi42LDY1NS4xLDQzMi42LDY1OS42LDQzMS40LDY2NC4xeg0KCQkgTTY3OC44LDc0OS45TDY3OC44LDc0OS45TDY3OC44LDc0OS45eiBNNzk3LjQsNjA3LjZjMTUuOC0xNC43LDUyLTE5LjIsNDEuOCwxNS44Yy0xMS4zLDQyLjktNjUuNSw3My40LTY1LjUsNzMuNA0KCQlDNzY2LjksNjU5LjYsNzczLjYsNjMwLjIsNzk3LjQsNjA3LjZ6Ii8%2BDQoJPHBhdGggZmlsbD0iIzQwNDA0MCIgZD0iTTQ4OSwyOTguMmMtMy40LTUyLTQwLjctOTAuNC0xMDYuMi0xMTIuOWMwLDAtMTkwLjktNjMuMi0zNjMuNyw0MC43Yy03LjksNC41LTIyLjYsMTQuNy0xOC4xLDMxLjYNCgkJYzIuMyw2LjgsNi44LDEyLjQsMTIuNCwxNC43YzksNC41LDE0LjcsMi4zLDIwLjMtMS4xYzU4LjctMzguNCwxMTAuNy01NS4zLDE4My02MWMzMi44LTIuMyw4OS4yLDAsMTM1LjUsMTMuNg0KCQljNTUuMywxNS44LDg3LDQ0LDg5LjIsODAuMmMxMC4yLDEzMi4xLTE0MCwxODcuNS0yMzIuNywyMTAuMWMwLDAtMzAuNSw2LjgtNDYuMy00LjVjLTExLjMtNy45LTE5LjItMjIuNi0yMC4zLTQyLjkNCgkJYy01LjYtNTMuMS00LjUtMTAwLjUsOS0xNjIuNmMxLjEtNC41LDIuMy03LjksMS4xLTEyLjRjLTEuMS0xMi40LTExLjMtMjIuNi0yMy43LTIxLjVjLTMxLjYsMi4zLTM2LjEsOTAuNC0zNi4xLDE3OC40DQoJCWMtMjEuNSwxLjEtNDUuMiw3LjktNTkuOSwyMS41Yy05LDktMTMuNiwxOS4yLTEzLjYsMzAuNWMwLDM3LjMsNDYuMyw2MSw3OS4xLDY1LjVjMCwxMC4yLDEuMSwzMS42LDEuMSw1Ni41DQoJCWMwLDU5LjksMS4xLDEzNS41LDUuNiwxNTAuMmMzLjQsMTMuNiwxMi40LDIxLjUsMjYsMjEuNWMxLjEsMCwyLjMsMCwzLjQsMGMxNi45LTEuMSwyMC4zLTEyLjQsMjIuNi0yMy43DQoJCWMxLjEtMTMuNi01LjYtMTcxLjctNy45LTIwNC40QzE4OS43LDU2MC4yLDUwMy43LDUwOS40LDQ4OSwyOTguMnogTTY0LjQsNTEwLjVjLTMuNC0zLjQtMy40LTcuOS0yLjMtMTIuNA0KCQljMi4zLTUuNiwxNC43LTEwLjIsMjQuOC0xMC4yYzIuMywwLDQuNSwwLDYuOCwwbDEuMSwzMS42QzgyLjQsNTIwLjcsNzAsNTE3LjMsNjQuNCw1MTAuNXoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.alerts {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiMwMzlERjYiIGQ9Ik0yNSwyYzEyLjcsMCwyMywxMC4zLDIzLDIzYzAsMTIuNy0xMC4zLDIzLTIzLDIzQzEyLjMsNDgsMiwzNy43LDIsMjVDMiwxMi4zLDEyLjMsMiwyNSwyIE0yNSwwDQoJCQkJQzExLjIsMCwwLDExLjIsMCwyNWMwLDEzLjgsMTEuMiwyNSwyNSwyNXMyNS0xMS4yLDI1LTI1QzUwLDExLjIsMzguOCwwLDI1LDBMMjUsMHoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBpZD0iQ2xvY2siPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiMwMzlERjYiIGQ9Ik0yNSwzOC41Yy03LjQsMC0xMy41LTYuMS0xMy41LTEzLjVjMC03LjQsNi4xLTEzLjUsMTMuNS0xMy41YzcuNCwwLDEzLjUsNi4xLDEzLjUsMTMuNQ0KCQkJCUMzOC41LDMyLjQsMzIuNCwzOC41LDI1LDM4LjV6IE0yNSwxMy41Yy02LjMsMC0xMS41LDUuMi0xMS41LDExLjVTMTguNywzNi41LDI1LDM2LjVTMzYuNSwzMS4zLDM2LjUsMjVTMzEuMywxMy41LDI1LDEzLjV6Ii8%2BDQoJCTwvZz4NCgkJPGc%2BDQoJCQk8cG9seWdvbiBmaWxsPSIjMDM5REY2IiBwb2ludHM9IjMzLDI2IDI0LDI2IDI0LDE3IDI2LDE3IDI2LDI0IDMzLDI0IAkJCSIvPg0KCQk8L2c%2BDQoJPC9nPg0KPC9nPg0KPC9zdmc%2BDQo%3D)
}

.icon.inbox {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDOTM4RDIiIGQ9Ik0xMiwxOHYxLjJWMzRoMjZWMTkuMlYxOHYtMkgxMlYxOHogTTM2LDMySDE0VjIwLjRsMTEsNi44bDExLTYuOFYzMnogTTE0LDE4aDIydjAuMWwtMTEsNi44TDE0LDE4TDE0LDE4eiINCgkJLz4NCgk8cGF0aCBmaWxsPSIjQzkzOEQyIiBkPSJNMjUsMEMxMS4yLDAsMCwxMS4yLDAsMjVjMCwxMy44LDExLjIsMjUsMjUsMjVzMjUtMTEuMiwyNS0yNUM1MCwxMS4yLDM4LjgsMCwyNSwweiBNMjUsNDgNCgkJQzEyLjMsNDgsMiwzNy43LDIsMjVDMiwxMi4zLDEyLjMsMiwyNSwyYzEyLjcsMCwyMywxMC4zLDIzLDIzQzQ4LDM3LjcsMzcuNyw0OCwyNSw0OHoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.upload {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNEQURBREEiIGQ9Ik00MC45NzIsMjIuMzA2YzAuMDA0LTAuMTI5LDAuMDA2LTAuMjU3LDAuMDA2LTAuMzg3YzAtNy4wMTktNS41NTQtMTIuNzA5LTEyLjQwNi0xMi43MDkNCgkJYy01LjE4NywwLTkuNjMsMy4yNjEtMTEuNDgzLDcuODkxYy0xLjA4NS0wLjg0Mi0yLjQ0OS0xLjM0NC0zLjkzMS0xLjM0NGMtMy41MjksMC02LjM5MSwyLjg0NS02LjM5MSw2LjM1NA0KCQljMCwwLjE3NCwwLjAwNywwLjM0NiwwLjAyMSwwLjUxNkMyLjg3NiwyMy42OTUsMCwyNy4yODQsMCwzMS41NDdjMCw1LjEwNCw0LjEyMyw5LjI0Miw5LjIxMSw5LjI0MmgwLjE4OGgxNC4yODZWMjcuMjY4DQoJCWwtMy45NTcsMy45NTdsLTEuODYxLTEuODYxTDI1LDIyLjIzMWw3LjEzMyw3LjEzM2wtMS44NjEsMS44NjFsLTMuOTU3LTMuOTU3djEzLjUyMWgxNC4yODZoMC4xODhjNS4wODcsMCw5LjIxMS00LjEzOCw5LjIxMS05LjI0Mg0KCQlDNTAsMjYuNTA0LDQ1Ljk3NSwyMi40MDQsNDAuOTcyLDIyLjMwNnoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.chevron {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxsaW5lIGZpbGw9Im5vbmUiIHgxPSIwIiB5MT0iMTUuMTM0IiB4Mj0iNS4xMjgiIHkyPSIxMCIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDQuODY2Ii8%2BDQoJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI1LjEyOCwxMCAwLDE1LjEzNCAwLDE5Ljk4OCAwLjAxMywyMCAxMCwxMCAwLjAxMywwIDAsMC4wMTIgMCw0Ljg2NiAJIi8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.comment {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik0xMS4yLDQuMWMtNC43LDAuNS04LjEsNC03LjcsNy44YzAuMiwyLDEuNSwzLjcsMy4zLDQuN2MwLjEsMC44LTAuMiwxLjktMS42LDNDNSwxOS44LDUuMywyMCw1LjksMjANCgkJYzEsMCwyLjctMC41LDQuNC0yLjJjMC40LDAuMSwwLjgsMC4xLDEuMywwLjFjMC40LDAsMC44LDAsMS4yLTAuMWM0LjctMC41LDguMS00LDcuNy03LjhjLTAuNC0zLjUtMy45LTYtOC4xLTYiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.love {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjOTA5MDkwIiBkPSJNMTYuNDI1LDMuOTgyYy0wLjg4NywwLTIuNjU2LDAuODkxLTQuNDI2LDIuNjcyDQoJYy0xLjc2OC0xLjc4MS0zLjUzNy0yLjY3Mi00LjQyNC0yLjY3MmMtMi42NTEsMC00LjQyMiwyLjY3Mi00LjQyMiw1LjM0NmMwLDIuNjcyLDIuNjU0LDYuMjM0LDYuMTkzLDguOTA2bDIuNjUyLDEuNzgzbDIuNjU0LTEuNzgzDQoJYzMuNTM5LTIuNjcyLDYuMTkzLTYuMjM0LDYuMTkzLTguOTA2QzIwLjg0Nyw2LjY1NCwxOS4wNzcsMy45ODIsMTYuNDI1LDMuOTgyeiIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.save {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjOTA5MDkwIiBkPSJNNCw0djE2aDE2VjRINHogTTE4LDE4SDZWNmgxMlYxOHoiLz4NCgk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzkwOTA5MCIgcG9pbnRzPSIxMSwxNiAxMywxNiAxMywxMyAxNiwxMyAxNiwxMSAxMywxMSAxMyw4IDExLDggMTEsMTEgDQoJCTgsMTEgOCwxMyAxMSwxMyAJIi8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.follow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTQuMDAxLDEuNTM1YzYuODcyLDAsMTIuNDYzLDUuNTkzLDEyLjQ2MywxMi40NjdjMCw2Ljg3Mi01LjU5MSwxMi40NjMtMTIuNDYzLDEyLjQ2Mw0KCQkJYy02Ljg3NCwwLTEyLjQ2Ni01LjU5MS0xMi40NjYtMTIuNDYzQzEuNTM1LDcuMTI4LDcuMTI3LDEuNTM1LDE0LjAwMSwxLjUzNSBNMTQuMDAxLDBDNi4yNjcsMCwwLDYuMjY4LDAsMTQuMDAyDQoJCQlDMCwyMS43MzMsNi4yNjcsMjgsMTQuMDAxLDI4YzcuNzMxLDAsMTMuOTk4LTYuMjY3LDEzLjk5OC0xMy45OThDMjcuOTk5LDYuMjY4LDIxLjczMiwwLDE0LjAwMSwwTDE0LjAwMSwweiIvPg0KCTwvZz4NCgk8Zz4NCgkJPGc%2BDQoJCQk8cmVjdCB4PSIxMi44NDgiIHk9IjcuNDk3IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMi4zMDMiIGhlaWdodD0iMTMuMDA2Ii8%2BDQoJCTwvZz4NCgkJPGc%2BDQoJCQk8cmVjdCB4PSI3LjQ5NyIgeT0iMTIuODQ5IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTMuMDA1IiBoZWlnaHQ9IjIuMzA0Ii8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.follow-purple {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc%2BCiAgPGc%2BCiAgICA8cGF0aCBmaWxsPSIjQzkzOEQyIiBkPSJNMTQuMDAxLDEuNTM1YzYuODcyLDAsMTIuNDYzLDUuNTkzLDEyLjQ2MywxMi40NjdjMCw2Ljg3Mi01LjU5MSwxMi40NjMtMTIuNDYzLDEyLjQ2MwogICAgICBjLTYuODc0LDAtMTIuNDY2LTUuNTkxLTEyLjQ2Ni0xMi40NjNDMS41MzUsNy4xMjgsNy4xMjcsMS41MzUsMTQuMDAxLDEuNTM1IE0xNC4wMDEsMEM2LjI2NywwLDAsNi4yNjgsMCwxNC4wMDIKICAgICAgQzAsMjEuNzMzLDYuMjY3LDI4LDE0LjAwMSwyOGM3LjczMSwwLDEzLjk5OC02LjI2NywxMy45OTgtMTMuOTk4QzI3Ljk5OSw2LjI2OCwyMS43MzIsMCwxNC4wMDEsMEwxNC4wMDEsMHoiLz4KICA8L2c%2BCiAgPGc%2BCiAgICA8Zz4KICAgICAgPHJlY3QgeD0iMTIuODQ4IiB5PSI3LjQ5NyIgZmlsbD0iI0M5MzhEMiIgd2lkdGg9IjIuMzAzIiBoZWlnaHQ9IjEzLjAwNiIvPgogICAgPC9nPgogICAgPGc%2BCiAgICAgIDxyZWN0IHg9IjcuNDk3IiB5PSIxMi44NDkiIGZpbGw9IiNDOTM4RDIiIHdpZHRoPSIxMy4wMDUiIGhlaWdodD0iMi4zMDQiLz4KICAgIDwvZz4KICA8L2c%2BCjwvZz4KPC9zdmc%2BCg%3D%3D)
}

.icon.share {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjggMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGRpc3BsYXk9Im5vbmUiPg0KCTxnIGRpc3BsYXk9ImlubGluZSI%2BDQoJCTxwYXRoIGQ9Ik0xNCwxLjVjNi45LDAsMTIuNSw1LjYsMTIuNSwxMi41YzAsNi45LTUuNiwxMi41LTEyLjUsMTIuNUM3LjEsMjYuNSwxLjUsMjAuOSwxLjUsMTRDMS41LDcuMSw3LjEsMS41LDE0LDEuNSBNMTQsMA0KCQkJQzYuMywwLDAsNi4zLDAsMTRjMCw3LjcsNi4zLDE0LDE0LDE0YzcuNywwLDE0LTYuMywxNC0xNEMyOCw2LjMsMjEuNywwLDE0LDBMMTQsMHoiLz4NCgk8L2c%2BDQoJPGcgZGlzcGxheT0iaW5saW5lIj4NCgkJPGc%2BDQoJCQk8cmVjdCB4PSIxMi44IiB5PSI3LjUiIHdpZHRoPSIyLjMiIGhlaWdodD0iMTMiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxyZWN0IHg9IjcuNSIgeT0iMTIuOCIgd2lkdGg9IjEzIiBoZWlnaHQ9IjIuMyIvPg0KCQk8L2c%2BDQoJPC9nPg0KPC9nPg0KPGcgZGlzcGxheT0ibm9uZSI%2BDQoJPGcgZGlzcGxheT0iaW5saW5lIj4NCgkJPHBhdGggZD0iTTE0LDEuNWM2LjksMCwxMi41LDUuNiwxMi41LDEyLjVjMCw2LjktNS42LDEyLjUtMTIuNSwxMi41QzcuMSwyNi41LDEuNSwyMC45LDEuNSwxNEMxLjUsNy4xLDcuMSwxLjUsMTQsMS41IE0xNCwwDQoJCQlDNi4zLDAsMCw2LjMsMCwxNGMwLDcuNyw2LjMsMTQsMTQsMTRjNy43LDAsMTQtNi4zLDE0LTE0QzI4LDYuMywyMS43LDAsMTQsMEwxNCwweiIvPg0KCTwvZz4NCgk8ZyBkaXNwbGF5PSJpbmxpbmUiPg0KCQk8Zz4NCgkJCTxwb2x5Z29uIHBvaW50cz0iMTIuMSwxOS41IDYuOCwxNC4yIDguNCwxMi42IDEyLjEsMTYuMyAxOS42LDguOCAyMS4yLDEwLjQgCQkJIi8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8ZyBkaXNwbGF5PSJub25lIj4NCgk8ZyBkaXNwbGF5PSJpbmxpbmUiPg0KCQk8cGF0aCBkPSJNMTQsMS41YzYuOSwwLDEyLjUsNS42LDEyLjUsMTIuNWMwLDYuOS01LjYsMTIuNS0xMi41LDEyLjVDNy4xLDI2LjUsMS41LDIwLjksMS41LDE0QzEuNSw3LjEsNy4xLDEuNSwxNCwxLjUgTTE0LDANCgkJCUM2LjMsMCwwLDYuMywwLDE0YzAsNy43LDYuMywxNCwxNCwxNGM3LjcsMCwxNC02LjMsMTQtMTRDMjgsNi4zLDIxLjcsMCwxNCwwTDE0LDB6Ii8%2BDQoJPC9nPg0KCTxnIGRpc3BsYXk9ImlubGluZSI%2BDQoJCTxnPg0KCQkJPHJlY3QgeD0iMTIuOCIgeT0iNy41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEzLjk5OTkgLTUuNzk5KSIgd2lkdGg9IjIuMyIgaGVpZ2h0PSIxMyIvPg0KCQk8L2c%2BDQoJCTxnPg0KCQkJPHJlY3QgeD0iNy41IiB5PSIxMi44IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDE0LjAwMDQgLTUuNzk4OCkiIHdpZHRoPSIxMyIgaGVpZ2h0PSIyLjMiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTQsMS41YzYuOSwwLDEyLjUsNS42LDEyLjUsMTIuNWMwLDYuOS01LjYsMTIuNS0xMi41LDEyLjVDNy4xLDI2LjUsMS41LDIwLjksMS41LDE0DQoJCQlDMS41LDcuMSw3LjEsMS41LDE0LDEuNSBNMTQsMEM2LjMsMCwwLDYuMywwLDE0YzAsNy43LDYuMywxNCwxNCwxNGM3LjcsMCwxNC02LjMsMTQtMTRDMjgsNi4zLDIxLjcsMCwxNCwwTDE0LDB6Ii8%2BDQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNy42LDExLjV2MS43aDEuOFYxOEg4Ljd2LTQuN2gxLjh2LTEuN0g2Ljl2OC4xaDE0LjJ2LTguMkgxNy42eiBNMTEuNiwxMWwxLjUtMS40djUuOGgxLjhWOS42bDEuNSwxLjQNCgkJCQlsMS4zLTEuMmwtMi40LTIuM2wwLDBMMTQsNi4zbC0xLjMsMS4ybDAsMGwtMi40LDIuM0wxMS42LDExeiIvPg0KCQk8L2c%2BDQoJPC9nPg0KPC9nPg0KPC9zdmc%2BDQo%3D)
}

.icon.timestamp {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTEgMTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExIDExIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik01LjUsMUM3Ljk4MSwxLDEwLDMuMDE5LDEwLDUuNVM3Ljk4MSwxMCw1LjUsMTBTMSw3Ljk4MSwxLDUuNVMzLjAxOSwxLDUuNSwxIE01LjUsMEMyLjQ2MywwLDAsMi40NjMsMCw1LjUNCgkJUzIuNDYzLDExLDUuNSwxMVMxMSw4LjUzNywxMSw1LjVTOC41MzcsMCw1LjUsMEw1LjUsMHoiLz4NCjwvZz4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM5MDkwOTAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSI4LDUuNSA1LjUsNS41IDUuNSwyICIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.timer-1 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xMiw2YzMuMzA5LDAsNiwyLjY5MSw2LDZzLTIuNjkxLDYtNiw2cy02LTIuNjkxLTYtNlM4LjY5MSw2LDEyLDYgTTEyLDRjLTQuNDE4LDAtOCwzLjU4Mi04LDhzMy41ODIsOCw4LDgNCgkJczgtMy41ODIsOC04UzE2LjQxOCw0LDEyLDRMMTIsNHoiLz4NCgk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0MxQzFDMSIgcG9pbnRzPSIxNy4wNjIsNi45MzggMTIsNCAxMiwxMiAJIi8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.timer-2 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjQzFDMUMxIiBkPSJNMTIsNmMzLjMwOSwwLDYsMi42OTEsNiw2cy0yLjY5MSw2LTYsNnMtNi0yLjY5MS02LTZTOC42OTEsNiwxMiw2IE0xMiw0Yy00LjQxOCwwLTgsMy41ODItOCw4DQoJCQlzMy41ODIsOCw4LDhzOC0zLjU4Miw4LThTMTYuNDE4LDQsMTIsNEwxMiw0eiIvPg0KCTwvZz4NCgk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0MxQzFDMSIgcG9pbnRzPSIyMCwxMiAxMiwxMiAxMiw0IDE3LDcgCSIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D)
}

.icon.timer-3 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRjA1MzZEIiBkPSJNMTIsNmMzLjMwOSwwLDYsMi42OTEsNiw2cy0yLjY5MSw2LTYsNnMtNi0yLjY5MS02LTZTOC42OTEsNiwxMiw2IE0xMiw0Yy00LjQxOCwwLTgsMy41ODItOCw4DQoJCQlzMy41ODIsOCw4LDhzOC0zLjU4Miw4LThTMTYuNDE4LDQsMTIsNEwxMiw0eiIvPg0KCTwvZz4NCgk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0YwNTM2RCIgcG9pbnRzPSIxNyw3IDEyLDQgMTIsMTIgNCwxMiA3LDE3IDEyLDIwIDE3LDE3IDE5LDEyIAkiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.timer-4 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjQzFDMUMxIiBkPSJNMTIsNmMzLjMwOSwwLDYsMi42OTEsNiw2cy0yLjY5MSw2LTYsNnMtNi0yLjY5MS02LTZTOC42OTEsNiwxMiw2IE0xMiw0Yy00LjQxOCwwLTgsMy41ODItOCw4DQoJCQlzMy41ODIsOCw4LDhzOC0zLjU4Miw4LThTMTYuNDE4LDQsMTIsNEwxMiw0eiIvPg0KCTwvZz4NCgk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0MxQzFDMSIgcG9pbnRzPSIxNyw3IDEyLDQgMTIsMTIgNy4xMjUsNy4xMjQgNSwxMSA0LDEyIDcsMTcgMTIsMjAgMTcsMTcgDQoJCTE5LDEyIAkiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.dropdown_arrow_small {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiM0NDQ0NDQiIHBvaW50cz0iNiw5LjgxNyAtMC4wMDEsMy44MTggMS42MzYsMi4xODEgNiw2LjU0NCAxMC4zNjIsMi4xODEgMTEuOTk5LDMuODE3IAkiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.collection {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIyIDIyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0wLDB2MjJoMjJWMEgweiBNMTYuNSwxMi4zNzVoLTQuMTI1VjE2LjVoLTIuNzV2LTQuMTI1SDUuNXYtMi43NWg0LjEyNVY1LjVoMi43NXY0LjEyNUgxNi41VjEyLjM3NXoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.check-sent-confirm {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTIgOTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkyIDkyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0iIzAzOURGNiIgY3g9IjQ2IiBjeT0iNDYiIHI9IjQ1Ii8%2BDQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ2LDUuMWMyMi42LDAsNDEsMTguNCw0MSw0MUM4Nyw2OC42LDY4LjYsODcsNDYsODdDMjMuNCw4Nyw1LDY4LjYsNSw0NkM1LDIzLjQsMjMuNCw1LjEsNDYsNS4xIE00NiwwDQoJCQlDMjAuNiwwLDAsMjAuNiwwLDQ2YzAsMjUuNCwyMC42LDQ2LDQ2LDQ2YzI1LjQsMCw0Ni0yMC42LDQ2LTQ2QzkyLDIwLjYsNzEuNCwwLDQ2LDBMNDYsMHoiLz4NCgk8L2c%2BDQoJPGc%2BDQoJCTxnPg0KCQkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIzOS44LDY0LjEgMjIuMyw0Ni42IDI3LjcsNDEuMyAzOS44LDUzLjQgNjQuMywyOSA2OS43LDM0LjMgCQkJIi8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.select-checkmark {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMwMzlERjYiIGQ9Ik0yNSwyLjFjMTIuNiwwLDIyLjksMTAuMywyMi45LDIyLjljMCwxMi42LTEwLjMsMjIuOS0yMi45LDIyLjlDMTIuMyw0Ny45LDIuMSwzNy43LDIuMSwyNQ0KCQlDMi4xLDEyLjQsMTIuMywyLjEsMjUsMi4xIE0yNSwwQzExLjIsMCwwLDExLjIsMCwyNWMwLDEzLjgsMTEuMiwyNSwyNSwyNWMxMy44LDAsMjUtMTEuMiwyNS0yNUM1MCwxMS4yLDM4LjgsMCwyNSwwTDI1LDB6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8Zz4NCgkJPHBvbHlnb24gZmlsbD0iIzAzOURGNiIgcG9pbnRzPSIyMS43LDM0LjcgMTIuNCwyNS40IDE0LjgsMjMgMjEuNywyOS44IDM1LjIsMTYuMyAzNy42LDE4LjcgCQkiLz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.blocked-trade {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGMDUzNkQiIGQ9Ik0xMCwwLjhjNSwwLDkuMiw0LjEsOS4yLDkuMlMxNSwxOS4yLDEwLDE5LjJjLTUuMSwwLTkuMi00LjEtOS4yLTkuMkMwLjgsNSw0LjksMC44LDEwLDAuOCBNMTAsMA0KCQlDNC41LDAsMCw0LjUsMCwxMHM0LjUsMTAsMTAsMTBzMTAtNC41LDEwLTEwUzE1LjUsMCwxMCwwTDEwLDB6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjRjA1MzZEIiBwb2ludHM9IjEzLjcsNy40IDEyLjYsNi4zIDEwLDguOSA3LjQsNi4zIDYuMiw3LjQgOC45LDEwIDYuMywxMi42IDcuNCwxMy43IDEwLDExLjEgMTIuNiwxMy44IDEzLjgsMTIuNiANCgkJMTEuMSwxMCAJIi8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.right_arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDMUMxQzEiIHBvaW50cz0iNC44LDAgMy4yLDEuNiA5LjYsOCAzLjIsMTQuNCA0LjgsMTYgMTIuOCw4IDEyLjgsOCAxMi44LDggIi8%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.accordion_minus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjYgMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI2IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTEuOSwxMS45IDYuNSwxMS45IDYuNSwxNC4xIDExLjksMTQuMSAxNC4xLDE0LjEgMTkuNSwxNC4xIDE5LjUsMTEuOSAxNC4xLDExLjkgCSIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIyLjMsMS41YzAuNiwwLDEuMiwwLjIsMS42LDAuN2MwLjQsMC40LDAuNiwxLDAuNiwxLjVsMCwwdjB2MTguNGMwLDEuMy0xLDIuMy0yLjMsMi4zSDMuOA0KCQljLTEuMywwLTIuMy0xLjEtMi4zLTIuNFYzLjhjMC0xLjMsMS0yLjMsMi4zLTIuM0gyMi4zIE0yMi4zLDBIMy44QzEuNywwLDAsMS43LDAsMy44djE4LjNDMCwyNC4zLDEuNywyNiwzLjgsMjZoMTguNA0KCQljMi4xLDAsMy44LTEuNywzLjgtMy44VjMuOEMyNi4xLDEuNywyNC40LDAsMjIuMywwTDIyLjMsMHoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.accordion_plus {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjYgMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI2IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTEuOSw2LjUgMTEuOSwxMS45IDYuNSwxMS45IDYuNSwxNC4xIDExLjksMTQuMSAxMS45LDE5LjUgMTQuMSwxOS41IDE0LjEsMTQuMSAxOS41LDE0LjEgDQoJCTE5LjUsMTEuOSAxNC4xLDExLjkgMTQuMSw2LjUgCSIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIyLjMsMS41YzAuNiwwLDEuMiwwLjIsMS42LDAuN2MwLjQsMC40LDAuNiwxLDAuNiwxLjVsMCwwdjB2MTguNGMwLDEuMy0xLDIuMy0yLjMsMi4zSDMuOA0KCQljLTEuMywwLTIuMy0xLjEtMi4zLTIuNFYzLjhjMC0xLjMsMS0yLjMsMi4zLTIuM0gyMi4zIE0yMi4zLDBIMy44QzEuNywwLDAsMS43LDAsMy44djE4LjNDMCwyNC4zLDEuNywyNiwzLjgsMjZoMTguNA0KCQljMi4xLDAsMy44LTEuNywzLjgtMy44VjMuOEMyNi4xLDEuNywyNC40LDAsMjIuMywwTDIyLjMsMHoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.refresh-gray {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xNC44LDEzLjRjLTEuMSwxLjUtMi44LDIuNC00LjgsMi40Yy0zLjIsMC01LjgtMi42LTUuOC01LjhoMC43SDZMMyw3bC0zLDNoMS42aDBoMC4zYzAsNC40LDMuNiw4LDguMSw4DQoJCWMyLjYsMCw0LjktMS4yLDYuNC0zLjFsLTAuNy0wLjZMMTQuOCwxMy40eiIvPg0KCTxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xOC44LDEwTDE4LjgsMTBoLTAuNmwwLDB2MGMwLTQuNS0zLjYtOC4xLTguMS04LjFDNy40LDEuOSw1LjEsMy4yLDMuNiw1bDAuNywwLjdsMC45LDAuOQ0KCQlDNi4zLDUuMSw4LDQuMiwxMCw0LjJjMy4yLDAsNS44LDIuNiw1LjgsNS44djBsMCwwaC0wLjdsMCwwSDE0bDMsM2wzLTNIMTguOHoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.question-mark {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xMCwwQzQuNSwwLDAsNC41LDAsMTBjMCw1LjUsNC41LDEwLDEwLDEwYzUuNSwwLDEwLTQuNSwxMC0xMEMyMCw0LjUsMTUuNSwwLDEwLDB6IE0xMCwxOC45DQoJCWMtNC45LDAtOC45LTQtOC45LTguOWMwLTQuOSw0LTguOSw4LjktOC45YzQuOSwwLDguOSw0LDguOSw4LjlDMTguOSwxNC45LDE0LjksMTguOSwxMCwxOC45eiIvPg0KCTxyZWN0IHg9IjkuMiIgeT0iMTIuNyIgZmlsbD0iI0MxQzFDMSIgd2lkdGg9IjEuNiIgaGVpZ2h0PSIxLjciLz4NCgk8cGF0aCBmaWxsPSIjQzFDMUMxIiBkPSJNMTAuMyw1LjZDOSw1LjYsOC4xLDYuMiw3LjMsN2wwLjksMWMwLjYtMC42LDEuMi0xLDItMWMwLjksMCwxLjQsMC41LDEuNCwxLjJ2MGMwLDAuOC0wLjcsMS4zLTIuMywxLjQNCgkJTDkuNCw5LjZsMC4yLDJoMWwwLjEtMWMxLjQtMC4yLDIuNS0wLjksMi41LTIuNXYwQzEzLjIsNi42LDEyLDUuNiwxMC4zLDUuNnoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.share-light {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjQzFDMUMxIiBkPSJNMTgsOS41djIuOWgzdjhIM3YtOGgzVjkuNUgwdjEzLjdoMjRWOS41QzI0LDkuNSwxOCw5LjUsMTgsOS41eiBNMTAuNSw2LjN2OS44aDNWNi4zTDE2LDguN2wyLjEtMmwtNC0zLjgNCgkJCWwtMi4xLTJsLTIuMSwybC00LDMuOGwyLjEsMkwxMC41LDYuM3oiLz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.carousel_arrow_left {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDMUMxQzEiIHBvaW50cz0iMTYuOCwyNCAxOS4yLDIxLjYgOS42LDEyIDE5LjIsMi40IDE2LjcsMCA0LjgsMTIgNC44LDEyIDQuOCwxMiAiLz4NCjwvc3ZnPg0K)
}

.icon.carousel_arrow_right {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDMUMxQzEiIHBvaW50cz0iNy4yLDAgNC44LDIuNCAxNC40LDEyIDQuOCwyMS42IDcuMywyNCAxOS4yLDEyIDE5LjIsMTIgMTkuMiwxMiAiLz4NCjwvc3ZnPg0K)
}

.icon.flag {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNDMEMwQzAiIGQ9Ik0xNC45LDIuOWMtMC4yLDAtMC40LDAuMS0wLjUsMC4yYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYy0wLjIsMC4xLTIuMiwxLjgtNC43LDAuNWMtMi4zLTEuMy0zLjktMS4yLTUtMC44DQoJVjEuMkM0LjYsMC42LDQsMCwzLjQsMFMyLjEsMC42LDIuMSwxLjJ2MTUuNWMwLDAuNywwLjYsMS4yLDEuMiwxLjJzMS4yLTAuNiwxLjItMS4yVjEyYzAuNC0wLjIsMS44LTAuOSwzLjgsMC4zDQoJYzEuMSwwLjYsMi4xLDAuOCwzLjEsMC44YzIuOC0wLjEsNC4xLTEuNiw0LjEtMS42YzAuMi0wLjIsMC4zLTAuNCwwLjMtMC43VjMuOUMxNS45LDMuMywxNS40LDIuOSwxNC45LDIuOXoiLz4NCjwvc3ZnPg0K)
}

.active>.icon.love {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRjA1MzZEIiBkPSJNMTYuNDI1LDMuOTgyYy0wLjg4NywwLTIuNjU2LDAuODkxLTQuNDI2LDIuNjcyDQoJYy0xLjc2OC0xLjc4MS0zLjUzNy0yLjY3Mi00LjQyNC0yLjY3MmMtMi42NTEsMC00LjQyMiwyLjY3Mi00LjQyMiw1LjM0NmMwLDIuNjcyLDIuNjU0LDYuMjM0LDYuMTkzLDguOTA2bDIuNjUyLDEuNzgzbDIuNjU0LTEuNzgzDQoJYzMuNTM5LTIuNjcyLDYuMTkzLTYuMjM0LDYuMTkzLTguOTA2QzIwLjg0Nyw2LjY1NCwxOS4wNzcsMy45ODIsMTYuNDI1LDMuOTgyeiIvPg0KPC9zdmc%2BDQo%3D)
}

.active>.icon.save {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDOTM4RDIiIGQ9Ik00LDR2MTZoMTZWNEg0eiBNMTYsMTNoLTN2M2gtMnYtM0g4di0yaDNWOGgydjNoM1YxM3oiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.active>.icon.follow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTQuMDAxLDEuNTM3YzYuODcyLDAsMTIuNDY0LDUuNTkyLDEyLjQ2NCwxMi40NjZjMCw2Ljg3My01LjU5MiwxMi40NjItMTIuNDY0LDEyLjQ2Mg0KCQkJYy02Ljg3MywwLTEyLjQ2Ni01LjU5LTEyLjQ2Ni0xMi40NjJDMS41MzUsNy4xMjgsNy4xMjgsMS41MzcsMTQuMDAxLDEuNTM3IE0xNC4wMDEsMEM2LjI2OCwwLDAsNi4yNjgsMCwxNC4wMDINCgkJCUMwLDIxLjczMiw2LjI2OCwyOCwxNC4wMDEsMjhDMjEuNzMzLDI4LDI4LDIxLjczMiwyOCwxNC4wMDJDMjgsNi4yNjgsMjEuNzMzLDAsMTQuMDAxLDBMMTQuMDAxLDB6Ii8%2BDQoJPC9nPg0KCTxnPg0KCQk8Zz4NCgkJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTIuMTI4LDE5LjUxOCA2Ljc5NiwxNC4xODUgOC40MjQsMTIuNTU3IDEyLjEyOCwxNi4yNjIgMTkuNTc1LDguODE1IDIxLjIwMywxMC40NDQgCQkJIi8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.active>.icon.follow-purple {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC40LCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCiAgPHBhdGggZmlsbD0iI0M5MzhEMiIgZD0iTTI1LDVDMTMuOTc0LDUsNSwxMy45NzMsNSwyNXM4Ljk3NCwyMCwyMCwyMGMxMS4wMjksMCwyMC04Ljk3MywyMC0yMFMzNi4wMjksNSwyNSw1eiBNMzMuODE4LDIyLjg3NWwtOC41NjIsOC41NjQJYy0wLjU5NiwwLjU5NS0xLjM3NywwLjg5My0yLjE1OCwwLjg5M2MtMC43NzksMC0xLjU2MS0wLjI5OC0yLjE1Ni0wLjg5M2wtNC43NTgtNC43NThjLTEuMTkxLTEuMTkxLTEuMTkxLTMuMTIzLDAtNC4zMTMJYzEuMTkxLTEuMTkyLDMuMTIxLTEuMTkyLDQuMzE0LDBsMi42LDIuNmw2LjQwOC02LjQwN2MxLjE4OC0xLjE4OSwzLjEyMy0xLjE4OSw0LjMxMiwwQzM1LjAxLDE5Ljc1MiwzNS4wMSwyMS42ODQsMzMuODE4LDIyLjg3NXoiCS8%2BCjwvc3ZnPg%3D%3D)
}

.active>.icon.upload {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDOTM4RDIiIGQ9Ik00MSwyMi4zYzAtMC4xLDAtMC4zLDAtMC40YzAtNy01LjYtMTIuNy0xMi40LTEyLjdjLTUuMiwwLTkuNiwzLjMtMTEuNSw3LjljLTEuMS0wLjgtMi40LTEuMy0zLjktMS4zDQoJCWMtMy41LDAtNi40LDIuOC02LjQsNi40YzAsMC4yLDAsMC4zLDAsMC41QzIuOSwyMy43LDAsMjcuMywwLDMxLjVjMCw1LjEsNC4xLDkuMiw5LjIsOS4yaDAuMmgxNC4zVjI3LjNsLTQsNGwtMS45LTEuOWw3LjEtNy4xDQoJCWw3LjEsNy4xbC0xLjksMS45bC00LTR2MTMuNWgxNC4zaDAuMmM1LjEsMCw5LjItNC4xLDkuMi05LjJDNTAsMjYuNSw0NiwyMi40LDQxLDIyLjN6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.alternate.fb,
a:hover>.icon.fb,
a:active>.icon.fb {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJmIiBmaWxsPSIjRkZGRkZGIiBkPSJNMjguOSw1MFYyNy4yaDcuN2wxLjEtOC45aC04Ljh2LTUuN2MwLTIuNiwwLjctNC4zLDQuNC00LjNsNC43LDBWMC4zQzM3LjIsMC4yLDM0LjQsMCwzMS4xLDANCgljLTYuOCwwLTExLjQsNC4xLTExLjQsMTEuOHY2LjZIMTJ2OC45aDcuN1Y1MEgyOC45eiIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.alternate.ig,
a:hover>.icon.ig,
a:active>.icon.ig {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NC4yLDIxLjJoLTQuNGMwLjMsMS4yLDAuNSwyLjUsMC41LDMuOGMwLDguNS02LjksMTUuNC0xNS40LDE1LjRjLTguNSwwLTE1LjQtNi45LTE1LjQtMTUuNA0KCWMwLTEuMywwLjItMi42LDAuNS0zLjhINS43djIxLjJjMCwxLjEsMC45LDEuOSwxLjksMS45aDM0LjZjMS4xLDAsMS45LTAuOSwxLjktMS45VjIxLjJ6IE00NC4yLDcuN2MwLTEuMS0wLjktMS45LTEuOS0xLjloLTUuOA0KCWMtMS4xLDAtMS45LDAuOS0xLjksMS45djUuOGMwLDEuMSwwLjksMS45LDEuOSwxLjloNS44YzEuMSwwLDEuOS0wLjksMS45LTEuOVY3Ljd6IE0yNSwxNS40Yy01LjMsMC05LjYsNC4zLTkuNiw5LjYNCglzNC4zLDkuNiw5LjYsOS42czkuNi00LjMsOS42LTkuNkMzNC42LDE5LjcsMzAuMywxNS40LDI1LDE1LjQgTTQ0LjIsNTBINS43QzIuNSw1MCwwLDQ3LjQsMCw0NC4yVjUuOEMwLDIuNiwyLjUsMCw1LjcsMGgzOC41DQoJQzQ3LjQsMCw1MCwyLjYsNTAsNS44djM4LjVDNTAsNDcuNCw0Ny40LDUwLDQ0LjIsNTAiLz4NCjwvc3ZnPg0K)
}

.icon.alternate.pt,
a:hover>.icon.pt,
a:active>.icon.pt {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNi4yLDBDMTIuNSwwLDUuNiw5LjgsNS42LDE3LjljMCw0LjksMS45LDkuMyw1LjksMTFjMC43LDAuMywxLjIsMCwxLjQtMC43YzAuMS0wLjUsMC40LTEuOCwwLjYtMi4zDQoJYzAuMi0wLjcsMC4xLTEtMC40LTEuNmMtMS4yLTEuNC0xLjktMy4xLTEuOS01LjZjMC03LjMsNS40LTEzLjgsMTQuMS0xMy44YzcuNywwLDEyLDQuNywxMiwxMWMwLDguMy0zLjcsMTUuMy05LjEsMTUuMw0KCWMtMywwLTUuMy0yLjUtNC41LTUuNWMwLjktMy42LDIuNS03LjYsMi41LTEwLjJjMC0yLjQtMS4zLTQuMy0zLjktNC4zYy0zLjEsMC01LjUsMy4yLTUuNSw3LjRjMCwyLjcsMC45LDQuNSwwLjksNC41DQoJUzE0LjYsMzYuNCwxNCwzOC44Yy0xLjEsNC42LTAuMiwxMC4zLTAuMSwxMC45YzAsMC4zLDAuNSwwLjQsMC43LDAuMmMwLjMtMC40LDMuOS00LjksNS4yLTkuNGMwLjQtMS4zLDItNy45LDItNy45DQoJYzEsMS45LDMuOSwzLjYsNywzLjZjOS4yLDAsMTUuNS04LjQsMTUuNS0xOS43QzQ0LjQsNy45LDM3LjEsMCwyNi4yLDB6Ii8%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.alternate.tu,
a:hover>.icon.tu,
a:active>.icon.tu {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOS44LDBjLTAuMywyLjYtMC45LDQuNy0xLjcsNi40Yy0wLjgsMS43LTIsMy4xLTMuNCw0LjNzLTMuMSwyLjEtNSwyLjd2Ny4xaDUuNVYzOGMwLDIuMywwLjIsNCwwLjcsNS4yDQoJYzAuNSwxLjIsMS4zLDIuMywyLjYsMy40czIuNywxLjksNC41LDIuNWMxLjgsMC42LDMuOCwwLjksNi4xLDAuOWMyLDAsMy45LTAuMiw1LjYtMC42YzEuNy0wLjQsMy43LTEuMSw1LjgtMi4xdi03LjkNCgljLTIuNSwxLjYtNSwyLjUtNy42LDIuNWMtMS40LDAtMi43LTAuMy0zLjgtMWMtMC44LTAuNS0xLjQtMS4xLTEuNy0yYy0wLjMtMC44LTAuNS0yLjctMC41LTUuNlYyMC41aDExLjl2LTcuOUgyNi44VjBIMTkuOHoiLz4NCjwvc3ZnPg0K)
}

.icon.alternate.tw,
a:hover>.icon.tw,
a:active>.icon.tw {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01MCw5LjVjLTEuOCwwLjgtMy44LDEuNC01LjksMS42YzIuMS0xLjMsMy43LTMuMyw0LjUtNS43Yy0yLDEuMi00LjIsMi02LjUsMi41Yy0xLjktMi00LjUtMy4yLTcuNS0zLjINCgljLTUuNywwLTEwLjMsNC42LTEwLjMsMTAuM2MwLDAuOCwwLjEsMS42LDAuMywyLjNDMTYuMSwxNi45LDguNSwxMi44LDMuNSw2LjZjLTAuOSwxLjUtMS40LDMuMy0xLjQsNS4yYzAsMy42LDEuOCw2LjcsNC42LDguNQ0KCUM1LDIwLjIsMy40LDE5LjcsMiwxOWMwLDAsMCwwLjEsMCwwLjFjMCw1LDMuNSw5LjEsOC4yLDEwLjFjLTAuOSwwLjItMS44LDAuNC0yLjcsMC40Yy0wLjcsMC0xLjMtMC4xLTEuOS0wLjINCgljMS4zLDQuMSw1LjEsNyw5LjYsNy4xYy0zLjUsMi44LTcuOSw0LjQtMTIuNyw0LjRjLTAuOCwwLTEuNiwwLTIuNC0wLjFjNC41LDIuOSw5LjksNC42LDE1LjcsNC42YzE4LjksMCwyOS4yLTE1LjYsMjkuMi0yOS4yDQoJYzAtMC40LDAtMC45LDAtMS4zQzQ2LjksMTMuNCw0OC42LDExLjYsNTAsOS41eiIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.alternate.yt,
a:hover>.icon.yt,
a:active>.icon.yt {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00Mi40LDguM0g3LjZDMyw4LjMsMCwxMS40LDAsMTZWMzRjMCw0LjYsMyw3LjYsNy42LDcuNmgzNC43YzQuNiwwLDcuNi0zLDcuNi03LjZWMTYNCgkJQzUwLDExLjQsNDcsOC4zLDQyLjQsOC4zeiBNMTcuNCwzNC4xVjE1LjhsMTguMyw5LjFMMTcuNCwzNC4xeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D)
}

.icon.alternate.download,
a:hover>.icon.download,
a:active>.icon.download {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik0xNC42LDBINS40QzQuNywwLDQuMiwwLjYsNC4yLDEuM3YxNy41YzAsMC43LDAuNiwxLjMsMS4zLDEuM2g5LjFjMC43LDAsMS4zLTAuNiwxLjMtMS4zVjEuMw0KCUMxNS44LDAuNiwxNS4zLDAsMTQuNiwweiBNOC44LDE3LjhjMC0wLjYsMC41LTEuMiwxLjItMS4yYzAuNiwwLDEuMiwwLjUsMS4yLDEuMlMxMC42LDE5LDEwLDE5QzkuNCwxOSw4LjgsMTguNCw4LjgsMTcuOHogTTUsMTUuOQ0KCVY0LjFoMTB2MTEuOEg1eiIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.alternate.magnify,
a:hover>.icon.magnify,
a:active>.icon.magnify {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik0xOCwxNy4ybC01LjktNS45YzEtMS4yLDEuNi0yLjcsMS42LTQuNGMwLTMuOC0zLjEtNi45LTYuOS02LjlDMy4xLDAsMCwzLjEsMCw2LjljMCwzLjgsMy4xLDYuOSw2LjksNi45DQoJYzEuNywwLDMuMi0wLjYsNC40LTEuNmw1LjksNS45TDE4LDE3LjJ6IE0xLjEsNi45YzAtMy4yLDIuNi01LjcsNS43LTUuN3M1LjcsMi42LDUuNyw1LjdjMCwzLjItMi42LDUuNy01LjcsNS43UzEuMSwxMC4xLDEuMSw2Ljl6Ig0KCS8%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.alternate.email,
a:hover>.icon.email,
a:active>.icon.email {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOS44NjIsNS43NjNjLTAuMDg1LTAuMDQ3LTAuMTg4LTAuMDQ0LTAuMjcxLDAuMDA2bC05LjQzOCw1Ljg2NmMtMC4wOTEsMC4wNjMtMC4yMDUsMC4wNzItMC4zMjEtMC4wMDgNCgkJTDAuNDA5LDUuNzY5QzAuMzI2LDUuNzE4LDAuMjIzLDUuNzE1LDAuMTM3LDUuNzYyQzAuMDUzLDUuODEsMCw1Ljg5OSwwLDUuOTk2djEwLjc5M0MwLDE2LjkzOCwwLjEyLDE3LDAuMjY4LDE3aDE5LjQ2NQ0KCQlDMTkuODgsMTcsMjAsMTYuOTM4LDIwLDE2Ljc4OVY1Ljk5N0MyMCw1Ljg5OSwxOS45NDcsNS44MSwxOS44NjIsNS43NjN6Ii8%2BDQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuODU5LDkuMjM5QzkuOTAxLDkuMjY2LDkuOTUxLDkuMjgsMTAsOS4yOHMwLjA5OS0wLjAxNCwwLjE0MS0wLjA0MWw5LjMyNS01LjgwMQ0KCQljMC4xMDItMC4wNjMsMC4xNDgtMC4xNTgsMC4xMTUtMC4yNzJDMTkuNTQ5LDMuMDUxLDE5LjQ0NCwzLDE5LjMyNCwzSDAuNjc2Yy0wLjEyLDAtMC4yMjUsMC4wNTEtMC4yNTcsMC4xNjYNCgkJczAuMDE1LDAuMjI0LDAuMTE2LDAuMjg3TDkuODU5LDkuMjM5eiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D)
}

.icon.alternate.starred,
a:hover>.icon.starred,
a:active>.icon.starred {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04LDAuMzkyTDYuMDcxLDYuMTQ5TDAsNi4yMDRsNC44OCwzLjYxMmwtMS44MjQsNS43OTFMOCwxMi4wODRsNC45NDMsMy41MjNsLTEuODI0LTUuNzkxTDE2LDYuMjA0DQoJTDkuOTI4LDYuMTQ5TDgsMC4zOTJMOCwwLjM5MnoiLz4NCjwvc3ZnPg0K)
}

.icon.alternate.unstarred,
a:hover>.icon.unstarred,
a:active>.icon.unstarred {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04LDQuMDdsMC44MiwyLjQ1bDAuMjY0LDAuNzlsMC44MzMsMC4wMDdsMi41ODQsMC4wMjNsLTIuMDc2LDEuNTM3bC0wLjY3LDAuNDk1bDAuMjUsMC43OTVsMC43NzYsMi40NjUNCglsLTIuMTA0LTEuNUw4LDEwLjY0OGwtMC42NzksMC40ODRsLTIuMTA0LDEuNWwwLjc3Ni0yLjQ2NWwwLjI1LTAuNzk1bC0wLjY3LTAuNDk1TDMuNDk4LDcuMzQxbDIuNTg0LTAuMDIzTDYuOTE1LDcuMzFsMC4yNjQtMC43OQ0KCUw4LDQuMDcgTTgsMC4zOTJMNi4wNzEsNi4xNDlMMCw2LjIwNGw0Ljg4LDMuNjEybC0xLjgyNCw1Ljc5MUw4LDEyLjA4NGw0Ljk0MywzLjUyM2wtMS44MjQtNS43OTFMMTYsNi4yMDRMOS45MjgsNi4xNDlMOCwwLjM5Mg0KCUw4LDAuMzkyeiIvPg0KPC9zdmc%2BDQo%3D)
}

.icon.alternate.chevron,
a:hover>.icon.chevron,
a:active>.icon.chevron {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxsaW5lIGZpbGw9IiNDMUMxQzEiIHgxPSIxMi41IiB5MT0iMzcuOCIgeDI9IjI1LjMiIHkyPSIyNSIvPg0KCTxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0xMi41LDEyLjIiLz4NCgk8cG9seWdvbiBmaWxsPSIjQzFDMUMxIiBwb2ludHM9IjI1LjMsMjUgMTIuNSwzNy44IDEyLjUsNTAgMTIuNSw1MCAzNy41LDI1IDEyLjUsMCAxMi41LDAgMTIuNSwxMi4yIAkiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.alternate.refresh-gray,
a:hover>.icon.refresh-gray,
a:active>.icon.refresh-gray {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik0xNC44LDEzLjRjLTEuMSwxLjUtMi44LDIuNC00LjgsMi40Yy0zLjIsMC01LjgtMi42LTUuOC01LjhoMC43SDZMMyw3bC0zLDNoMS42aDBoMC4zYzAsNC40LDMuNiw4LDguMSw4DQoJCWMyLjYsMCw0LjktMS4yLDYuNC0zLjFsLTAuNy0wLjZMMTQuOCwxMy40eiIvPg0KCTxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik0xOC44LDEwTDE4LjgsMTBoLTAuNmwwLDB2MGMwLTQuNS0zLjYtOC4xLTguMS04LjFDNy40LDEuOSw1LjEsMy4yLDMuNiw1bDAuNywwLjdsMC45LDAuOQ0KCQlDNi4zLDUuMSw4LDQuMiwxMCw0LjJjMy4yLDAsNS44LDIuNiw1LjgsNS44djBsMCwwaC0wLjdsMCwwSDE0bDMsM2wzLTNIMTguOHoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.alternate.question-mark,
a:hover>.icon.question-mark,
a:active>.icon.question-mark {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMwMzlERjYiIGQ9Ik0xMCwwQzQuNSwwLDAsNC41LDAsMTBjMCw1LjUsNC41LDEwLDEwLDEwYzUuNSwwLDEwLTQuNSwxMC0xMEMyMCw0LjUsMTUuNSwwLDEwLDB6IE0xMCwxOC45DQoJCWMtNC45LDAtOC45LTQtOC45LTguOWMwLTQuOSw0LTguOSw4LjktOC45YzQuOSwwLDguOSw0LDguOSw4LjlDMTguOSwxNC45LDE0LjksMTguOSwxMCwxOC45eiIvPg0KCTxyZWN0IHg9IjkuMiIgeT0iMTIuNyIgZmlsbD0iIzAzOURGNiIgd2lkdGg9IjEuNiIgaGVpZ2h0PSIxLjciLz4NCgk8cGF0aCBmaWxsPSIjMDM5REY2IiBkPSJNMTAuMyw1LjZDOSw1LjYsOC4xLDYuMiw3LjMsN2wwLjksMWMwLjYtMC42LDEuMi0xLDItMWMwLjksMCwxLjQsMC41LDEuNCwxLjJ2MGMwLDAuOC0wLjcsMS4zLTIuMywxLjQNCgkJTDkuNCw5LjZsMC4yLDJoMWwwLjEtMWMxLjQtMC4yLDIuNS0wLjksMi41LTIuNXYwQzEzLjIsNi42LDEyLDUuNiwxMC4zLDUuNnoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon.alternate.share-light,
a:hover>.icon.share-light,
a:active>.icon.share-light {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjOTA5MDkwIiBkPSJNMTgsOS41djIuOWgzdjhIM3YtOGgzVjkuNUgwdjEzLjdoMjRWOS41QzI0LDkuNSwxOCw5LjUsMTgsOS41eiBNMTAuNSw2LjN2OS44aDNWNi4zTDE2LDguN2wyLjEtMmwtNC0zLjgNCgkJCWwtMi4xLTJsLTIuMSwybC00LDMuOGwyLjEsMkwxMC41LDYuM3oiLz4NCgk8L2c%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D)
}

.icon.alternate.flag,
a:hover>.icon.flag,
a:active>.icon.flag {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGMDUzNkQiIGQ9Ik0xNC45LDIuOWMtMC4yLDAtMC40LDAuMS0wLjUsMC4yYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwYy0wLjIsMC4xLTIuMiwxLjgtNC43LDAuNWMtMi4zLTEuMy0zLjktMS4yLTUtMC44DQoJVjEuMkM0LjYsMC42LDQsMCwzLjQsMFMyLjEsMC42LDIuMSwxLjJ2MTUuNWMwLDAuNywwLjYsMS4yLDEuMiwxLjJzMS4yLTAuNiwxLjItMS4yVjEyYzAuNC0wLjIsMS44LTAuOSwzLjgsMC4zDQoJYzEuMSwwLjYsMi4xLDAuOCwzLjEsMC44YzIuOC0wLjEsNC4xLTEuNiw0LjEtMS42YzAuMi0wLjIsMC4zLTAuNCwwLjMtMC43VjMuOUMxNS45LDMuMywxNS40LDIuOSwxNC45LDIuOXoiLz4NCjwvc3ZnPg0K)
}

.images_preview {
    position: relative
}

.images_preview .full_size {
    height: 680px;
    width: 680px
}

.images_preview .flag_container {
    float: left;
    margin-top: 8px
}

.images_preview .flag_container .icon.flag {
    float: left;
    width: 12px;
    height: 12px;
    margin-top: 2px
}

.images_preview .flag_container .icon.flag:hover+.text {
    color: #F0536D;
    cursor: pointer
}

.images_preview .flag_container .text {
    float: left;
    margin-left: 4px;
    color: #C1C1C1;
    font-size: 9pt
}

.images_preview .flag_container .text:hover {
    color: #F0536D;
    cursor: pointer
}

.images_preview .img_thumbs_container {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px
}

.images_preview .img_thumbs_container .thumb {
    cursor: pointer;
    margin-bottom: 10px
}

.images_preview .img_thumbs_container .thumb:last-child {
    margin-bottom: 0
}

.images_preview .img_thumbs_container .thumb.selected {
    background: #35D7A8
}

.images_preview .img_thumbs_container .thumb.selected img {
    opacity: 0.5
}

.images_preview .img_thumbs_container.pdp {
    display: inline-block;
    float: right;
    width: 320px;
    height: 60px;
    text-align: right;
    margin-top: 680px;
    margin-left: 360px;
    padding-bottom: 12px;
    left: 0px
}

.images_preview .img_thumbs_container.pdp.thumbs .thumb {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 10px
}

.images_preview .img_thumbs_container.pdp.thumbs .thumb:last-child {
    margin-bottom: 0
}

.images_preview .img_thumbs_container.pdp.thumbs .thumb.zoomThumbActive,
.images_preview .img_thumbs_container.pdp.thumbs .thumb:hover {
    background-color: #35D7A8
}

.images_preview .img_thumbs_container.pdp.thumbs .thumb.zoomThumbActive img,
.images_preview .img_thumbs_container.pdp.thumbs .thumb:hover img {
    opacity: 0.5
}

.infotip {
    position: relative;
    cursor: pointer
}

.infotip .trigger,
.infotip .tip {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.infotip .trigger {
    text-align: center;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #C1C1C1;
    border: 1px solid #C1C1C1;
    line-height: 20px;
    border-radius: 50%
}

.infotip .tip {
    z-index: 8;
    width: 220px;
    padding: 4px;
    margin: 4px -100px 0;
    position: absolute;
    display: block;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.8);
    bottom: 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.infotip .tip:before {
    content: "";
    bottom: -16px;
    margin: 0 -8px;
    left: 50%;
    position: absolute;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, 0.8)
}

.infotip:hover .trigger {
    color: #039DF6;
    border: 1px solid #039DF6
}

.infotip:hover .tip {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.item .content::after {
    clear: both;
    content: "";
    display: table
}

.item .content .main {
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 680px;
    margin-left: 0;
    margin-bottom: 0
}

.item .content .main .image {
    margin-bottom: 20px;
    margin-left: 0;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px #C1C1C1 solid
}

.item .content .main .image::after {
    clear: both;
    content: "";
    display: table
}

.item .content .main .image .media {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 680px;
    height: 680px
}

.item .content .main .image .media img {
    width: 680px;
    height: 680px
}

.item .content .main .image * {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.item .content .main .image .overlay {
    z-index: 2;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: none
}

.item .content .main .image .overlay .icon {
    width: 120px;
    height: 120px;
    margin: -60px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.4
}

.item .content .main .image .overlay:hover {
    background: rgba(0, 0, 0, 0.2)
}

.item .content .main .image .overlay:hover .icon {
    opacity: 1
}

.item .content .main .comments {
    margin-top: 40px
}

.item .content .main .comments .title {
    border-bottom: none;
    padding: 0
}

.item .content .main .comments .new {
    margin-top: 8px
}

.item .content .main .comments .comments_list .comments {
    margin-top: 0px
}

.item .content .sidebar {
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 480px;
    margin-right: 0;
    margin-bottom: 0
}

.item .content .sidebar .user {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 20px
}

.item .content .sidebar .user::after {
    clear: both;
    content: "";
    display: table
}

.item .content .sidebar .user .avatar {
    width: 72px;
    float: left
}

.item .content .sidebar .user .avatar img {
    width: 72px;
    height: 72px;
    border-radius: 50%
}

.item .content .sidebar .user a:hover {
    color: #028AD8
}

.item .content .sidebar .user .metadata {
    width: 400px;
    float: left;
    margin-left: 8px;
    margin-top: 8px
}

.item .content .sidebar .user .metadata .description .age {
    float: right
}

.item .content .sidebar .user .metadata .description .age .icon {
    margin-top: 4px
}

.item .content .sidebar .user .metadata .name,
.item .content .sidebar .user .metadata .stats {
    font-size: 10pt;
    color: #909090;
    line-height: 15px
}

.item .content .sidebar .user .message .text:before,
.item .content .sidebar .user .message .text:after {
    content: '"'
}

.item .content .sidebar .counters {
    padding: 6px 5px 4px 5px;
    margin-top: 12px;
    margin-bottom: 12px;
    border-top: 1px #C1C1C1 solid;
    border-bottom: 1px #C1C1C1 solid;
    cursor: default
}

.item .content .sidebar .counters::after {
    clear: both;
    content: "";
    display: table
}

.item .content .sidebar .counters .icon {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 5px;
    fill: #C1C1C1
}

.item .content .sidebar .counters .lovers.widget {
    display: inline-block;
    float: left;
    font-size: 10pt;
    width: 180px;
    color: #909090;
    cursor: default
}

.item .content .sidebar .counters .lovers.widget .count {
    line-height: 20px;
    width: 130px;
    display: inline-block;
    float: left
}

.item .content .sidebar .counters .lovers.widget .count .link {
    text-decoration: underline;
    width: 60px;
    cursor: pointer
}

.item .content .sidebar .counters .lovers.widget .count .link:hover {
    color: #028AD8
}

.item .content .sidebar .counters .comment.widget_full {
    display: inline-block;
    float: left;
    font-size: 10pt;
    height: 24px;
    width: 180px;
    line-height: 20px;
    cursor: default;
    color: #909090;
    font-size: 10pt
}

.item .content .sidebar .actions {
    margin: 0 0 8px
}

.item .content .sidebar .actions::after {
    clear: both;
    content: "";
    display: table
}

.item .content .sidebar .actions .widget {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    border-radius: 4px;
    width: 80px;
    height: 26px;
    background-color: #FFFFFF;
    float: left;
    line-height: 26px;
    padding-left: 3px;
    margin-right: 8px;
    color: #909090
}

.item .content .sidebar .actions .widget .icon.love {
    margin-top: 1px
}

.item .content .sidebar .actions .widget .icon.save {
    margin-left: 5px
}

.item .content .sidebar .actions .widget .love_button {
    margin-left: 26px;
    cursor: pointer
}

.item .content .sidebar .actions .widget .save_button {
    cursor: pointer
}

.item .content .sidebar .actions.collection,
.item .content .sidebar .actions.share {
    margin-left: 8px
}

.item .content .sidebar .actions .widget_new {
    height: 26px;
    width: 200px;
    float: left
}

.item .content .sidebar .actions .widget_new .widget.social {
    width: 26px
}

.item .content .sidebar .actions .widget_new .widget.social .icon {
    height: 14px;
    width: 14px;
    display: inline-block;
    float: left;
    margin-left: 3px;
    margin-top: 5px
}

.item .content .sidebar .collections {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    margin-top: 40px
}

.item .content .sidebar .collections .author:hover {
    color: #028AD8
}

.mlt-title {
    font-size: 18px;
    color: #A8A8A8;
    padding-left: 25px;
    font-style: italic
}

#header {
    margin: 0;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(136, 136, 136, 0.2);
    z-index: 1054;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

#header #logo {
    height: 40px;
    float: left;
    margin: 0 10px 0 0
}

#header #navigate {
    height: 40px;
    float: left;
    margin: 0 10px 0 10px
}

#header #search {
    height: 40px;
    float: left;
    margin: 0 0 0 0px
}

#header #account {
    height: 40px;
    float: right
}

#header #auth {
    height: 40px;
    float: right
}

#footer {
    margin: 0;
    background: #FFFFFF;
    box-shadow: 0 -1px 3px rgba(136, 136, 136, 0.2);
    z-index: 1052;
    position: relative
}

#footer #explore {
    float: left
}

#footer #social {
    float: left
}

#footer #other {
    float: right
}

#footer #legal {
    float: left
}

#footer #copy {
    float: right
}

#header .section::after,
#footer .section::after {
    clear: both;
    content: "";
    display: table
}

#header .section>.content,
#footer .section>.content {
    width: 1180px;
    margin: auto
}

#header .section>.content::after,
#footer .section>.content::after {
    clear: both;
    content: "";
    display: table
}

#header .dropdown,
#footer .dropdown {
    margin: 20px 0 0
}

#header .dropdown.marketplace .title,
#header .dropdown.inspiration .title,
#header .dropdown.featured .title,
#footer .dropdown.marketplace .title,
#footer .dropdown.inspiration .title,
#footer .dropdown.featured .title {
    padding: 0px
}

#header .dropdown.marketplace .featured .title,
#header .dropdown.inspiration .featured .title,
#header .dropdown.featured .featured .title,
#footer .dropdown.marketplace .featured .title,
#footer .dropdown.inspiration .featured .title,
#footer .dropdown.featured .featured .title {
    margin: 0px 0px 8px;
    font-size: 16px;
    font-weight: bold
}

#header .dropdown.marketplace .directory .title,
#header .dropdown.inspiration .directory .title,
#header .dropdown.featured .directory .title,
#footer .dropdown.marketplace .directory .title,
#footer .dropdown.inspiration .directory .title,
#footer .dropdown.featured .directory .title {
    margin: 0px 0px 8px;
    font-size: 16px;
    font-weight: bold
}

#header .dropdown.marketplace .listings .title,
#header .dropdown.inspiration .listings .title,
#header .dropdown.featured .listings .title,
#footer .dropdown.marketplace .listings .title,
#footer .dropdown.inspiration .listings .title,
#footer .dropdown.featured .listings .title {
    margin: 4px 0px 0px;
    font-size: 14px;
    font-weight: bold
}

#header .logo,
#footer .logo {
    width: 64px;
    height: 64px;
    margin: -12px 0 -8px
}

#header .title,
#footer .title {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    margin: 4px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px
}

#header .separator,
#footer .separator {
    height: 1px;
    border-top: 1px solid #F8F8F8
}

#header .section {
    margin: 0px 0px
}

#header .section>.content {
    padding: 10px 0
}

#footer .section {
    margin: 10px 0px
}

#footer .section>.content {
    padding: 10px 0
}

#content {
    width: 1180px;
    margin: 120px auto 20px
}

#content::after {
    clear: both;
    content: "";
    display: table
}

.body>.content {
    width: 780px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-bottom: 0px
}

.body>.sidebar {
    width: 380px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

#application.minimal #header,
#application.minimal #drawers {
    display: none
}

#application.minimal #content {
    margin: 0 auto 0
}

#application.disabled #header,
#application.disabled #footer,
#application.disabled #drawers {
    display: none
}

#application.disabled #content {
    margin: 0 auto 0
}

#application.responsive #content {
    width: 1140px;
}

#application.responsive #content .content {
    width: 1180px;
    margin: auto
}

#application.responsive #content .content::after {
    clear: both;
    content: "";
    display: table
}

#application.minimal #content {
    margin: 0
}

#explore .title {
    margin: 0
}

.uncover {
    width: 420px;
    margin: 20px 0;
    display: block
}

.uncover::after {
    clear: both;
    content: "";
    display: table
}

.uncover a.promise,
.uncover a.download {
    color: #494949
}

.uncover:first-child {
    margin-top: 0px
}

.uncover:last-child {
    margin-bottom: 0px
}

.uncover .title {
    margin: 0
}

.uncover .preview {
    float: left;
    width: 72px;
    height: 72px;
    margin: 5px 0 0
}

.uncover .preview.download {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzYiIHkxPSIyIiB4Mj0iMzYiIHkyPSI3NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDc0KSI%2BDQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0I3MkZCNyIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNERTM3Q0MiLz4NCjwvbGluZWFyR3JhZGllbnQ%2BDQo8cmVjdCBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIgd2lkdGg9IjcyIiBoZWlnaHQ9IjcyIi8%2BDQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTMuNSw3MlYxNy41YzAtNSw0LTksOS05aDI3YzUsMCw5LDQsOSw5VjcyIi8%2BDQo8cmVjdCB4PSIyMSIgeT0iMjUiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzMCIgaGVpZ2h0PSI0NyIvPg0KPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMzYiIGN5PSIxNS41IiByPSIxLjUiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MiwyMGMwLDAuNi0wLjQsMS0xLDFIMzFjLTAuNiwwLTEtMC40LTEtMWwwLDBjMC0wLjYsMC40LTEsMS0xaDEwQzQxLjYsMTksNDIsMTkuNCw0MiwyMEw0MiwyMHoiLz4NCjwvc3ZnPg0K)
}

.uncover .preview.happy {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzYiIHkxPSIyIiB4Mj0iMzYiIHkyPSI3NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDc0KSI%2BDQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzAyODVFQSIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMzlERjYiLz4NCjwvbGluZWFyR3JhZGllbnQ%2BDQo8cmVjdCBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIgd2lkdGg9IjcyIiBoZWlnaHQ9IjcyIi8%2BDQo8Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjM2IiBjeT0iMzYiIHI9IjI1Ii8%2BDQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjguNiw0MC41YzAuNSwwLDEuMSwwLjIsMS40LDAuN2MxLDEuNCwzLDIuMiw1LjUsMi4zYzIuOCwwLjEsNS4zLTAuOSw2LjYtMi40YzAuNS0wLjcsMS42LTAuOCwyLjMtMC4zDQoJYzAuNywwLjUsMC45LDEuNCwwLjQsMi4xYy0xLjgsMi4zLTUuNCwzLjctOS4zLDMuNmMtMy42LTAuMS02LjYtMS41LTguMS0zLjdjLTAuNS0wLjctMC4zLTEuNiwwLjUtMi4xQzI4LDQwLjYsMjguMyw0MC41LDI4LjYsNDAuNQ0KCXoiLz4NCjxnPg0KCTxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjI3IiBjeT0iMzIuNSIgcj0iMS44Ii8%2BDQoJPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNDUiIGN5PSIzMi41IiByPSIxLjgiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.uncover .notes {
    float: left;
    margin-left: 20px;
    width: 328px
}

#navigate>.inlined>*>a,
#navigate>.inlined>*>span,
#navigate>.stacked>*>a,
#navigate>.stacked>*>span {
    padding: 24px 0 0;
    height: 40px;
    font-size: 16px;
    font-weight: normal
}

#search .query {
    margin: 14px 0 0;
    height: 40px
}

#explore>.inlined>*,
#explore>.stacked>* {
    width: 120px
}

#navigate a:not(.button),
#explore a:not(.button),
#sections a:not(.button) {
    color: #494949
}

#navigate a:not(.button):hover,
#explore a:not(.button):hover,
#sections a:not(.button):hover {
    color: #C938D2
}

#legal a:not(.button),
#copy a:not(.button) {
    color: #909090
}

#legal a:not(.button):hover,
#copy a:not(.button):hover {
    color: #494949
}

.matrix .brick {
    position: relative;
    width: 180px;
    height: 180px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    box-shadow: none
}

.matrix .brick:nth-child(6n+1) {
    margin-left: 0
}

.matrix .brick:nth-child(6n+6) {
    margin-right: 0
}

.matrix .brick:hover {
    box-shadow: none
}

.matrix .brick:hover .hover {
    opacity: 1
}

.matrix .brick .hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: rgba(52, 170, 220, 0.4);
    background-image: -webkit-linear-gradient(bottom, rgba(52, 170, 220, 0.4), rgba(50, 211, 193, 0.4));
    background-image: linear-gradient(to top, rgba(52, 170, 220, 0.4), rgba(50, 211, 193, 0.4));
    opacity: 0
}

.matrix .brick .hover .centered {
    margin: 80px auto 0
}

.matrix .brick .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent 0%, transparent 60%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(transparent 0%, transparent 60%, rgba(0, 0, 0, 0.3) 100%)
}

.matrix .brick .overlay .notes {
    opacity: 1;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 4px;
    font-size: 14px;
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.matrix .brick .overlay .notes .retail {
    text-decoration: line-through
}

.modal,
.modal.fade {
    width: 580px;
    background: #FFFFFF;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 0px
}

.modal.inplace {
    top: auto;
    left: auto;
    right: auto;
    margin: 24px auto;
    position: static
}

.modal.shares .close,
.modal.shares .close:hover,
.modal.shares .close:active,
.modal.reviews .close,
.modal.reviews .close:hover,
.modal.reviews .close:active,
.modal.sheet .close,
.modal.sheet .close:hover,
.modal.sheet .close:active,
.modal.lovers .close,
.modal.lovers .close:hover,
.modal.lovers .close:active,
.modal.reveal .close,
.modal.reveal .close:hover,
.modal.reveal .close:active {
    color: #FFFFFF;
    border: 2px solid #FFFFFF
}

.modal.shares .header,
.modal.shares .footer,
.modal.reviews .header,
.modal.reviews .footer,
.modal.sheet .header,
.modal.sheet .footer,
.modal.lovers .header,
.modal.lovers .footer,
.modal.reveal .header,
.modal.reveal .footer {
    color: #FFFFFF;
    background: #C938D2
}

.modal.shares .body,
.modal.reviews .body,
.modal.sheet .body,
.modal.lovers .body,
.modal.reveal .body {
    padding: 50px
}

.modal.shares .title,
.modal.reviews .title,
.modal.sheet .title,
.modal.lovers .title,
.modal.reveal .title {
    text-align: center;
    font-size: 24px;
    line-height: 24px
}

.modal.confirmation .title {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

.modal.confirmation .message {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

.modal.report_lost .button {
    background: #C1C1C1;
    color: #FFFFFF
}

.modal.report_lost .button:hover {
    background: #909090
}

.modal.report_lost .button:first-child {
    border-right: 1px solid #FFFFFF
}

.modal input[type="color"],
.modal input[type="date"],
.modal input[type="datetime"],
.modal input[type="datetime-local"],
.modal input[type="email"],
.modal input[type="month"],
.modal input[type="number"],
.modal input[type="password"],
.modal input[type="search"],
.modal input[type="tel"],
.modal input[type="text"],
.modal input[type="time"],
.modal input[type="url"],
.modal input[type="week"],
.modal input:not([type]),
.modal textarea,
.modal textarea {
    color: #039DF6;
    width: 100%
}

.modal .logo {
    margin: 20px auto 0px
}

.modal .button {
    width: 100%;
    height: 50px;
    font-size: 22px;
    line-height: 50px
}

.modal .buttons {
    visibility: visible;
    opacity: 1
}

.modal .buttons::after {
    clear: both;
    content: "";
    display: table
}

.modal .buttons>*:first-child:nth-last-child(2),
.modal .buttons>*:first-child:nth-last-child(2) ~ * {
    width: 50%;
    float: left
}

.modal .buttons>*:first-child:nth-last-child(3),
.modal .buttons>*:first-child:nth-last-child(3) ~ * {
    width: 33.33333%;
    float: left
}

.modal .buttons>*:first-child:nth-last-child(4),
.modal .buttons>*:first-child:nth-last-child(4) ~ * {
    width: 25%;
    float: left
}

.modal .buttons.hidden {
    visibility: hidden;
    opacity: 0
}

.modal .buttons .button {
    float: left
}

.modal .buttons.bordered .button {
    border-right: 1px solid #FFFFFF
}

.modal .buttons.bordered .button:last-child {
    border-right: none
}

.modal .buttons.bordered.blue .button {
    border-right: 1px solid #039DF6
}

.modal .buttons.bordered.blue .button:last-child {
    border-right: none
}

.modal form {
    margin: 0
}

.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

.modal .body,
.modal .header,
.modal .footer {
    padding: 20px 50px;
    padding: 20px 50px
}

.modal .body {
    border: none;
    background: #FFFFFF;
    min-height: inherit;
    max-height: inherit
}

.modal .body.padded {
    margin: 20px 0 10px
}

.modal .body.default {
    margin-bottom: 40px
}

.modal .body.default .title {
    margin-top: 40px;
    margin-bottom: 15px;
    padding-bottom: 3px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    border-bottom: 1px solid #F8F8F8;
    line-height: 44px
}

.modal .body.default .message {
    font-size: 16px
}

.modal .header {
    border: none;
    background: #FFFFFF
}

.modal .footer {
    border: none;
    background: #FFFFFF
}

.modal .or {
    text-align: center;
    margin: 10px 0
}

.modal .errors {
    text-align: center;
    margin: 10px 0
}

.modal .empty {
    background: none;
    box-shadow: none
}

.modal .header .close,
.modal .footer .close,
.modal>.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border: 2px solid #C1C1C1;
    color: #C1C1C1;
    text-shadow: none;
    opacity: 1;
    border-radius: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.modal .header .close:hover,
.modal .footer .close:hover,
.modal>.close:hover {
    color: #adadad;
    border: 2px solid #adadad
}

.modal .header .close:active,
.modal .footer .close:active,
.modal>.close:active {
    color: #d5d5d5;
    border: 2px solid #d5d5d5
}

.modal.cropper {
    width: 960px;
    height: 640px;
    overflow: hidden
}

.modal.cropper .title {
    font-size: 24px;
    font-weight: normal;
    text-align: center
}

.modal.cropper .description {
    font-size: 18px;
    font-weight: normal;
    text-align: center
}

.modal.cropper .region {
    position: relative;
    margin: 20px auto;
    height: 480px
}

.modal.cropper .region>*[class*='jcrop'] {
    margin: auto
}

.modal.cropper .jcrop-keymgr {
    opacity: 0
}

.modal.cropper .buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.modal.labeling {
    width: 696px
}

.modal.labeling .header,
.modal.labeling .footer {
    padding: 24px
}

.modal.labeling .header .title,
.modal.labeling .footer .title {
    color: #494949;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 48px
}

.modal.labeling .header .counts,
.modal.labeling .footer .counts {
    color: #909090;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.modal.labeling .header {
    border-bottom: 1px solid #C1C1C1
}

.modal.labeling .footer {
    border-top: 1px solid #C1C1C1
}

.modal.labeling .body {
    padding: 24px;
    overflow: inherit
}

.modal.labeling .product {
    width: 120px;
    display: block;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
    margin-left: 0;
    margin-bottom: 0px
}

.modal.labeling .product .image {
    width: 120px;
    height: 120px;
    display: block
}

.modal.labeling .product .fullname {
    width: 120px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.modal.labeling .details {
    width: 516px;
    display: block;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
    margin-right: 0;
    margin-bottom: 0px
}

.modal.labeling .details .steps .step {
    margin: 12px 0;
    font-size: 18px
}

.modal.labeling .details .steps .step:first-child {
    margin-top: 0px
}

.modal.labeling .details .steps .step:last-child {
    margin-bottom: 0px
}

.modal.labeling .details .steps .step .title {
    color: #494949;
    font-size: 18px
}

.modal.labeling .details .steps .step .subtitle {
    color: #909090;
    font-size: 14px
}

.modal.labeling .details .steps .step .filter {
    width: 100%;
    margin: 1px;
    color: #039DF6
}

.modal.labeling .details .steps .step .filter .title {
    position: static
}

.modal.labeling .details .steps .step .filter .placeholder {
    color: #C1C1C1
}

.modal.labeling .details .steps .step .filter .dropdown {
    padding: 0
}

.modal.labeling .details .steps .step .filter .option {
    color: #444444;
    background: #FFFFFF;
    padding: 3px 5px
}

.modal.labeling .details .steps .step .filter .option:hover {
    color: #FFFFFF;
    background: #039DF6
}

.modal.lovers {
    width: 620px
}

.modal.lovers .scroller {
    width: 620px;
    max-height: 540px
}

.modal.lovers .scroller .lover_bricks {
    padding: 20px;
    padding-bottom: 0;
    width: 620px;
    display: inline-block;
    max-height: 540px
}

.modal.lovers .scroller .lover_bricks .user.brick:nth-child(2n+1) {
    margin-left: 0
}

.modal.lovers .scroller .lover_bricks .user.brick:nth-child(2n+2) {
    margin-right: 0
}

.modal.lovers .scroller .lover_bricks .ohno {
    text-align: center;
    padding: 50px;
    font-size: 18px
}

.modal.player {
    position: fixed;
    background: #000000;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    width: 852px;
    height: 480px;
    margin: -240px -426px
}

@media screen and (min-width: 852px) and (min-height: 480px) {
    .modal.player {
        width: 852px;
        height: 480px;
        margin: -240px -426px
    }
}

@media screen and (min-width: 1280px) and (min-height: 720px) {
    .modal.player {
        width: 1280px;
        height: 720px;
        margin: -360px -640px
    }
}

@media screen and (min-width: 1920px) and (min-height: 1080px) {
    .modal.player {
        width: 1920px;
        height: 1080px;
        margin: -540px -960px
    }
}

.modal.player .embed {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    margin: 0;
    padding: 0
}

.modal.player .close {
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    z-index: 80;
    top: 10px;
    right: 10px;
    position: absolute
}

.modal.redeem {
    width: 600px
}

.modal.redeem .header .title {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #444444
}

.modal.redeem .subtext {
    margin-top: 20px
}

.modal.redeem .entries {
    width: 500px;
    margin: 0 auto
}

.modal.redeem .redeem_credit {
    padding: 15px;
    background-color: #F4F4F4;
    text-align: center
}

.modal.redeem .redeem_credit span {
    color: #444444
}

.modal.redeem .redeem_label {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    margin-top: 10px
}

.modal.redeem .error {
    float: right
}

.modal.reveal {
    background: #F4F4F4;
    width: 530px
}

.modal.reveal .header {
    padding: 10px 50px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    letter-spacing: 0.4px
}

.modal.reveal .header .notes {
    margin-top: 10px
}

.modal.reveal .image {
    display: block;
    margin: 20px auto
}

.modal.shared .header {
    border-bottom: 1px solid #C1C1C1
}

.modal.shared .footer {
    border-top: 1px solid #C1C1C1
}

.modal.shared .header .title,
.modal.shared .footer .title {
    color: #494949;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 48px
}

.modal.shared .header .counts,
.modal.shared .footer .counts {
    color: #909090;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.modal.shared .notes .note {
    padding: 20px 50px;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #C1C1C1
}

.modal.shared .notes .note:last-child {
    border-bottom: none
}

.modal.shared .notes .note::after {
    clear: both;
    content: "";
    display: table
}

.modal.shared .notes .note .spacer {
    color: #C1C1C1
}

.modal.shared .notes .note .text {
    color: #494949;
    margin-right: 80px
}

.modal.shared .notes .note .date {
    float: right;
    color: #909090
}

.multipane::after {
    clear: both;
    content: "";
    display: table
}

.multipane .sidebar {
    width: 200px;
    float: left;
    background: #FFFFFF;
    border: 1px solid #C1C1C1
}

.multipane .preview {
    width: 380px;
    float: right;
    background: #FFFFFF;
    border: 1px solid #C1C1C1
}

.multipane .panel {
    width: 580px;
    float: left;
    background: #FFFFFF;
    border: 1px solid #C1C1C1
}

.multipane .panel .steps {
    padding: 20px 50px
}

.multipane .panel .steps .step {
    position: relative;
    min-height: 400px;
    max-height: 1000px
}

.multipane .panel .steps .step .field {
    margin: 0 0 10px
}

.multipane .panel .steps .step .field::after {
    clear: both;
    content: "";
    display: table
}

.multipane .panel .steps .step .field span,
.multipane .panel .steps .step .field label {
    display: table-cell;
    vertical-align: middle;
    height: 50px
}

.multipane .panel .steps .step .field .info {
    float: left;
    width: 120px;
    height: 50px
}

.multipane .panel .steps .step .field .inputs {
    float: left;
    width: 180px;
    height: 50px
}

.multipane .panel .steps .step .clearing {
    margin: 0 0 10px
}

.multipane .panel .steps .step .clearing::after {
    clear: both;
    content: "";
    display: table
}

.multipane .panel .steps .step .actions {
    float: right
}

.multipane .panel .steps .step .title {
    color: #444444;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 10px
}

.multipane .panel .steps .step .spacer {
    height: 20px
}

.multipane .panel .steps .step .disclaimer {
    color: #C1C1C1;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.multipane .panel .steps .step #pricedisclaimer {
    border: 1px solid #C1C1C1;
    padding: 4px
}

.multipane .panel .steps .step #pricedisclaimer p {
    color: #C1C1C1
}

.multipane .panel .steps .step .or {
    margin: 10px 0;
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

.multipane .panel .steps .step .help {
    text-align: right
}

.multipane .panel .steps .step .earnings {
    padding: 12px;
    color: #35D7A8
}

.multipane .panel .steps .step input[type="color"],
.multipane .panel .steps .step input[type="date"],
.multipane .panel .steps .step input[type="datetime"],
.multipane .panel .steps .step input[type="datetime-local"],
.multipane .panel .steps .step input[type="email"],
.multipane .panel .steps .step input[type="month"],
.multipane .panel .steps .step input[type="number"],
.multipane .panel .steps .step input[type="password"],
.multipane .panel .steps .step input[type="search"],
.multipane .panel .steps .step input[type="tel"],
.multipane .panel .steps .step input[type="text"],
.multipane .panel .steps .step input[type="time"],
.multipane .panel .steps .step input[type="url"],
.multipane .panel .steps .step input[type="week"],
.multipane .panel .steps .step input:not([type]),
.multipane .panel .steps .step textarea,
.multipane .panel .steps .step textarea,
.multipane .panel .steps .step select {
    width: 100%
}

.multipane .panel .steps .step .counted .counter {
    bottom: 10px;
    right: 20px
}

.multipane .panel .steps .step .sharing::after {
    clear: both;
    content: "";
    display: table
}

.multipane .panel .steps .step .sharing .caption {
    float: left;
    color: #C1C1C1;
    margin: 0 10px 0 0
}

.multipane .panel .steps .step .sharing .sharable {
    float: left;
    margin: 0 10px
}

.multipane .panel .base {
    border-top: 1px solid #C1C1C1
}

.multipane .panel .base::after {
    clear: both;
    content: "";
    display: table
}

.multipane .panel .base .buttons {
    float: right
}

.multipane .panel .base .buttons::after {
    clear: both;
    content: "";
    display: table
}

.multipane .panel .base .buttons .button {
    margin-right: 1px;
    float: left;
    width: 80px
}

.multipane .panel .base .buttons .button:last-child {
    margin-right: 0
}

ul.inlined,
ol.inlined,
ul.stacked,
ol.stacked {
    list-style: none
}

ul.inlined::after,
ol.inlined::after,
ul.stacked::after,
ol.stacked::after {
    clear: both;
    content: "";
    display: table
}

ul.inlined,
ul.inlined>li,
ol.inlined,
ol.inlined>li {
    margin: 0;
    padding: 0
}

ul.inlined.spaced>li,
ol.inlined.spaced>li {
    margin: 0px 18px
}

ul.inlined.tight>li,
ol.inlined.tight>li {
    margin: 0px 0px
}

ul.inlined>li,
ol.inlined>li {
    float: left;
    position: relative;
    margin: 0px 4px
}

ul.inlined>li.overflowless,
ol.inlined>li.overflowless {
    overflow: hidden
}

ul.inlined>li:last-child,
ol.inlined>li:last-child {
    margin-right: 0px
}

ul.inlined>li:first-child,
ol.inlined>li:first-child {
    margin-left: 0px
}

ul.inlined>li.divider,
ol.inlined>li.divider {
    width: 1px;
    height: 20px;
    border-left: 1px solid #F8F8F8
}

ul.inlined>li>*,
ol.inlined>li>* {
    display: block
}

ul.stacked,
ul.stacked>li,
ol.stacked,
ol.stacked>li {
    margin: 0px;
    padding: 0px
}

ul.stacked.spaced>li,
ol.stacked.spaced>li {
    margin: 12px 0px
}

ul.stacked.tight>li,
ol.stacked.tight>li {
    margin: 0px 0px
}

ul.stacked>li,
ol.stacked>li {
    float: none;
    position: relative;
    margin: 2px 0px
}

ul.stacked>li.overflowless,
ol.stacked>li.overflowless {
    overflow: hidden
}

ul.stacked>li:last-child,
ul.stacked>li:not([style*="display:none"]):last-child,
ol.stacked>li:last-child,
ol.stacked>li:not([style*="display:none"]):last-child {
    margin-bottom: 0px
}

ul.stacked>li:first-child,
ul.stacked>li:not([style*="display:none"]):first-child,
ol.stacked>li:first-child,
ol.stacked>li:not([style*="display:none"]):first-child {
    margin-top: 0px
}

ul.stacked>li.divider,
ol.stacked>li.divider {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #F8F8F8;
    margin: 12px 0
}

ul.stacked>li>*,
ol.stacked>li>* {
    bottom: block
}

.notifications {
    position: relative;
    width: 320px;
    height: 480px;
    overflow: hidden
}

.notifications .results {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 320px;
    height: 440px;
    list-style: none
}

.notifications .results .notification {
    cursor: pointer;
    position: relative;
    margin: 0px;
    padding: 25px;
    border-bottom: 1px solid #C1C1C1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #FFFFFF
}

.notifications .results .notification:last-child {
    border-bottom: none
}

.notifications .results .notification::after {
    clear: both;
    content: "";
    display: table
}

.notifications .results .notification:hover {
    background: #FFFFD9
}

.notifications .results .notification:active {
    background: #FFFFD9
}

.notifications .results .notification .avatar {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 0px
}

.notifications .results .notification .avatar img {
    width: 50px;
    height: 50px
}

.notifications .results .notification .avatar .social {
    border-radius: 25px
}

.notifications .results .notification .message {
    padding: 0px 0px 0px 62px
}

.notifications a {
    display: inline;
    margin: 0px;
    padding: 0px
}

.notifications .empty {
    border: none;
    background: none;
    padding-top: 35px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    font-size: 14px;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    box-shadow: none
}

.notifications .empty .subtitle {
    color: #444444;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

.notifications .info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.notifications .components {
    position: relative;
    height: 440px
}

.notifications .viewer {
    left: 320px
}

.notifications.viewing .viewer {
    left: 0
}

.notifications .master {
    left: 0
}

.notifications.viewing .master {
    left: -320px
}

.notifications .viewer,
.notifications .master {
    border: none;
    position: absolute;
    width: 320px;
    height: 100%;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.modal .overlay,
.drawer .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 80;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1
}

.modal .overlay.hidden,
.drawer .overlay.hidden {
    visibility: hidden;
    opacity: 0
}

.modal .overlay .centered,
.drawer .overlay .centered {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -ms-flex-align: center
}

.modal .overlay .circle,
.drawer .overlay .circle {
    width: 100px;
    height: 100px;
    margin: auto;
    border: 2px solid #FFFFFF;
    padding: 20px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%
}

.modal .overlay .circle .icon,
.drawer .overlay .circle .icon {
    color: #FFFFFF;
    width: 100%;
    height: 100%
}

.modal .overlay .exceptional .circle,
.drawer .overlay .exceptional .circle {
    background: rgba(240, 83, 109, 0.8)
}

.modal .overlay .successful .circle,
.drawer .overlay .successful .circle {
    background: rgba(3, 157, 246, 0.8)
}

.modal .overlay .title,
.drawer .overlay .title {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    color: #494949;
    text-align: center;
    font-size: 24px;
    line-height: 32px
}

.modal .overlay .description,
.drawer .overlay .description {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    color: #494949;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding: 20px
}

.modal .overlay .notes,
.drawer .overlay .notes {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #C938D2;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px
}

.drawer .overlay .circle {
    width: 70px;
    height: 70px
}

.page .grid,
.advice .grid {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.page .grid .breakless,
.advice .grid .breakless {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid
}

.page .grid .letter,
.advice .grid .letter {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    padding: 10px 20px;
    font-size: 24px;
    line-height: 24px;
    color: #444444;
    background: #FFFFFF
}

.page .grid .element,
.advice .grid .element {
    padding: 10px 20px;
    font-size: 18px;
    line-height: 18px;
    color: #039DF6;
    background: transparent
}

.pagination {
    padding: 0;
    margin: 20px 0;
    list-style: none
}

.pagination>ul,
.pagination>ol {
    display: inline-block
}

.pagination>ul>*,
.pagination>ol>* {
    display: inline
}

.pagination>ul>*>*,
.pagination>ol>*>* {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    float: left;
    padding: 4px 12px;
    border: 1px solid #F8F8F8;
    background: #FFFFFF;
    margin: 0px 0px 0px -1px
}

.pagination>ul>*>*:hover,
.pagination>ol>*>*:hover {
    background: transparent
}

.pagination>ul>*:first-child>*,
.pagination>ol>*:first-child>* {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>ul>*:last-child>*,
.pagination>ol>*:last-child>* {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>ul>*.active>*,
.pagination>ol>*.active>* {
    color: #909090;
    cursor: default;
    background: transparent
}

.pagination>ul>*.disabled>*,
.pagination>ol>*.disabled>* {
    color: #909090;
    cursor: default;
    background: transparent
}

.paginator {
    border-bottom: 1px solid #909090;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 80px
}

.paginator::after {
    clear: both;
    content: "";
    display: table
}

.paginator ul,
.paginator ol,
.paginator li {
    list-style: none;
    margin: 0;
    padding: 0
}

.paginator .total {
    float: left
}

.paginator .pagination {
    float: right;
    margin: 0
}

.pagination.override {
    border-radius: 0px;
    box-shadow: 0 0 0 0
}

.pagination.override ul {
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0
}

.pagination.override ul li {
    float: left;
    margin-left: 3px;
    margin-right: 3px
}

.pagination.override ul li:first-child {
    margin-left: 0
}

.pagination.override ul li:last-child {
    margin-right: 0
}

.pagination.override ul li.active:hover a,
.pagination.override ul li.inactive:hover a,
.pagination.override ul li.active a {
    color: #C938D2
}

.pagination.override ul li.enabled:hover a.next,
.pagination.override ul li.enabled:hover a.prev {
    border-color: #C938D2
}

.pagination.override ul li a {
    float: left;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #909090;
    background-color: transparent
}

.pagination.override ul li a.next .icon.dropdown_arrow_small {
    margin-left: 2px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.pagination.override ul li a.prev .icon.dropdown_arrow_small {
    margin-right: 2px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pagination.override ul li a.next,
.pagination.override ul li a.prev {
    width: 18px;
    height: 18px;
    text-align: center;
    border: 1px solid #909090;
    border-radius: 11px;
    line-height: 17px
}

.pagination.override ul li a .icon.dropdown_arrow_small {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: 10px
}

.picker .autocomplete {
    min-height: 0px;
    max-height: 100px;
    overflow-y: auto;
    margin: 0 0 8px;
    width: 500px
}

.picker .autocomplete::after {
    clear: both;
    content: "";
    display: table
}

.picker .autocomplete .result {
    cursor: pointer;
    padding: 4px;
    width: 158px;
    display: block;
    float: left;
    margin-left: 2px;
    margin-bottom: 2px
}

.picker .autocomplete .result::after {
    clear: both;
    content: "";
    display: table
}

.picker .autocomplete .result:nth-child(3n+1) {
    margin-left: 0
}

.picker .autocomplete .result:nth-child(3n+3) {
    margin-right: 0
}

.picker .autocomplete .result .truncated {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.picker .autocomplete .result.muted {
    color: #FFFFFF;
    background: #C1C1C1
}

.picker .autocomplete .result.muted.active {
    color: #FFFFFF;
    background: #C938D2
}

.picker .autocomplete .result.regular {
    color: #444444;
    background: #FFFFFF
}

.picker .autocomplete .result.regular.active {
    color: #C938D2;
    background: #FFFFFF
}

.picker .autocomplete .result .block {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 4px 0 0
}

.picker .autocomplete .result .delete {
    float: right;
    display: none;
    padding: 0 4px
}

.picker .autocomplete .result.active .delete {
    display: block
}

.pill {
    background: #C938D2;
    height: 50px;
    padding: 15px 30px;
    border-radius: 25px
}

.pill * {
    color: #FFFFFF;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.pill *:hover {
    color: #FFFFFF;
    opacity: 0.8
}

#press .articles .article {
    margin: 0 0 20px
}

#press .articles .article::after {
    clear: both;
    content: "";
    display: table
}

#press .articles .article .logo {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    width: 140px;
    height: 140px;
    float: left
}

#press .articles .article .details {
    margin-left: 160px
}

.summary_of_charges .price_recap {
    margin-bottom: 15px;
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
    padding: 15px 0;
    float: left
}

.summary_of_charges .savings_total {
    float: left;
    width: 100%
}

.summary_of_charges .sum_row {
    float: left;
    width: 100%;
    padding-bottom: 5px
}

.summary_of_charges .sum_row:last-child {
    margin-bottom: 0
}

.summary_of_charges .sum_row.red {
    color: #F0536D
}

.summary_of_charges .sum_row .row_label {
    text-transform: capitalize;
    float: left
}

.summary_of_charges .sum_row .row_label.bold {
    font-weight: bold
}

.summary_of_charges .sum_row .amount {
    float: right;
    text-transform: capitalize
}

.summary_of_charges .sum_row .amount.bold {
    font-weight: bold
}

#profile {
    margin-top: -10px
}

#profile .header .card {
    background: #FFFFFF;
    height: 250px
}

#profile .header .card::after {
    clear: both;
    content: "";
    display: table
}

#profile .header .card .avatar {
    margin: 50px;
    width: 150px;
    height: 150px;
    float: left
}

#profile .header .card .avatar img {
    width: 150px;
    height: 150px;
    border-radius: 50%
}

#profile .header .card .meta {
    float: left;
    margin: 40px 0;
    width: 560px;
    height: 170px;
    position: relative
}

#profile .header .card .meta .username {
    color: #909090;
    margin: 2px 0;
    font-size: 14px;
    line-height: 14px;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

#profile .header .card .meta .realname {
    color: #494949;
    margin: 2px 0;
    font-size: 24px;
    line-height: 24px;
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500
}

#profile .header .card .meta .tagline {
    color: #494949;
    font-size: 14px;
    line-height: 14px
}

#profile .header .card .meta .website {
    color: #494949;
    font-size: 14px;
    line-height: 14px
}

#profile .header .card .meta .reviews {
    margin: 2px 0
}

#profile .header .card .meta .reviews::after {
    clear: both;
    content: "";
    display: table
}

#profile .header .card .meta .reviews .stars {
    float: left
}

#profile .header .card .meta .reviews .details {
    float: left;
    margin: 0 8px
}

#profile .header .card .meta .reviews .details .arrow {
    font-family: arial;
    font-size: 22px
}

#profile .header .card .meta .actions {
    position: absolute;
    bottom: 0
}

#profile .header .card .meta .actions::after {
    clear: both;
    content: "";
    display: table
}

#profile .header .card .stats {
    float: left;
    margin: 40px 0px;
    height: 170px;
    width: 200px;
    padding: 0 20px;
    border-left: 1px solid #F8F8F8
}

#profile .header .card .stats>*:first-child:nth-last-child(3):first-child,
#profile .header .card .stats>*:first-child:nth-last-child(3) ~ *:first-child {
    margin-top: 20px
}

#profile .header .card .stats>*:first-child:nth-last-child(3):last-child,
#profile .header .card .stats>*:first-child:nth-last-child(3) ~ *:last-child {
    margin-top: 20px
}

#profile .header .card .stats .stat {
    margin: 16px 0px
}

#profile .header .card .stats .stat:first-child {
    margin-top: 0px
}

#profile .header .card .stats .stat:last-child {
    margin-bottom: 0px
}

#profile .header .card .stats .stat .value {
    color: #909090;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px
}

#profile .header .card .stats .stat .name {
    color: #909090;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px
}

#profile .header .card .stats .stat.link:hover .value,
#profile .header .card .stats .stat.link:hover .name {
    color: #039DF6
}

*:focus,
*:active {
    outline: 0 none !important
}

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

.page-header {
    border-bottom: 1px solid #C1C1C1;
    padding-bottom: 20px
}

.page-header .primary {
    margin: 0;
    padding: 0;
    color: #C938D2;
    font-size: 24px;
    line-height: 24px;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8)
}

.page-header .secondary {
    margin: 0;
    padding: 0;
    color: #A8A8A8;
    font-style: italic
}

.nav>li>a:hover {
    background: none
}

.nav.submenu {
    padding-left: 20px;
    padding-right: 20px
}

.nav.submenu:hover li p,
.nav.submenu:hover li.active p {
    display: none
}

.nav.submenu>li {
    display: inline-block;
    position: relative
}

.nav.submenu>li>a {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 18px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    color: #A8A8A8
}

.nav.submenu>li>a:hover {
    color: #C938D2
}

.nav.submenu li {
    margin-right: 40px
}

.nav.submenu li p {
    color: #A8A8A8;
    font-style: italic;
    position: absolute;
    white-space: nowrap;
    display: none
}

.nav.submenu li.active:hover a,
.nav.submenu li:hover a,
.nav.submenu li.active a {
    color: #C938D2
}

.nav.submenu li.active:hover p,
.nav.submenu li:hover p,
.nav.submenu li.active p {
    display: block
}

.nav.submenu li:last-child {
    margin-right: 0
}

@media only screen and (max-width: 1110px) {
    .nav.submenu li {
        margin-right: 10px
    }
}

a.collection,
a.collection:hover,
a.collection:active,
a.collection:visited {
    color: #039DF6
}

.comments .title,
.sidebar .collections .title {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    color: #444444;
    font-size: 20px;
    padding: 0 0 10px 0;
    border-bottom: 1px #C1C1C1 solid
}

.rater {
    background: #f17e29;
    margin: 12px 0
}

.rater::after {
    clear: both;
    content: "";
    display: table
}

.rater .icons {
    width: 250px;
    margin: auto
}

.rater .icons .icon {
    cursor: pointer;
    float: left;
    margin: 5px;
    width: 40px;
    height: 40px
}

#related {
    margin-top: 60px;
    margin-bottom: 30px
}

#related .recommended::after {
    clear: both;
    content: "";
    display: table
}

#related .recommended>* {
    float: left
}

#related .results {
    margin-bottom: 10px
}

#related .results::after {
    clear: both;
    content: "";
    display: table
}

#related .title {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    color: #444444;
    padding: 0 0 10px 0;
    font-size: 22px;
    font-weight: normal;
    text-transform: capitalize;
    border-bottom: 1px #C1C1C1 solid
}

input.reset,
select.reset {
    margin: inherit;
    padding: inherit;
    display: inherit;
    color: inherit;
    background: inherit;
    height: inherit;
    width: inherit;
    border-radius: inherit;
    line-height: inherit;
    vertical-align: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit
}

.reviews .text {
    color: #C1C1C1
}

.reviews.modal {
    width: 800px
}

.reviews .header {
    padding: 24px
}

.reviews .header::after {
    clear: both;
    content: "";
    display: table
}

.reviews .header .avatar {
    width: 72px;
    height: 72px;
    border: 2px solid #FFFFFF;
    background: #FFFFFF;
    float: left;
    border-radius: 50%
}

.reviews .header .meta {
    float: left;
    margin: 0 12px
}

.reviews .header .meta .username {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500
}

.reviews .header .meta .realname {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300
}

.reviews .header .meta .ratings::after {
    clear: both;
    content: "";
    display: table
}

.reviews .header .meta .ratings .stars {
    float: left
}

.reviews .header .meta .ratings .text {
    float: left;
    margin: 2px 8px
}

.reviews .entries .entry {
    padding: 24px;
    position: relative;
    border-bottom: 1px solid #C1C1C1
}

.reviews .entries .entry::after {
    clear: both;
    content: "";
    display: table
}

.reviews .entries .entry:last-child {
    border-bottom: none
}

.reviews .entries .entry .preview {
    width: 120px;
    float: left
}

.reviews .entries .entry .preview .image {
    width: 120px;
    height: 120px
}

.reviews .entries .entry .preview .name {
    text-align: center;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reviews .entries .entry .meta {
    width: 600px;
    float: left;
    margin-left: 12px
}

.reviews .entries .entry .meta .reviewer {
    margin: 12px 0
}

.reviews .entries .entry .meta .reviewer::after {
    clear: both;
    content: "";
    display: table
}

.reviews .entries .entry .meta .reviewer .avatar {
    width: 24px;
    height: 24px;
    float: left;
    border-radius: 50%
}

.reviews .entries .entry .meta .reviewer .note {
    margin: 0 4px;
    float: left
}

.reviews .entries .entry .dates {
    position: absolute;
    top: 24px;
    right: 24px
}

.reviews .entries .entry .dates .timestamp {
    margin: -2px 0;
    display: inline-block
}

.reviews .entries .entry .dates .age {
    display: inline-block
}

.rstyle-funnel .clear {
    clear: both
}

.rstyle-funnel.rstyle-finish {
    padding: 0px
}

.rstyle-funnel.rstyle-finish .split-cont {
    padding: 20px
}

.rstyle-funnel.rstyle-finish .split.left {
    padding-right: 3%;
    width: 46%
}

.rstyle-funnel.rstyle-finish .split.right {
    text-align: left;
    padding-left: 3%;
    width: 46%
}

.rstyle-funnel .rstyle-logo {
    color: #F0536D
}

.rstyle-funnel .explainer {
    font-size: 1.15em;
    font-weight: 400;
    color: #AEAEAE;
    line-height: 1.3em;
    margin-bottom: 1em
}

.rstyle-funnel .split {
    float: left
}

.rstyle-funnel .split.left {
    width: 49%
}

.rstyle-funnel .split.right {
    width: 38%
}

.rstyle-funnel .split.right {
    text-align: center
}

.rstyle-funnel .split.right .rstyle-graphic {
    height: 212px;
    width: 212px;
    border: 0;
    display: block;
    margin: 25px auto;
    padding-bottom: 25px;
    padding-top: 25px
}

.rstyle-funnel ul {
    margin: 0;
    list-style-type: none
}

.rstyle-funnel ul li {
    margin: 0 0 1em;
    font-size: 1.15em;
    line-height: 1.3em;
    color: #AEAEAE
}

.rstyle-funnel ul strong {
    color: #444444;
    font-weight: 500
}

.rstyle-funnel #more-questions {
    margin: 0 0 1em;
    font-size: 1.16em;
    line-height: 1.3em;
    color: #AEAEAE
}

.rstyle-funnel .inner-head {
    height: 450px;
    background-image: url(/images/banner-c1c780d48acbc94cb4094a8bdcc768f4a38ee8fdde48c9208e3d87592f01f47a.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-position: center center;
    background-size: cover;
    width: 100%;
    margin-bottom: 20px
}

.rstyle-funnel .inner-head .inner-head-content {
    background-color: rgba(250, 250, 250, 0.85);
    border-bottom: 1px solid #DEDEDE;
    width: 100%;
    clear: both;
    text-align: center;
    padding-bottom: 2em
}

.rstyle-funnel .inner-head .inner-head-content h1 {
    padding-top: 1em;
    padding-bottom: 1em
}

.rstyle-funnel .inner-head .inner-head-content .subtitle {
    font-size: 1.2em;
    padding-bottom: 1.5em
}

.rstyle-funnel .inner-head .inner-head-content .start-posing {
    text-align: center
}

.searchbar {
    position: relative;
    margin: 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: normal
}

.searchbar .query {
    position: relative;
    height: 40px;
    width: 173px;
    margin: 0;
    padding: 0 0 0 40px;
    font-size: 16px;
    font-weight: normal;
    background-size: 20px;
    background-position: 10px center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5MDkwOTAiIGQ9Ik00Ny45LDQ1LjZMMzIuMiwzMGMyLjctMy4yLDQuMi03LjIsNC4yLTExLjdDMzYuNSw4LjIsMjguMiwwLDE4LjIsMGMtOS44LDAtMTgsOC4yLTE4LDE4LjMNCglzOC4yLDE4LjMsMTguMywxOC4zYzQuNSwwLDguNS0xLjYsMTEuNy00LjJMNDUuNyw0OEw0Ny45LDQ1LjZ6IE0zLDE4LjNDMyw5LjgsOS45LDMuMiwxOC4yLDMuMnMxNS4xLDYuOSwxNS4xLDE1LjENCgljMCw4LjUtNi45LDE1LjEtMTUuMSwxNS4xUzMsMjYuOCwzLDE4LjN6Ii8%2BDQo8L3N2Zz4NCg%3D%3D);
    background-repeat: no-repeat;
    background-color: transparent
}

.searchbar .query:hover::-webkit-input-placeholder {
    color: #494949;
    text-shadow: none
}

.searchbar .query:hover::-moz-placeholder {
    color: #494949;
    text-shadow: none
}

.searchbar .query:hover:-moz-placeholder {
    color: #494949;
    text-shadow: none
}

.searchbar .query:hover:-ms-input-placeholder {
    color: #494949;
    text-shadow: none
}

.searchbar .query:focus::-webkit-input-placeholder {
    color: transparent;
    text-shadow: none
}

.searchbar .query:focus::-moz-placeholder {
    color: transparent;
    text-shadow: none
}

.searchbar .query:focus:-moz-placeholder {
    color: transparent;
    text-shadow: none
}

.searchbar .query:focus:-ms-input-placeholder {
    color: transparent;
    text-shadow: none
}

.searchbar .query,
.searchbar .query:focus,
.searchbar .query:active,
.searchbar .query:hover {
    border: none;
    color: #494949;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzQ5NDk0OSIgZD0iTTE4LDE3LjJsLTUuOS01LjljMS0xLjIsMS42LTIuNywxLjYtNC40YzAtMy44LTMuMS02LjktNi45LTYuOUMzLjEsMCwwLDMuMSwwLDYuOWMwLDMuOCwzLjEsNi45LDYuOSw2LjkKICBjMS43LDAsMy4yLTAuNiw0LjQtMS42bDUuOSw1LjlMMTgsMTcuMnogTTEuMSw2LjljMC0zLjIsMi42LTUuNyw1LjctNS43czUuNywyLjYsNS43LDUuN2MwLDMuMi0yLjYsNS43LTUuNyw1LjdTMS4xLDEwLjEsMS4xLDYuOXoiCiAgLz4KPC9zdmc%2BCg%3D%3D)
}

.searchbar .autocomplete {
    position: absolute;
    width: 390px;
    margin: -1px 50px;
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1
}

.searchbar .autocomplete.hidden {
    visibility: hidden;
    opacity: 0
}

.searchbar .autocomplete .results {
    margin: 10px 0
}

.searchbar .autocomplete .results .result {
    color: #C1C1C1;
    background: #FFFFFF;
    display: block;
    padding: 10px
}

.searchbar .autocomplete .results .result::after {
    clear: both;
    content: "";
    display: table
}

.searchbar .autocomplete .results .result.current,
.searchbar .autocomplete .results .result:hover,
.searchbar .autocomplete .results .result:active,
.searchbar .autocomplete .results .result:focus {
    color: #C938D2
}

.searchbar .autocomplete .results .result .icon {
    width: 20px;
    height: 20px;
    float: left
}

.searchbar .autocomplete .results .result .text {
    height: 20px;
    margin-left: 10px
}

.searchbar .autocomplete .all {
    color: #FFFFFF;
    background: #C1C1C1;
    display: block;
    padding: 10px;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.searchtabs {
    padding-bottom: 20px
}

.searchtabs .link {
    font-size: 18px;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    cursor: pointer;
    color: #FFFFFF;
    background: #C1C1C1
}

.searchtabs .link.poses.active,
.searchtabs .link.poses:hover {
    background: #C938D2
}

.searchtabs .link.products.active,
.searchtabs .link.products:hover {
    background: #039DF6
}

.searchtabs .link.users.active,
.searchtabs .link.users:hover {
    background: #35D7A8
}

.searchtabs .tabs {
    margin: 0;
    list-style-type: none;
    padding: 0
}

.searchtabs .tabs::after {
    clear: both;
    content: "";
    display: table
}

.searchtabs .tabs>*:first-child:nth-last-child(2),
.searchtabs .tabs>*:first-child:nth-last-child(2) ~ * {
    width: 50%;
    float: left
}

.searchtabs .tabs>*:first-child:nth-last-child(3),
.searchtabs .tabs>*:first-child:nth-last-child(3) ~ * {
    width: 33.33333%;
    float: left
}

.searchtabs .tabs>*:first-child:nth-last-child(4),
.searchtabs .tabs>*:first-child:nth-last-child(4) ~ * {
    width: 25%;
    float: left
}

.searchtabs .tabs .tab {
    border-right: 2px solid #F4F4F4;
    margin: 0;
    padding: 0
}

.searchtabs .tabs .tab:last-child {
    border-right: none
}

.results .retry {
    visibility: visible;
    opacity: 1
}

.results .retry.hidden {
    visibility: hidden;
    opacity: 0
}

.results .retry .button {
    width: 522px;
    margin: auto
}

.results .empty {
    height: 800px
}

.results .empty .search_title {
    font-size: 24px
}

.results .empty .search_message {
    font-size: 16px
}

.results #prod_stream_content {
    margin-top: -20px
}

.results #prod_stream_content .prod_stream_no_results {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    height: 800px;
    background-color: #FFFFFF;
    padding: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 24px;
    text-align: center
}

.results #prod_stream_content .prod_stream_no_results .no_header.main,
.results #prod_stream_content .prod_stream_no_results .search_title {
    font-size: 24px
}

.results #prod_stream_content .prod_stream_no_results .no_body.bad_search,
.results #prod_stream_content .prod_stream_no_results .search_message {
    font-size: 16px;
    margin-top: 0
}

.sections .section::after {
    clear: both;
    content: "";
    display: table
}

.sections .section .title {
    color: #909090;
    font-size: 24px;
    text-transform: uppercase
}

#settings .subtitle {
    margin-left: 148.75px
}

#settings .constrained {
    width: 585px
}

#settings .table {
    width: 585px
}

#settings .table td {
    border: none;
    text-align: left;
    vertical-align: middle
}

#settings .table tr {
    border-bottom: 1px solid #C1C1C1
}

#settings .table tr:first-child {
    border-top: 1px solid #C1C1C1
}

#settings #user_mention_push {
    width: 49%;
    margin-left: 540px
}

a.username,
a.username:hover,
a.username:active,
a.username:visited {
    color: #039DF6
}

.dollars {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    color: #35D7A8;
    font-size: 24px;
    line-height: 24px
}

.dollars[data-amount="0"] {
    color: #444444
}

.age {
    color: #909090
}

.age.red_color {
    color: #F0536D
}

.age .icon {
    float: left
}

.age .text {
    margin-left: 4px
}

.redeem_btn {
    display: block;
    position: absolute;
    width: 200px;
    height: 40px;
    margin: -60px 0 0 270px;
    background: url(/images/redeem-d675e579b153434b29fe00b65bc25c2e488b8575c2f2a2ff34d8255f86f8df57.svg)
}

.redeem_btn,
.redeem_btn:hover,
.redeem_btn:active {
    color: transparent
}

.appinfo {
    padding: 72px 0;
    color: #FFFFFF;
    background: #C938D2
}

.appinfo::after {
    clear: both;
    content: "";
    display: table
}

.pressinfo {
    padding: 48px 0
}

.pressinfo::after {
    clear: both;
    content: "";
    display: table
}

.appinfo .title,
.pressinfo .title {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 20px
}

.appinfo .subtitle,
.pressinfo .subtitle {
    font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 2px
}

.appinfo .notes,
.pressinfo .notes {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 20px
}

.appinfo .previews,
.pressinfo .previews {
    margin-left: 0;
    width: 280px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-left: 300px;
    margin-bottom: 0px
}

.appinfo .details,
.pressinfo .details {
    margin-right: 0;
    width: 580px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-bottom: 0px;
    padding: 80px 80px 80px 0px
}

.shares .card .avatar {
    width: 100px;
    height: 100px;
    display: block;
    border: 2px solid #FFFFFF;
    background: #FFFFFF;
    margin: 12px auto;
    border-radius: 50%
}

.sections .brick.stream_brick {
    text-align: center;
    text-transform: uppercase;
    background-color: #909090;
    color: #FFFFFF;
    letter-spacing: 2px;
    padding: 15px;
    height: 376px;
    float: left
}

.sections .brick.stream_brick#item {
    height: 365px
}

.sections .brick.stream_brick .steam_brick_headline {
    font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 16px;
    padding: 0
}

.sections .brick.stream_brick .image {
    margin-top: 15px;
    margin-bottom: 15px
}

.sections .brick.stream_brick .meta .title {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 5px
}

.sections .brick.stream_brick .meta .message {
    font-size: 12px;
    color: #FFFFFF;
    text-transform: none;
    letter-spacing: 0;
    text-align: left;
    margin: 0 auto;
    width: 69px;
    height: 20px;
    clear: both
}

.sections .brick.stream_brick .meta .message a {
    color: #FFFFFF
}

.sections .brick.stream_brick .meta .message a .text {
    float: left
}

.sections .brick.stream_brick .meta .message a .arrows {
    font-size: 8px;
    text-stretch: ultra-condensed;
    float: left;
    height: 14px;
    margin-left: 4px
}

.sidebar.lside {
    margin-right: -1px
}

.sidebar.lside .option.active {
    margin-right: -1px;
    border-right: 1px solid #FFFFFF
}

.sidebar.rside {
    margin-left: -1px
}

.sidebar.rside .option.active {
    margin-left: -1px;
    border-left: 1px solid #FFFFFF
}

.sidebar .option {
    border-bottom: 1px solid #C1C1C1;
    display: block;
    height: 50px;
    padding: 8px;
    margin: 0px
}

.sidebar .option::after {
    clear: both;
    content: "";
    display: table
}

.sidebar .option:last-child {
    border-bottom: none
}

.sidebar .option .name {
    color: #C1C1C1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.sidebar .option .name:hover {
    color: #039DF6
}

.sidebar .option.active .name {
    color: #039DF6
}

.sidebar .option.invalid .name {
    color: #F0536D
}

.sidebar .option .checkmark {
    width: 24px;
    height: 24px;
    margin: 4px 0px;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #C1C1C1
}

.sidebar .option .checkmark.checked {
    background-color: #039DF6;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTAuMywxNi45IDUuNCwxMiA2LjgsMTAuNiAxMC4zLDEzLjkgMTcuMiw3LjEgMTguNiw4LjYgCSIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D);
    border: 1px solid #039DF6
}

.sidebar .option.invalid .checkmark,
.sidebar .option.invalid .checkmark.checked {
    background-color: #F0536D;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMy41LDE4LjhoLTMuMXYtMi45aDMuMVYxOC44eiBNMTMuMSwxNC4xSDExbC0wLjctOC45aDMuNUwxMy4xLDE0LjF6Ii8%2BDQo8L2c%2BDQo8L3N2Zz4NCg%3D%3D);
    border: 1px solid #F0536D
}

.sidebar .option .name {
    font-size: 14px;
    line-height: 16px;
    margin-left: 28px
}

.sidebar .option .name .valign {
    height: 32px;
    display: table-cell;
    vertical-align: middle
}

.social {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    background: #EEEEEE;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.social>.icon {
    margin: 10px;
    width: 20px;
    height: 20px
}

.social>.text {
    display: none
}

.social:hover {
    background: #DDDDDD
}

.social:active {
    background: #CCCCCC
}

.social.static,
.social.static:hover,
.social.static:active {
    background: #FFFFFF
}

.social.static .icon,
.social.static:hover .icon,
.social.static:active .icon {
    opacity: 0.5
}

.social.fb:hover,
.social.fb:active {
    background: #3B5998
}

.social.tw:hover,
.social.tw:active {
    background: #00ACED
}

.social.ig:hover,
.social.ig:active {
    background: #517FA4
}

.social.pt:hover,
.social.pt:active {
    background: #CB2027
}

.social.tu:hover,
.social.tu:active {
    background: #32506D
}

.social.yt:hover,
.social.yt:active {
    background: #BB0000
}

.sort_menu {
    position: relative;
    display: inline-block;
    cursor: pointer;
    min-width: 145px;
    padding: 5px 10px 3px 10px;
    background: white;
    margin: 2px 0 0 10px
}

.sort_menu.active {
    background: white
}

.sort_menu.active .icon.dropdown_arrow_small {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sort_menu.active .sort_title {
    text-decoration: none
}

.sort_menu .icon.dropdown_arrow_small {
    display: inline-block;
    margin-top: 6px;
    float: right;
    width: 12px;
    height: 10px
}

.sort_menu .sort_title {
    text-transform: capitalize;
    text-align: left;
    float: left;
    padding-right: 10px
}

.sort_menu .dropdown.sort {
    right: -1px;
    margin: 0;
    text-align: left;
    text-transform: capitalize;
    width: 101%;
    min-width: 147px;
    box-shadow: none;
    top: 28px;
    padding: 7px 10px;
    border-left: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4
}

.sort_menu .dropdown.sort:before {
    border: 0
}

.sort_menu .dropdown.sort .sort_option {
    margin-bottom: 5px
}

.sort_menu .dropdown.sort .sort_option:last-child {
    margin-bottom: 0
}

.sort_menu .dropdown.sort .sort_option:hover,
.sort_menu .dropdown.sort .sort_option.selected {
    color: #C938D2
}

.spinner {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1
}

.spinner.loader {
    background-image: url(/images/loader-1a2d8f1db39f5dec51f5c0f908bb2b360e301a26cf08d8f65c1bd064ee3af941.gif)
}

.spinner.loader {
    width: 102px;
    height: 102px
}

.spinner.hidden {
    visibility: hidden;
    opacity: 0
}

.spinner.dots.centered {
    top: 50%;
    left: 50%;
    margin: -6px;
    z-index: 4000
}

.spinner.dots.margined {
    margin: 80px auto
}

.spinner.dots,
.spinner.dots:before,
.spinner.dots:after {
    background: #C938D2
}

.spinner.dots.soft,
.spinner.dots.soft:before,
.spinner.dots.soft:after {
    background: #FFFFFF
}

.spinner.dots.hard,
.spinner.dots.hard:before,
.spinner.dots.hard:after {
    background: #000000
}

.spinner.dots,
.spinner.dots:before,
.spinner.dots:after {
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: fader 1.2s infinite ease-in-out;
    -moz-animation: fader 1.2s infinite ease-in-out;
    animation: fader 1.2s infinite ease-in-out
}

.spinner.dots:before {
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    animation-delay: -1.2s;
    right: 24px
}

.spinner.dots:after {
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
    animation-delay: -0.4s;
    left: 24px
}

.spinner.dots {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    animation-delay: -0.8s;
    position: relative;
    margin: 20px auto
}

@-webkit-keyframes bounce {
    25% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
    75% {
        -webkit-transform: scale(0)
    }
}

@-moz-keyframes bounce {
    25% {
        -moz-transform: scale(0)
    }
    50% {
        -moz-transform: scale(1)
    }
    75% {
        -moz-transform: scale(0)
    }
}

@keyframes bounce {
    25% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes fader {
    0% {
        opacity: 0.2
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.2
    }
}

@-moz-keyframes fader {
    0% {
        opacity: 0.2
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.2
    }
}

@keyframes fader {
    0% {
        opacity: 0.2
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.2
    }
}

.stars::after {
    clear: both;
    content: "";
    display: table
}

.stars .star {
    float: left;
    margin: 2px
}

.stars .star:first-child {
    margin-left: 0px
}

.stars .star:last-child {
    margin-right: 0px
}

.wall::after {
    clear: both;
    content: "";
    display: table
}

.bricks {
    position: relative;
    margin: 0 0 -20px;
    visibility: visible;
    opacity: 1
}

.bricks:empty {
    display: none
}

.bricks::after {
    clear: both;
    content: "";
    display: table
}

.bricks.hidden {
    visibility: hidden;
    opacity: 0
}

.retry {
    visibility: visible;
    opacity: 1
}

.retry.hidden {
    visibility: hidden;
    opacity: 0
}

.retry .button {
    width: 522px;
    margin: auto
}

.stylepicks .header {
    height: 140px;
    padding: 25px;
    background: #F4F4F4
}

.stylepicks .header .title {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    color: #494949;
    text-align: center;
    font-size: 34px;
    line-height: 42px
}

.stylepicks .header .subtitle {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    color: #909090;
    text-align: center;
    font-size: 16px;
    line-height: 18px
}

.stylepicks .header .done {
    width: 140px;
    position: fixed;
    top: 174px;
    right: 20px;
    z-index: 80
}

.stylepicks .recommendations .recommendation {
    padding: 10px;
    background: #FFFFFF;
    margin: 25px 0;
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.stylepicks .recommendations .recommendation::after {
    clear: both;
    content: "";
    display: table
}

.stylepicks .recommendations .recommendation:first-child {
    margin-top: 0
}

.stylepicks .recommendations .recommendation:last-child {
    margin-bottom: 0
}

.stylepicks .recommendations .recommendation .follow,
.stylepicks .recommendations .recommendation .unfollow {
    cursor: pointer;
    text-align: center
}

.stylepicks .recommendations .recommendation .title {
    position: relative;
    height: 40px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #C1C1C1;
    margin: 10px 0
}

.stylepicks .recommendations .recommendation .title::after {
    clear: both;
    content: "";
    display: table
}

.stylepicks .recommendations .recommendation .title .action {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    float: right;
    color: #C938D2;
    font-size: 18px;
    line-height: 24px
}

.stylepicks .recommendations .recommendation .title .name {
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    float: left;
    color: #444444;
    font-size: 18px;
    line-height: 24px
}

.stylepicks .recommendations .recommendation .users {
    margin: 0 24px
}

.stylepicks .recommendations .recommendation .users::after {
    clear: both;
    content: "";
    display: table
}

.stylepicks .recommendations .recommendation .users .user {
    width: 150px;
    height: 200px;
    float: left;
    margin: 10px 25px
}

.stylepicks .recommendations .recommendation .users .user .circle {
    display: block;
    cursor: pointer;
    background: #FFFFFF;
    border: 2px solid #C1C1C1;
    width: 150px;
    height: 150px;
    border-radius: 50%
}

.stylepicks .recommendations .recommendation .users .user .circle .dots {
    margin: 68px 46px
}

.stylepicks .recommendations .recommendation .users .user .circle .dots .dot {
    width: 10px;
    height: 10px;
    margin: 4px;
    display: block;
    float: left;
    background: #C1C1C1
}

.stylepicks .recommendations .recommendation .users .user .image {
    display: block;
    cursor: pointer;
    position: relative;
    background: #FFFFFF;
    overflow: hidden;
    width: 150px;
    height: 150px;
    border-radius: 50%
}

.stylepicks .recommendations .recommendation .users .user .overlay {
    background: rgba(201, 56, 210, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 50%;
    opacity: 0
}

.stylepicks .recommendations .recommendation .users .user .overlay:hover,
.stylepicks .recommendations .recommendation .users .user .overlay.active {
    opacity: 1
}

.stylepicks .recommendations .recommendation .users .user .overlay .action,
.stylepicks .recommendations .recommendation .users .user .overlay.active .text,
.stylepicks .recommendations .recommendation .users .user .overlay.active:hover .action {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.stylepicks .recommendations .recommendation .users .user .overlay .text,
.stylepicks .recommendations .recommendation .users .user .overlay.active .action,
.stylepicks .recommendations .recommendation .users .user .overlay.active:hover .text {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.stylepicks .recommendations .recommendation .users .user .overlay * {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 64px 0;
    font-size: 18px;
    line-height: 18px;
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -ms-flex-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.stylepicks .recommendations .recommendation .users .user .overlay .avatar {
    width: 100%;
    height: 100%
}

.stylepicks .recommendations .recommendation .users .user .username,
.stylepicks .recommendations .recommendation .users .user .more {
    margin: 4px 0;
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-align: center
}

.stylepicks .recommendations .recommendation .users .user .realname {
    margin: 4px 0;
    color: #494949;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.stylepicks .recommendations .recommendation .users .user .tagline {
    margin: 4px 0;
    color: #909090;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.stylepicks .recommendations .recommendation .users .user .username,
.stylepicks .recommendations .recommendation .users .user .realname,
.stylepicks .recommendations .recommendation .users .user .tagline,
.stylepicks .recommendations .recommendation .users .user .more {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.subnav {
    margin: 20px 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #F8F8F8
}

.subnav::after {
    clear: both;
    content: "";
    display: table
}

.subnav * {
    cursor: pointer;
    color: #444444
}

.subnav *:focus,
.subnav *:hover,
.subnav *.active {
    color: #C938D2
}

.subnav .menu {
    float: left
}

.subnav .menu::after {
    clear: both;
    content: "";
    display: table
}

.subnav .filters {
    float: right
}

.subnav .filters::after {
    clear: both;
    content: "";
    display: table
}

.subnav li.active a span {
    color: #C938D2
}

.tiles::after {
    clear: both;
    content: "";
    display: table
}

.tiles .tile {
    width: 300px;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}

.tiles .tile.portrait {
    height: 620px
}

.tiles .tile.landscape {
    width: 620px
}

.tiles .tile .caption {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    padding: 10px;
    font-size: 18px;
    font-style: italic;
    color: #444444;
    background: #F4F4F4;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0
}

.tiles .tile:hover .caption {
    opacity: 1
}

.trigger {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.trigger .badge {
    top: -15px;
    right: -15px;
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0px;
    color: #FFFFFF;
    background: #F0536D;
    border: 2px solid #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    line-height: 28px;
    text-shadow: none;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1
}

.trigger .badge.hidden {
    visibility: hidden;
    opacity: 0
}

.uploadselection::after {
    clear: both;
    content: "";
    display: table
}

.uploadselection .options>.option:first-child {
    margin-left: 50px
}

.uploadselection .options>.option:last-child {
    margin-right: 50px
}

.uploadselection .options .option {
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    padding: 50px;
    width: 480px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

.uploadselection .options .option .preview {
    display: block;
    margin: 20px auto;
    width: 150px;
    height: 150px;
    border-radius: 50%
}

.uploadselection .options .option .title {
    font-size: 24px;
    height: 40px
}

.uploadselection .options .option .description {
    font-size: 14px;
    height: 54px
}

.uploadselection .options .option .button {
    width: 200px;
    margin: auto
}

.uploadselection .options .option.list .preview {
    background-size: cover;
    background-image: url(/images/list-5ae708f85c662567ce8b7cc04c71b3588892148db2651b1fb80e92980b43b696.jpg)
}

.uploadselection .options .option.pose .preview {
    background-size: cover;
    background-image: url(/images/pose-88cdd64f531f00a0b928f66fb4e7bbd73b322285f13435ec14f08105ba5ba483.jpg)
}

.uploadselection .options .or {
    width: 80px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 200px 0 0;
    text-align: center;
    font-size: 18px;
    line-height: 24px
}

.gallery {
    margin: 20px 0
}

.gallery::after {
    clear: both;
    content: "";
    display: table
}

.gallery .entry {
    overflow: hidden;
    position: relative;
    background: #C1C1C1;
    width: 74px;
    height: 74px;
    display: block;
    float: left;
    margin-left: 24px;
    margin-bottom: 24px
}

.gallery .entry:nth-child(5n+1) {
    margin-left: 0
}

.gallery .entry:nth-child(5n+5) {
    margin-right: 0
}

.gallery .entry .destroy {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -ms-flex-align: center;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.8)
}

.gallery .entry .destroy:hover {
    color: white;
    background: rgba(0, 0, 0, 0.6)
}

.list::after {
    clear: both;
    content: "";
    display: table
}

.list .entry {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 1px;
    cursor: pointer;
    font-size: 18px;
    line-height: 50px
}

.list .entry::after {
    clear: both;
    content: "";
    display: table
}

.list .entry:last-child {
    margin-bottom: 0
}

.list .entry .text {
    color: #FFFFFF;
    background: #C1C1C1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-right: 52px
}

.list .entry .text:hover {
    color: #FFFFFF;
    background: #C938D2
}

.list .entry .text::after {
    clear: both;
    content: "";
    display: table
}

.list .entry .text .truncate {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px
}

.list .entry .buttons {
    background: #FFFFFF;
    float: right
}

.list .entry .buttons::after {
    clear: both;
    content: "";
    display: table
}

.list .entry .buttons .button {
    margin-right: 1px;
    float: left;
    display: inline;
    padding: 0 20px
}

.list .entry .buttons .button:last-child {
    margin-right: 0
}

.multipane .preview {
    position: relative
}

.multipane .preview .hero {
    position: relative
}

.multipane .preview .hero .clipping {
    width: 380px;
    height: 380px;
    overflow: hidden
}

.multipane .preview .pending {
    color: #C1C1C1
}

.multipane .preview .selected {
    color: #444444
}

.multipane .preview .extras .clipping {
    width: 80px;
    height: 80px;
    overflow: hidden
}

.multipane .preview .retail {
    text-decoration: line-through
}

.multipane .preview .name {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0 4px
}

.multipane .preview .description {
    padding: 4px 0 0
}

.multipane .preview .caption {
    text-align: center;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 4px;
    color: #FFFFFF;
    background: rgba(68, 68, 68, 0.2)
}

.multipane .preview .tags {
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px
}

.multipane .preview .tags .tag {
    color: #FFFFFF;
    background: rgba(68, 68, 68, 0.2);
    padding: 4px;
    margin-bottom: 1px
}

.multipane .preview .tags .tag:last-child {
    margin-bottom: 0
}

.multipane .preview .extras {
    padding: 20px
}

.multipane .preview .extras::after {
    clear: both;
    content: "";
    display: table
}

.multipane .preview .extras .extra {
    width: 80px;
    display: block;
    float: left;
    margin-left: 6px
}

.multipane .preview .extras .extra:nth-child(4n+1) {
    margin-left: 0
}

.multipane .preview .extras .extra:nth-child(4n+4) {
    margin-right: 0
}

.multipane .preview .attributes {
    padding: 20px
}

.multipane .preview .attributes::after {
    clear: both;
    content: "";
    display: table
}

.rstyle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI%2BDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzMycHgiIGhlaWdodD0iNzhweCIgdmlld0JveD0iMCAwIDMzMiA3OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzMyIDc4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJibGFja19sb2dvIj4NCgk8Zz4NCgkJPHBhdGggZD0iTTEuMjY3LDIzLjEzM2gzLjQzNXYzLjgyYzEuMDI0LTEuNTA1LDIuMTA0LTIuNjI5LDMuMjQzLTMuMzc2YzEuMTM4LTAuNzQ0LDIuMzIyLTEuMTE3LDMuNTU2LTEuMTE3DQoJCQljMC45MjksMCwxLjkyMSwwLjI5NiwyLjk3OSwwLjg4OWwtMS43NTQsMi44MzVjLTAuNzA1LTAuMzA0LTEuMjk4LTAuNDU3LTEuNzc3LTAuNDU3Yy0xLjEyMiwwLTIuMjAyLDAuNDU5LTMuMjQzLDEuMzgyDQoJCQljLTEuMDQyLDAuOTIyLTEuODM1LDIuMzUtMi4zOCw0LjI4N2MtMC40MTYsMS40ODktMC42MjQsNC41MDEtMC42MjQsOS4wMzN2OC44NEgxLjI2N1YyMy4xMzN6Ii8%2BDQoJCTxwYXRoIGQ9Ik0zOS41OTYsNDAuNTk5bDIuODMzLDEuNDljLTAuOTMsMS44MjYtMi4wMDQsMy4yOTktMy4yMjIsNC40MmMtMS4yMTksMS4xMjEtMi41ODgsMS45NzUtNC4xMTIsMi41NTkNCgkJCWMtMS41MjIsMC41ODQtMy4yNDYsMC44NzctNS4xNjksMC44NzdjLTQuMjY1LDAtNy41OTgtMS4zOTYtMTAuMDA0LTQuMTkxYy0yLjQwMy0yLjc5Ny0zLjYwNS01Ljk1NS0zLjYwNS05LjQ3OQ0KCQkJYzAtMy4zMTMsMS4wMTctNi4yNywzLjA1NC04Ljg2NGMyLjU4LTMuMjk4LDYuMDM0LTQuOTQ5LDEwLjM2My00Ljk0OWM0LjQ1NiwwLDguMDE0LDEuNjksMTAuNjc1LDUuMDY5DQoJCQljMS44OTEsMi4zODcsMi44NTQsNS4zNjYsMi44ODYsOC45MzdIMTkuNzc2YzAuMDYzLDMuMDM3LDEuMDM0LDUuNTI1LDIuOTEsNy40NjZjMS44NzcsMS45NDEsNC4xOTIsMi45MTIsNi45NSwyLjkxMg0KCQkJYzEuMzMyLDAsMi42MjYtMC4yMywzLjg4NS0wLjY5M3MyLjMyOC0xLjA3OCwzLjIxMS0xLjg0NEMzNy42MTQsNDMuNTQyLDM4LjU2OCw0Mi4zMDQsMzkuNTk2LDQwLjU5OXogTTM5LjU5NiwzMy41NTkNCgkJCWMtMC40NS0xLjc5My0xLjEwNC0zLjIyNy0xLjk2My00LjI5OWMtMC44NTgtMS4wNzMtMS45OTMtMS45MzgtMy40MDItMi41OTVjLTEuNDEyLTAuNjU3LTIuODk1LTAuOTg1LTQuNDUtMC45ODUNCgkJCWMtMi41NjYsMC00Ljc3LDAuODI1LTYuNjE0LDIuNDc1Yy0xLjM0OCwxLjIwMS0yLjM2NiwzLjAwMy0zLjA1NCw1LjQwNEgzOS41OTZ6Ii8%2BDQoJCTxwYXRoIGQ9Ik00NC44MDgsMjMuMTMzaDMuNDYxbDguMDEsMTguOTc5bDguMzQtMTguOTc5aDAuNjA5bDguMzk1LDE4Ljk3OWw4LjE2Ny0xOC45NzloMy40OThMNzMuOTMyLDQ5LjI3MWgtMC42MjRsLTguMzU3LTE4LjcxNA0KCQkJbC04LjM1NCwxOC43MTRoLTAuNjI2TDQ0LjgwOCwyMy4xMzN6Ii8%2BDQoJCTxwYXRoIGQ9Ik0xMTMuOTg0LDIzLjEzM3YyNi4xMzdoLTMuMzE2di00LjQ5MmMtMS40MDgsMS43MTUtMi45ODksMy4wMDQtNC43NDMsMy44NjljLTEuNzUzLDAuODYzLTMuNjczLDEuMjk3LTUuNzU0LDEuMjk3DQoJCQljLTMuNywwLTYuODU3LTEuMzQyLTkuNDc3LTQuMDI1Yy0yLjYxOC0yLjY4NC0zLjkzLTUuOTQ1LTMuOTMtOS43ODljMC0zLjc2MywxLjMyMS02Ljk4MiwzLjk2NS05LjY1OA0KCQkJYzIuNjQyLTIuNjc0LDUuODIxLTQuMDExLDkuNTM2LTQuMDExYzIuMTQ3LDAsNC4wODksMC40NTYsNS44MjgsMS4zNjljMS43MzYsMC45MTQsMy4yNjIsMi4yODIsNC41NzQsNC4xMDh2LTQuODA1SDExMy45ODR6DQoJCQkgTTEwMC41NDIsMjUuNzA0Yy0xLjg3MiwwLTMuNTk5LDAuNDU5LTUuMTgzLDEuMzgxYy0xLjU4NCwwLjkxOC0yLjg0MywyLjIxMS0zLjc4LDMuODc1Yy0wLjkzNiwxLjY2NS0xLjQwNCwzLjQyMi0xLjQwNCw1LjI4DQoJCQljMCwxLjgzOSwwLjQ3MywzLjU5OSwxLjQxNyw1LjI3N2MwLjk0NSwxLjY4LDIuMjExLDIuOTksMy44MDIsMy45MjRjMS41OTIsMC45MzgsMy4zMDEsMS40MDQsNS4xMjQsMS40MDQNCgkJCWMxLjg0LDAsMy41ODQtMC40NjUsNS4yMy0xLjM5M2MxLjY0OC0wLjkyNiwyLjkxNi0yLjE4MiwzLjgwNS0zLjc2NmMwLjg4OC0xLjU4NCwxLjMzMS0zLjM2NywxLjMzMS01LjM1Mg0KCQkJYzAtMy4wMjMtMC45OTUtNS41NS0yLjk4Ni03LjU4M0MxMDUuOTA2LDI2LjcyMSwxMDMuNDU0LDI1LjcwNCwxMDAuNTQyLDI1LjcwNHoiLz4NCgkJPHBhdGggZD0iTTExOS41NjMsMjMuMTMzSDEyM3YzLjgyYzEuMDI0LTEuNTA1LDIuMTA1LTIuNjI5LDMuMjQyLTMuMzc2YzEuMTM4LTAuNzQ0LDIuMzIyLTEuMTE3LDMuNTU2LTEuMTE3DQoJCQljMC45MjksMCwxLjkyMSwwLjI5NiwyLjk3OSwwLjg4OWwtMS43NTMsMi44MzVjLTAuNzA2LTAuMzA0LTEuMjk3LTAuNDU3LTEuNzc5LTAuNDU3Yy0xLjEyLDAtMi4yLDAuNDU5LTMuMjQxLDEuMzgyDQoJCQljLTEuMDQzLDAuOTIyLTEuODM1LDIuMzUtMi4zNzksNC4yODdjLTAuNDE3LDEuNDg5LTAuNjI0LDQuNTAxLTAuNjI0LDkuMDMzdjguODRoLTMuNDM3VjIzLjEzM3oiLz4NCgkJPHBhdGggZD0iTTE2MS42MDIsMTMuMDQ0djM2LjIyN2gtMy4zMTV2LTQuNDkyYy0xLjQwOSwxLjcxNS0yLjk5MiwzLjAwNC00Ljc0NCwzLjg2OWMtMS43NTUsMC44NjMtMy42NzIsMS4yOTctNS43NTQsMS4yOTcNCgkJCWMtMy43LDAtNi44Ni0xLjM0Mi05LjQ3Ny00LjAyNWMtMi42MTktMi42ODQtMy45MjktNS45NDUtMy45MjktOS43ODljMC0zLjc2MywxLjMyMi02Ljk4MiwzLjk2NC05LjY1OA0KCQkJYzIuNjQzLTIuNjc0LDUuODIxLTQuMDExLDkuNTM2LTQuMDExYzIuMTQ2LDAsNC4wODgsMC40NTYsNS44MjYsMS4zNjljMS43MzcsMC45MTQsMy4yNjUsMi4yODIsNC41NzcsNC4xMDhWMTMuMDQ0SDE2MS42MDJ6DQoJCQkgTTE0OC4xNjEsMjUuNzA0Yy0xLjg3MywwLTMuNjAxLDAuNDU5LTUuMTg0LDEuMzgxYy0xLjU4MywwLjkxOC0yLjg0MiwyLjIxMS0zLjc3OSwzLjg3NWMtMC45MzYsMS42NjUtMS40MDMsMy40MjItMS40MDMsNS4yOA0KCQkJYzAsMS44MzksMC40NzIsMy41OTksMS40MTYsNS4yNzdjMC45NDIsMS42OCwyLjIxLDIuOTksMy44MDQsMy45MjRjMS41OSwwLjkzOCwzLjI5OCwxLjQwNCw1LjEyMSwxLjQwNA0KCQkJYzEuODQsMCwzLjU4My0wLjQ2NSw1LjIzMS0xLjM5M2MxLjY0OC0wLjkyNiwyLjkxNi0yLjE4MiwzLjgwNC0zLjc2NnMxLjMzMi0zLjM2NywxLjMzMi01LjM1MmMwLTMuMDIzLTAuOTk1LTUuNTUtMi45ODgtNy41ODMNCgkJCUMxNTMuNTIzLDI2LjcyMSwxNTEuMDcxLDI1LjcwNCwxNDguMTYxLDI1LjcwNHoiLz4NCgkJPHBhdGggZD0iTTE3MS43ODIsMzkuNTU3YzMuOTgsMTAuNTAyLDExLjg1OCwxNi40NzMsMTkuMzM4LDE2LjQ3M2M2LjUyNiwwLDEwLjEwNy00LjY5NSwxMC4xMDctOS43ODkNCgkJCWMwLTIuMTQ2LTAuNzE4LTUuMDE0LTIuOTQ1LTcuMjQxYy01Ljg4OS01LjgxMi0xNS44MzUtNC41MzctMjIuNTItMTEuMjIyYy0yLjYyNS0yLjYyNi00LjQ1Ni02LjM2Ni00LjQ1Ni0xMS4xNDENCgkJCWMwLTcuODc5LDUuNDg5LTE0LjQwMiwxMy41MjctMTQuNDAyYzUuODg4LDAsMTAuMTg2LDMuMTg0LDEyLjU3MSwzLjE4NGMxLjc1MiwwLDMuNjYyLTEuMTE1LDQuNjk4LTMuMDI0aDAuNzkybDAuNzk4LDE1LjEyDQoJCQloLTAuNzE2Yy0xLjAzNC0xLjc1MS0yLjc4Ni01LjA5My01Ljg4Ny04LjE5OWMtMy42NjMtMy42Ni03Ljk2LTUuODA2LTEyLjA5OC01LjgwNmMtMy41ODEsMC05LjA3NCwxLjc0OS05LjA3NCw4LjU5NQ0KCQkJYzAsMi4yMjcsMC44NzcsNC42OTMsMi42MjksNi40NDRjNS45NjcsNS45NjgsMTcuMTg4LDQuNTM2LDI0LjY2OCwxMi4wMTZjMi40NjgsMi40NjgsMy45LDYuMjA4LDMuOSwxMC41MDYNCgkJCWMwLDEwLjI2Ni02LjQ0NSwxNi4zMTItMTUuODM3LDE2LjMxMmMtNi4yMDUsMC05LjYyOC0zLjAyMy0xMy40NDctMy4wMjNjLTMuMjYzLDAtNS4wMTUsMS45OS02LjM2NiwzLjEwNGgtMC43MTdWMzkuNTU3SDE3MS43ODJ6DQoJCQkiLz4NCgkJPHBhdGggZD0iTTIwOC4xMTMsMjIuODQ2aDYuOTIzVjEwLjM1MWw2LjI4OC0yLjQ2NnYxNC45NjFoMTEuNjE4djIuMzA3aC0xMS42MTh2MjEuMTY4Yy0wLjE1OSw1LjE3LDEuOTEsOC42NzQsNS40MTEsOC42NzQNCgkJCWM0LjY5NCwwLDcuMjQzLTUuMTcyLDcuMTYyLTkuODY5aDEuNDMydjEuMTE1YzAsNi4yODUtNC4zNzUsMTAuOTgyLTEwLjU4NCwxMC45ODJjLTMuNSwwLTkuOTQ1LTIuMDctOS43MDktMTAuNTg0VjI1LjA3M2gtNi45MjMNCgkJCVYyMi44NDZ6Ii8%2BDQoJCTxwYXRoIGQ9Ik0yMzUuOTA3LDIyLjg0NmgxNy45ODR2MS4zNTNoLTIuODYzYy0xLjUxMywwLTIuNTQ5LDAuMjM4LTIuNTQ5LDEuMzUyYzAsMC4zOTgsMC4xNiwwLjg3NiwwLjM5NywxLjQzMmwxMC42NjQsMjMuMjM3DQoJCQlsNy41NjEtMTguMTQ0YzAuNTU4LTEuMzU0LDAuNzk2LTIuNDY2LDAuNzk2LTMuNTAyYzAtMi44NjQtMS45OS00LjM3NS00LjIxOS00LjM3NWgtMS41OTN2LTEuMzUzaDE1LjI4djEuMjczDQoJCQljLTQuNzc1LDAtNi42MDUsMy4wMjMtOC45MTIsOC41OTRsLTEzLjIxMSwzMS41OTFjLTMuMDI1LDcuMTYyLTUuMjUyLDExLjQ2MS0xMS44NTQsMTEuNDYxYy0zLjI2NSwwLTYuMTI5LTEuNjc0LTYuMTI5LTUuMjU0DQoJCQljMC0yLjIyNywxLjgzMi00LjI5Nyw0LjEzOC00LjI5N2MyLjYyNiwwLDQuMywxLjkxMiw0LjMsNC4wNjFjMCwxLjM1NC0wLjY0LDIuODY1LTIuMTUxLDQuMDU3DQoJCQljMy45MDEsMC42MzcsNy4xNjItMi43ODUsOS4xNS03LjYzOWwzLjQyNS04LjI3NWwtMTQuNTY1LTMxLjU5M2MtMS4wMzUtMi4xNDktMS44My0yLjYyNS00LjA1OS0yLjYyNWgtMS41OVYyMi44NDZ6Ii8%2BDQoJCTxwYXRoIGQ9Ik0yNzkuNTI4LDU1LjE1M2MxLjgzMSwwLDIuNzg3LTAuNjM3LDIuNzg3LTIuOTQ1VjkuNzE1YzAtMy41OC0xLjAzNS01LjMzMS00Ljc3NC01LjMzMWgtMS40MzRWMy4wMw0KCQkJYzQuNzc2LDAsOC4wMzUtMC4yMzgsMTIuNDk3LTAuNzE3djQ5Ljg5NWMwLDIuMzg5LDAuOTUyLDIuOTQ1LDIuNzgxLDIuOTQ1aDMuMTA2djEuMzU0aC0xNy45ODh2LTEuMzU0SDI3OS41Mjh6Ii8%2BDQoJCTxwYXRoIGQ9Ik0zMjcuNzYzLDQ5LjQyNWMtNC4wNTksNS41Ny04LjU5Nyw3Ljk1Ny0xNC40MDQsNy45NTdjLTkuNzg3LDAtMTUuODM2LTguNzU0LTE1LjgzNi0xNy4yNw0KCQkJYzAtOS41NDksNi45MjUtMTcuNjY2LDE2LjU1Mi0xNy42NjZjNy4yNCwwLDEzLjQ1LDYuMDQ4LDEzLjkyOCwxNC4yNDVoLTIzLjE1N3Y0LjQ1OGMwLDkuNzg1LDQuNjE1LDE0LjMyNCwxMC41MDMsMTQuMzI0DQoJCQljNC42MTUsMCw4LjM1Ni0yLjQ2OSwxMS4yOTktNi43NjZMMzI3Ljc2Myw0OS40MjV6IE0zMjAuMjAyLDM1LjQ5OWMwLjc5Ni0xLjgzMywxLjExMy0zLjQyMywxLjExMy00Ljc3OGMwLTQuNjk0LTMuODE5LTctNy4wNzktNw0KCQkJYy00Ljg1NiwwLTkuMTUxLDMuNjYtOS4zOTEsMTEuNzc3SDMyMC4yMDJ6Ii8%2BDQoJCTxnPg0KCQkJPGc%2BDQoJCQkJPHBhdGggZD0iTTMyNi45MjcsMjYuNDA2di0yLjk4aDEuMzIzYzAuMjY2LDAsMC40NjcsMC4wMjcsMC42MDUsMC4wODFjMC4xMzksMC4wNTMsMC4yNDksMC4xNDgsMC4zMjksMC4yODMNCgkJCQkJYzAuMDg1LDAuMTM1LDAuMTI2LDAuMjg2LDAuMTI2LDAuNDVjMCwwLjIxMS0wLjA2NywwLjM4OC0wLjIwNiwwLjUzM2MtMC4xMzgsMC4xNDYtMC4zNSwwLjIzNy0wLjYzNCwwLjI3Ng0KCQkJCQljMC4xMDQsMC4wNTEsMC4xODUsMC4xLDAuMjM4LDAuMTQ5YzAuMTE0LDAuMTA2LDAuMjIyLDAuMjM4LDAuMzI3LDAuMzk3bDAuNTE3LDAuODExaC0wLjQ5NWwtMC4zOTQtMC42MjENCgkJCQkJYy0wLjExNC0wLjE3OC0wLjIxMi0wLjMxNi0wLjI4NC0wLjQxMWMtMC4wNzUtMC4wOTQtMC4xNDItMC4xNjEtMC4yLTAuMTk5Yy0wLjA1OS0wLjAzOC0wLjEyMS0wLjA2NC0wLjE4Mi0wLjA4DQoJCQkJCWMtMC4wNDMtMC4wMS0wLjExNy0wLjAxMy0wLjIxNy0wLjAxM2gtMC40NnYxLjMyM0gzMjYuOTI3eiBNMzI3LjMyMiwyNC43NGgwLjg0OGMwLjE4MSwwLDAuMzItMC4wMTcsMC40MjItMC4wNTUNCgkJCQkJYzAuMTAyLTAuMDM3LDAuMTgtMC4wOTYsMC4yMzItMC4xNzljMC4wNTQtMC4wODIsMC4wODEtMC4xNzEsMC4wODEtMC4yNjdjMC0wLjE0Mi0wLjA1My0wLjI1OC0wLjE1NC0wLjM0Nw0KCQkJCQljLTAuMTAzLTAuMDkyLTAuMjY2LTAuMTM4LTAuNDg2LTAuMTM4aC0wLjk0MlYyNC43NHoiLz4NCgkJCTwvZz4NCgkJCTxwYXRoIGQ9Ik0zMjguMDAyLDI3LjY0N2MtMS41MDcsMC0yLjczMi0xLjIyNy0yLjczMi0yLjczMmMwLTEuNTA2LDEuMjI2LTIuNzMxLDIuNzMyLTIuNzMxczIuNzMxLDEuMjI1LDIuNzMxLDIuNzMxDQoJCQkJQzMzMC43MzQsMjYuNDIxLDMyOS41MDksMjcuNjQ3LDMyOC4wMDIsMjcuNjQ3TDMyOC4wMDIsMjcuNjQ3eiBNMzI4LjAwMiwyMi41M2MtMS4zMTYsMC0yLjM4NiwxLjA3LTIuMzg2LDIuMzg1DQoJCQkJYzAsMS4zMTQsMS4wNjksMi4zODQsMi4zODYsMi4zODRjMS4zMTQsMCwyLjM4NS0xLjA3LDIuMzg1LTIuMzg0QzMzMC4zODcsMjMuNiwzMjkuMzE3LDIyLjUzLDMyOC4wMDIsMjIuNTNMMzI4LjAwMiwyMi41M3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
    background-size: 168px 38px;
    display: block;
    height: 38px;
    width: 168px;
    margin: 0 0 10px
}

.uploader {
    padding: 20px;
    position: relative;
    border: 2px dashed #C1C1C1
}

.uploader::after {
    clear: both;
    content: "";
    display: table
}

.uploader.active {
    color: #C938D2;
    border: 2px dashed #C938D2
}

.uploader .icon {
    margin: auto
}

.uploader .notes {
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

.uploader .overlay,
.uploader .progress {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.uploader .overlay.hidden,
.uploader .progress.hidden {
    visibility: hidden;
    opacity: 0
}

.uploader .overlay {
    z-index: 40;
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.uploader .overlay .notes {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #C938D2;
    margin: 50px;
    text-align: center;
    text-transform: uppercase
}

.uploader .progress {
    position: absolute;
    z-index: 80;
    height: 2px;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0%;
    background: #C938D2;
    border-radius: 0
}

.vignette {
    opacity: 1;
    z-index: 2000;
    background: rgba(255, 255, 255, 0.8)
}

.vignette.local {
    z-index: 1000
}

.minimal #content.vips {
    width: 460px;
    margin: 0 auto;
    padding: 20px 0;
    border: none
}

.minimal #content.vips::after {
    clear: both;
    content: "";
    display: table
}

.minimal #content.vips .nav.submenu {
    display: none
}

.minimal #content.vips * {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.minimal #content.vips .row:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.minimal #content.vips .row:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

#content.vips .loading {
    display: block;
    margin: auto;
    padding: 20px;
    clear: both
}

#content.vips .overview {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

#content.vips .overview .title {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Nueue CondensedBold", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #C938D2;
    font-size: 36px;
    line-height: 36px
}

#content.vips .overview .description {
    font-size: 18px;
    line-height: 18px
}

#content.vips .undo {
    padding: 10px
}

#content.vips .undo::after {
    clear: both;
    content: "";
    display: table
}

#content.vips .undo .details {
    margin: 0 0 0 60px;
    height: 50px;
    font-size: 18px;
    line-height: 24px
}

#content.vips .undo .details .action {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500
}

#content.vips .disabled .user {
    opacity: 0.2
}

#content.vips .user {
    padding: 10px;
    cursor: pointer
}

#content.vips .user::after {
    clear: both;
    content: "";
    display: table
}

#content.vips .user .avatar {
    background: #FFFFFF;
    width: 50px;
    height: 50px;
    display: block;
    float: left
}

#content.vips .user .details {
    margin: 0 60px;
    height: 50px;
    font-size: 18px;
    line-height: 24px
}

#content.vips .user .details .username {
    color: #C938D2;
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 500
}

#content.vips .user .details .realname {
    color: #444444;
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

#content.vips .user .action {
    float: right;
    width: 50px;
    height: 50px
}

#content.vips .user .action:before {
    content: "★";
    font-size: 40px;
    line-height: 40px;
    text-align: center
}

#content.vips .notes {
    font-size: 18px;
    line-height: 18px
}

#content.vips .content::after {
    clear: both;
    content: "";
    display: table
}

#content.vips .content .row {
    margin: 0;
    background: #FFFFFF;
    margin: 0 0 2px
}

#content.vips .vips {
    width: 580px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

#content.vips .vips .title {
    color: #C938D2;
    font-size: 24px;
    line-height: 24px
}

#content.vips .vips .undo .added {
    display: none
}

#content.vips .vips .user .action {
    color: #E0BF22
}

#content.vips .vips .user:hover .action {
    color: #444444
}

#content.vips .following {
    width: 580px;
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px
}

#content.vips .following .title {
    color: #C938D2;
    font-size: 24px;
    line-height: 24px
}

#content.vips .following .undo .removed {
    display: none
}

#content.vips .following .user .action {
    color: #444444
}

#content.vips .following .user:hover .action {
    color: #E0BF22
}

.widget {
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

.widget::after {
    clear: both;
    content: "";
    display: table
}

.widget .icon,
.widget .count {
    float: left;
    height: 24px;
    line-height: 24px
}

.widget .icon {
    width: 24px;
    color: #494949
}

.widget .icon.share-light {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.widget .count {
    color: #909090
}

.widget.link.alternate .text {
    color: #494949
}

.widget.link .text {
    float: left;
    height: 24px;
    line-height: 24px;
    color: #909090
}

.widget.timer {
    cursor: default
}

.widgets {
    cursor: pointer
}