/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #777;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #777;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777;
}
a {
    color: #0a87c3;
}
.sb::-webkit-scrollbar {
    width: 10px;
}
.sb::-webkit-scrollbar-thumb {
    background: #FFF;
}
.sb::-webkit-scrollbar-track {
    background: #FFF;
}
.side-nav.sb:hover::-webkit-scrollbar-thumb {
    background: #CCC;
}
.round-image {
    border-radius: 50%;
}
.pp {
    -ms-interpolation-mode: -webkit-optimize-contrast;
    image-rendering: nearest-neighbor;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: -o-pixelated;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated;
}
.btn-outline {
    color: #2979ff;
    background-color: #FFF;
    border: thin solid #2979ff;
}
.btn.white-outline {
    color: #FFf;
    background-color: inherit;
    border: thin solid #FFF;
}
.btn.white-outline:hover {
    background-color: rgba(255, 255, 255, 0.15);
}
.btn.white-outline.outline-lg {
    padding: 20px 35px;
    line-height: normal;
    height: auto;
    border-radius: 50px;
}
.btn-outline:hover {
    background-color: #EEE;
}
.fancy-text {
    font-size: 24px;
    text-shadow: 1px 1px 0px #FFF;
    color: rgba(0,0,0,0.2);
}
.card-hover {
    -webkit-transition: all .22s;
    -o-transition: all .22s;
    transition: all .22s;
}
.card-hover:hover {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.modal.modal-fixed-footer .modal-footer {
    z-index: 2;
}
.modal .show-more-drawings {
    margin-bottom: 30px;
}
table.striped>tbody>tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.pix-gallery-image [type="checkbox"]:not(:checked), .pix-gallery-image [type="checkbox"]:checked, .pix-gallery-image [type="radio"]:not(:checked), .pix-gallery-image [type="radio"]:checked  {
    opacity: 1;
}
.dm {
    margin-left: 4px;
}
.tabs {
    height: 60px;
}
.tabs .tab {
    line-height: 60px;
    height: 60px;
}
.tabs .tab a:hover, .tabs .tab a.active {
    color: #2979FF;
}
.tabs .tab a {    
    color: rgba(41, 121, 255, 0.5);
}
.tabs .indicator {
    background-color: #2979FF;
}
.blue-under {
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
}
.btn-callout {
    font-size: 14px;
    height: auto;
    line-height: inherit;
    padding: 15px 45px;
    border-radius: 50px;
}
.blue-under:after {
    content: " ";
    height: 2px;
    background-color: #0078d7;
    width: 50px;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 25px);
}
.light-bg {
    background-color: rgba(229, 236, 241, 0.5);
}
.inline-a-helper {
    color: #2084fc;
    font-size: 12px;
    text-transform: uppercase;
}
.inline-a-helper:hover {
    text-decoration: underline;
}
.btn.btn-small {
    font-size: 10px;
    padding: 10px;
    line-height: normal;
    height: auto;
}
.btn.filter-btn {
    height: auto;
    line-height: normal;
    padding: 15px 10px;
}
.btn.disabled {
    border: thin solid #CCC;
}
.qsand {
    font-family: 'Quicksand', sans-serif; 
}
.qsand.lf {
    font-size: 18px;
}
.lgft {
    font-size: 24px;
}
.dblock {
    display: inline-block;
    vertical-align: middle;
}
.bb {
    font-weight: bold;
}
.color-blue {
    color: #2979ff;
}
.br {
    border-radius: 4px;
}
.bdr {
    border-radius: 50px !important;
}
.mgauto {
    margin: 0 auto;
}
.sfz {
    font-size: 16px;
}
.small-font {
    font-size: 14px;
}
.page-h2 {
    font-size: 24px;
    font-weight: bold;
}
.page-h3 {
    font-size: 18px;
    font-weight: 500;
}
.bbr {
    border-radius: 25px !important;
}
.nm-badge {
    position: static !important;
}
.is_traced {
    font-size: 10px;
    text-transform: uppercase;
}
.open-title {
    font-size: 16px;
    text-transform: uppercase;
}
.line-th {
    border-top: thin solid #CCC;
    color: #999;
    margin-bottom: -14px;
    text-align: center;
    width: 100%;
    margin: 15px 0 0 0;
}
.line-th div {
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    top: -14px;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #FFF;
}
span.badge.new.nm-badge:after {
    content: "";
}
select.browser-default {
    border-radius: 4px;
    border-bottom: thin solid #CCC;
    background-color: #FFF;
}
.lighter-color {
    color: #CCC;
}
.pximg {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
}
table input[type="text"] {
    margin-bottom: 0;
}
.color-white {
    color: #FFF;
}
.nh {
    margin: 0;
}
.mh {
    font-size: 28px;
}
.lh {
    font-size: 34px;
}
.xlh {
    font-size: 46px;
}
.s-text {
    font-size: 10px;
}
a.underline:hover {
    text-decoration: underline;  
}
a.ul-force {
    text-decoration: underline !important;
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}
.color-red {
    color: red;
}
body {
    /* font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    /* background-color: #ecf0f1; - Update 9/24/2016 */
    background-color: #e5ecf2; /* Update 1/21/2018 */
}
body.soft-grey {
    background-color: #f5f5f5
}
body.dark {
    background-color: #111;
}
form .btn {
    font-size: 14px;
}
.overflow-y-panel {
    overflow-x: Scroll;
    white-space: nowrap;
}
.wall-extra {
    font-size: 12px;
}
.preset-swatches-container .preset-swatch {
    display: inline-block;
    background-color: #FFF;
    width: 100%;
    border-bottom: thin solid #CCC;
    border-radius: 4px;
    margin-bottom: 15px;
}
.preset-swatches-container .preset-swatch.nb {
    border-bottom: none;
}
.preset-swatches-container .preset-swatch:hover {
    cursor: pointer;
    background-color: #EEE;
}
.preset-swatches-container .preset-swatch img {
    width: 100%;
    border-radius: 4px;
}
.share-product-text {
    text-transform: uppercase;
    font-size: 12px;
}
.small-card {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    padding: 10px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #FFF;
    white-space: normal;
}
.small-card-wrapper .small-card:last-child {
    margin-right: 0;
}
.small-card.hover:hover {
    cursor: pointer;
    background-color: #EEE;
}
.small-card.active {
    background-color: #EEE;
}
.small-card .card-detail {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}
.waves-input-wrapper {
    border-radius: 4px;
}
body.white {
    background-color: #FFF;
}
.white.outline {
    border: thin solid #CCC;
}
.no-transition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.collapsible {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 4px;
    overflow: hidden;
}
.collapsible-body {
    color: #FFF;
    background-color: #346bc7;
    border-bottom: 1px solid #2979FF;
}
.collapsible-body a {
    color: #FFF;
    text-decoration: underline;
}
.row {
    margin-bottom: 0 !important;
}

.mgbt {
    margin-bottom: 20px;
}

.text-flex-image {
    padding: 10px;
}

select:focus {
    outline: inherit;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[type="radio"]:checked+label:after {
    border: 2px solid #2979ff;
    background-color: #2979ff;
}

.blue {
    background-color: #2979FF !important;
}

span.badge.new {
    line-height: normal;
    padding: 10px;
    border-radius: 20px;
}
.notifications-mobile-holder span.badge.new {
    margin-top: 0;
    height: auto;
    right: 20px;
    margin-left: inherit;
    float: right;
    margin-right: inherit;
    position: absolute;
}
.timestamp {
    font-size: 12px;
    color: #CCC;
}

.btn {
    border-radius: 4px;
}
.btn-callout {
    font-size: 14px;
    height: auto;
    line-height: inherit;
    padding: 15px 45px;
    border-radius: 50px;
}
.btn.clear {
    background-color: inherit;
}
input[type=text]:not(.browser-default):focus:not([readonly]) {
    border-bottom: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

input[type=text]:not(.browser-default):focus:not([readonly])+label {
    color: #000;
}

.modal-trigger {
    z-index: 1 !important;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-webkit-input-placeholder {
    color: #777 !important;
    font-weight: normal;
}
.nm-w {
    font-weight: normal;
}
label {
    color: #333;
    width: 100%;
    display: block;
    padding-bottom: 5px;
}
label .helper {
    color: #555;
    margin-top: 5px;
}
label textarea, label input, label .normal-input {
    margin-top: 10px;
}
label textarea {
    margin-bottom: 10px;
}
label.bold {
    font-weight: bold;
}
label .wash-text, .wash-text {
    color: rgba(0,0,0,0.2);
}

.btn.black-font {
    color: #000;
}

.btn, .btn-large {
    font-weight: normal;
    /*border-bottom: 2px solid rgba(0,0,0,0.1);*/
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

a.u:hover {
    text-decoration: underline;
}
.ff .col {
    padding: 0 15px;
}
.row .col {
    padding: 0 15px;
}
.row .col.no-padding {
    padding: 0;
}

.black-color, 
.color-black,
.footer-preview {
    color: #000;
}

.black-underline {
    color: #000;
    text-decoration: underline;
}
.il {
    display: inline-block;
    vertical-align: middle;
}

.s-badge {
    padding: 5px 7px;
    border-radius: 4px;
    color: #FFF;
    font-size: 12px;
    white-space: nowrap;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.inline-search-form {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    border: thin solid #CCC;
    border-radius: 4px;
}
.inline-search-form input[type="text"] {
    margin-bottom: 0 !important;
}
.inline-search-form .input-inline {
    border: none !important;
    outline: none;
    margin-bottom: 0;
}
.inline-search-form .input-inline:focus {
    border: none !important;    
}
.inline-search-form .search-button {
    outline: none;
    background-color: rgba(0,0,0,0.0);
    color: #000;
    border: none;
    margin: 0;
    padding: 10px;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
    font-size: 16px;
    border: thin solid #CCC;
}

.fixed-label {
    position: relative;
    top: -3px;
    font-size: 14px !important;
    color: #333;
}
[type="checkbox"].filled-in:checked+label:after {
    border: 2px solid #2979FF;
    background-color: #2979FF;
}
.input-field-ch {
    margin-top: 0px !important;
}
.normal-input {
    border: thin solid #CCC !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    width: calc(100% - 22px) !important;
    padding: 15px 10px !important;
    height: 1rem !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}
.normal-input[type="file"] {
    width: 100% !important;
    height: auto !important;
}
label .normal-input {
    margin: 10px 0 10px 0 !important;
}
label .normal-input.nomgbtm {
    margin-bottom: 0 !important;
}
.normal-input.medium-size {
    padding: 5px 8px !important;
    font-size: 14px;
}
.normal-input.input-white {
    background-color: #FFF !important;
}
.normal-input:focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: thin solid #555 !important;
}
textarea.normal-input {
    width: 100%;
    height: 120px !important;
    width: 100% !important;
}
.prompt-response-warpper textarea.normal-input {
    height: 170px !important;
}
.flexed-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flexed-row .col {
    width: 100% !important;
}
.fixed-row {
    margin-left: -15px;
    margin-right: -15px;
}
.fixed-row.less {
    margin-left: -10px;
    margin-right: -10px;
}
.static-row {
    margin: 0;
}
.static-row .col.l4 {
    margin: 0 15px 0 0;
    padding: 0;
}
.static-row .col.l4:nth-child(3n) {
    margin: 0;
}
.alert {
    padding: 5px;
    background-color: #EEE;
    margin-bottom: 5px;
}
.alert ul {
    margin: 0;
}

input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #000;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    margin-bottom: 10px;
}
.bradius {
    border-radius: 4px;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.bb {
    font-weight: bold;
}

.lhg {
    line-height: 26px;
}
/* ==========================================================================
   Pixilart Buttons
   ========================================================================== */
.btun {
    display: inline-block;
    padding: 10px 15px;
    background-color: #2979FF;
    border-radius: 4px;
    color: #FFF;
    font-size: 14px;
    outline: none;
    border: none;
}
.btun.cancel {
    background-color: #CCC;
}
.btun.cancel:focus, .btun.cancel:hover {
    background-color: #999;
}
.btun.mt {
    margin-top: 10px;
}
.btun:focus {
    background-color: #2979FF;
}
.edit-pro {
    display: none;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    padding-bottom: 0 !important;
}
.fixed-sub-menu {
    display: none;
}
.fixed-sub-menu.active {
    display: block;
    position: fixed;
    background-color: #FFF;
    width: 100%;
    z-index: 101;
    top: 50px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.06);
            box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.06);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
.menu-container, .container {
    width: 100% !important;
    max-width: 100% !important;
}
.header__wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}
.header__wrapper.tr {
    -webkit-transition: all .22s;
    -o-transition: all .22s;
    transition: all .22s;
}
.max-container {
    max-width: 1350px;
}
.main-wrapper {
    max-width: 1350px;
    position: relative;
    margin: 0 auto;
}
.min-container {
    max-width: 900px;
    padding: 0 15px;
    margin: 0 auto;
}
#main {
    margin-top: 50px;
}
.wrapper {
    margin: 0 auto;
}
#main.low {
    opacity: 0.2;
}
header .menu-nav {
    padding: 0 15px;
    height: 50px;
    color: #FFF;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: normal;
    position: relative;
    background-color: #FFF;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.125);
    box-shadow: 0 2px 10px rgba(0,0,0,.125);
}
nav .transparent-menu {
    display: none !important;
}
@media (min-width:1024px) { 
    body.transparent-menu header .menu-nav, body.transparent-menu .fixed-menu-mini {
        background-color: inherit;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    body.transparent-menu header .menu-nav .menu-drop-down .button-adjust, body.transparent-menu #mini-menu ul li a {
        color: #FFF;
    }
    body.transparent-menu #mini-menu ul li a {
        border-bottom: 3px solid rgba(0,0,0,0.0);
    }
    body.transparent-menu #mini-menu ul li a:hover {
        border-bottom: 3px solid #00A1FF;
    }
    body.transparent-menu header .menu-nav .form-container {
        background-color: #FFF;
    }
    body.transparent-menu nav a {
        color: #FFF;
    }
    body.transparent-menu nav a:hover {
        color: #FFF;
    }
    body.transparent-menu nav .transparent-menu {
        display: inline-block !important;
    }
    body.transparent-menu .non-transparent-menu {
        display: none;
    }
}
.basic-wb-page {
    padding: 10px;
    background-color: #FFF;
    border-radius: 4px;
    border-bottom: thin solid #CCC;
}
header .menu-nav .pixil-logo-home-link {
    float: left;
    position: relative;
    height: 50px;
    padding: 0 15px;
    overflow: hidden;
}
header .menu-nav .menu-drop-down {
    height: 50px;
    padding: 0 24px;
    float: left;
    overflow: hidden;
    position: relative;
}
header .menu-nav .menu-drop-down .button-adjust {
    font-size: 18px;
    height: 100%;
    position: relative;
    color: #000;
}
header .menu-nav .menu-drop-down:hover {
    background-color: rgba(255,255,255,0.08);
    cursor: pointer;
}
header .menu-nav .menu-bottons {
    float: left;
}
header .menu-nav .search-section {
    height: 50px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 15px;
    position: relative;
}
header .menu-nav .search-section .search-form {
    width: 100%;
    padding: 0 5px;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
header .menu-nav .form-container {
    width: 100%;
    min-width: 225px;
    background-color: rgba(229, 236, 241, .5);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    overflow: hidden;
    border: thin solid #f2f5f8;
}
header .menu-nav .search-section .search-text {
    margin-bottom: 0px;
    height: 2.0rem;
    border-bottom: none;
    font-weight: normal;
    font-size: 16px;
    padding: 8px;
    height: 100%;
    color: #000;
}
.side-nav li {
    line-height: 45px;
    position: relative;
}
.notifications-mobile-holder {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.side-nav a {
    height: 55px;
    line-height: 55px;
}
nav a {
    color: #333;
}
nav a:hover {
    color: #2979ff;
}
#slide-out .menu-list-item {
    color: #000;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
#slide-out .menu-list-item .fa {
    margin-right: 20px;
    width: 25px;
    font-size: 20px;
    display: inline-block;
    color: inherit;
}
#sidenav-overlay {
    /*background-color: rgba(255,255,255,0.5);*/
}
.side-nav .divider {
    margin: 8px 0;
}
header .menu-nav .form-container.active {
    border: thin solid #CCC;
}
header .menu-nav .form-container.active .search-text {
    background-color: #FFF;
    color: #000;
}
header .menu-nav .form-container.active .search-form {
    background-color: #FFF;
}
header .menu-nav .form-container.active .search-button {
    color: #000;
}
header .menu-nav .form-container.active .search-text:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}
header .menu-nav .search-section .search-text::-webkit-input-placeholder {
    color: rgba(0,0,0,1) !important;
    font-weight: normal;
}
header .menu-nav .search-section .search-text:focus::-webkit-input-placeholder {
    color: rgba(0,0,0,0.5) !important;
    font-weight: normal;
}
header .menu-nav .search-section .search-button {
    outline: none;
    background-color: rgba(0,0,0,0.0);
    color: #000;
    border: none;
    margin: 0;
}
header .menu-nav .right-nav {
    height: 50px;
}
header .menu-section .menu-link {
    height: 50px;
    padding: 0 15px;
}
.fixed-padding-nav {
    padding: 0 !important;
}
.side-nav .fixed-padding-nav:hover {
    background-color: inherit !important;
}
.userView {
    display: none;
}
.logo-side-desktop, .logo-side-desktop a {
    height: 100px;
    line-height: 100px;
    display: block;
}
.draw-button-header {
    font-size: 12px;
    background: #2979ff;
    border-radius: 4px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    text-decoration: none;
    height: 2.1rem;
    line-height: 2.2rem;
    text-transform: none;
    color: #FFF !important;
    text-transform: uppercase;
    background: -webkit-gradient(linear,left top, right top,from(#2D9BEA),to(#8d2ee4));
    background: -webkit-linear-gradient(left,#2D9BEA,#8d2ee4);
    background: -o-linear-gradient(left,#2D9BEA,#8d2ee4);
    background: linear-gradient(to right,#2D9BEA,#8d2ee4);
}
.draw-button-header:hover {
    background: #1d86d2;
    background: -webkit-gradient(linear,left top, right top,from(#2984c5),to(#8d2ee4));
    background: -webkit-linear-gradient(left,#2984c5,#8d2ee4);
    background: -o-linear-gradient(left,#2984c5,#8d2ee4);
    background: linear-gradient(to right,#2984c5,#8d2ee4);
}
.side-nav .draw-button-header {
    width: 100%;
    background-color: #0cac29 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #FFF;
    height: 2.3rem;
    line-height: 2.3rem;
    text-transform: uppercase;
    font-size: 14px !important;
    text-shadow: none;
    background-image: none;
}
.side-nav li>a.btn, .side-nav li>a.btn-large, .side-nav li>a.btn-large, .side-nav li>a.btn-flat, .side-nav li>a.btn-floating {
    margin: inherit;
}
.side-nav .button-application-side {
    padding: 20px;
}
.side-nav .no-hover:hover {
    background-color: #FFF;
}
.side-nav .pixilart-logo-large {
    margin: 10px 15px;
    padding-left: 20px;
}
header .right-section {
    height: 50px;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
header .flex-menu-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.form-main-mobile {
    display: none;
}
.shown-link-right {
    float: left;
    height: 100%;
    position: relative;
    padding: 0 15px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
}
.shown-link-right-image {
    float: left;
    height: 100%;
    position: relative;
    margin-left: 15px;
}
.shown-link-right:hover {
    background-color: rgba(255,255,255,0.1);
    cursor: pointer;
}
.draw-button-header .fa {
    font-size: 14px;
    margin-right: 5px;
}
.ncount {
    color: #FFF;
    background-color: #00A1FF;
    padding: 5px;
    position: absolute;
    border-radius: 25px;
    font-size: 14px;
    padding: 1px 5px;
    right: 5px;
    top: 9px;
}
.hidden-menu {
    display: none;
}
.dropdown-section {
    background-color: #FFF;
    position: absolute;
    border: thin solid #CCC;
    z-index: 999;
    display: none;
}
.dropdown-section.right {
    right: -1px;
}
.dropdown-section.left {
    left: 0;
}
.header-dropdown {
    border-top: none;
    top: 50px;
}
.dropdown-section ul {
    width: 150px;
    padding: 5px 0;
}
.dropdown-section ul li {
    display: block;
    width: 100%;
    color: #000;
    float: none;
}
.dropdown-section ul li.devider {
    width: 100%;
    display: inline-block;
    height: 1px;
    background-color: #CCC;
}
.dropdown-section ul li a {
    color: #000;
    padding: 5px 10px 5px 15px;
}
.padding-page {
    padding-top: 30px;
    padding-bottom: 30px;
}
.basic-sidebar-links a {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 135px;
}
.basic-sidebar-links a:hover {
    text-decoration: underline;
}
.sidebar {
    position: relative;
    top: 20px;
}
.basic-page {
    position: relative;
    top: -20px;
}
.sidebar .panel-column:first-child {
    margin-top: 0;
}
.standard-page {
    background-color: #FFF;
    padding: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.standard-page .standard-page-header {
    border-bottom: thin solid #EEE;
    padding-bottom: 10px;
}
.standard-page .standard-page-header h6 {
    padding-top: 0;
    margin-top: 0;
}
.standard-page .standard-page-content {
    padding-top: 10px;
}
.standard-page .approve-wall-section {
    padding: 10px;
    border: thin solid #CCC;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 10px;
}
.standard-page .approve-wall-section:last-child {
    margin-bottom: 0;
}
.show-approval-buttons {
    margin-bottom: 10px;
}
.show-home-wall-approve {
    font-size: 12px;
    display: block;
    color: #000;
    margin-top: -5px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #FFF;
    border-bottom: 2px solid #d7dde0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.show-home-wall-approve:hover {
    text-decoration: underline;
}
.show-home-wall-approve .fa {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px;
    color: #000;
    top: -1px;
    position: relative;
}
.panel-badge {
    margin-right: 15px;
    position: relative;
    font-size: 14px;
    color: #FFF;
    padding: 3px 5px;
    background-color: #2979FF !important;
    border-radius: 2px;
    margin-left: 5px;
    top: -1px;
}
.show-approval-buttons .wall-approve-action {
}
#mini-menu {
    margin-top: 50px;
    margin-bottom: -50px;
    width: 100%;
    display: block;
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.04),0 2px 4px 0 rgba(0,0,0,0.05);
            box-shadow: 0 1px 0 0 rgba(0,0,0,0.04),0 2px 4px 0 rgba(0,0,0,0.05);
}
#mini-menu.tr {
    -webkit-transition: all .22s;
    -o-transition: all .22s;
    transition: all .22s;
}
#mini-menu.nb {
    background-color: rgba(255, 255, 255, 0.0);
}
#mini-menu ul li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
}
#mini-menu ul li:last-child {
    margin-right: 0px;
}
#mini-menu ul li a {
    position: relative;
    top: 0px;
    font-size: 14px;
    padding: 15px 0px;
    color: #000;
    text-transform: uppercase;
    border-bottom: 3px solid #FFF;
    display: inline-block;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
#mini-menu ul li a.disabled {
    color: #CCC;
}
#mini-menu ul li.show-slide-menu {

}
#mini-menu ul li.show-slide-menu .hidden-slide-menu {
    display: none;
    width: 200px;
    color: #000;
    background-color: #FFF;
    position: absolute;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.05), 0 2px 4px 0 rgba(0,0,0,0.06);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.05), 0 2px 4px 0 rgba(0,0,0,0.06);
}
#mini-menu ul li.show-slide-menu:hover .hidden-slide-menu {
    display: block;
}
#mini-menu ul li.show-slide-menu .hidden-slide-menu a {
    width: 100%;
    display: block;
    background-color: #FFF;
    color: #000;
    padding: 10px 15px;
    border-bottom: none;
    border-left: 3px solid #FFF;
}
#mini-menu ul li.show-slide-menu .hidden-slide-menu a:hover {
    border-left: 3px solid #00A1FF;
    border-bottom: none;
    background-color: #EEE;
}
#mini-menu ul li a.active, #mini-menu ul li a:hover, #mini-menu ul li a:focus {
    border-bottom: 3px solid #00A1FF;
}
#mini-menu ul li a.disabled:hover {
    border-bottom: 3px solid #FFF;
}
#mini-menu ul li a .fa {
    margin-left: 5px;
}
#mini-menu .new-label {
    position: relative;
    background-color: #00A1FF;
    border-radius: 4px;
    color: #FFF;
    font-size: 10px;
    text-transform: uppercase;
    top: -7px;
    padding: 3px 5px;
}
#mini-menu ul li.shop-mini-menu {
    float: right;
}
#mini-menu ul li.shop-mini-menu a .fa {
    margin-right: 5px;
}
.loading-gallery-first {
    padding: 100px 0;
    text-align: center;
    font-size: 16px;
    color: #777;
    width: 350px;
    margin: 0 auto;
}
.masonry-gallery .pix-gallery-image {
    padding: 10px 15px;
    opacity: 0;
}
.masonry-gallery .pix-gallery-image .thumb-info {
    padding: 10px;
    margin-bottom: -10px;
    text-align: center;
    border-radius: 2px 2px 0 0;
    background-color: #FFF;
    font-size: 14px;
}
.masonry-gallery .pix-gallery-image.active {
    opacity: 1;
}
.pix-gallery-image {
    width: 25%;
}
.pix-gallery-image label {
    width: 100%;
}
#gallery-content.threes .pix-gallery-image {
    width: 33.33%;
}
.pix-gallery-image.force-large {
    width: 49.8%;
}
.pix-gallery-image.full-width {
    width: 100%;
    position: relative;
}
.gallery-three-col .pix-gallery-image {
    width: 33.33%;
}
.gallery-two-col .pix-gallery-image {
    width: 50%;
}
.desc-notifications {
    margin-bottom: 15px;
    border-radius: 4px;
}
.simple-gallery-image {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    border-bottom: 2px solid #d7dde0;
}
.noborder .simple-gallery-image, .nob .simple-gallery-image {
    border-bottom: none;
}
.simple-gallery-image.group-approval {
    padding: 10px;
    background-color: #FFF;
    border-radius: 0 0 2px 2px;
}
.recent-home-page .simple-gallery-image {
    border-bottom: none;
}
.img_header {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    background-color: #FFF;
}
.img_header a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.shoppable-approved .img_header {
    max-height: 166px;
}
.recent-popular .img_header a {
    max-height: 355px;
}
.img_header .shop-head-wrapper {
    width: 100%;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 10;
    display: none;
}
.simple-gallery-image:hover .img_header .shop-head-wrapper {
    display: inline-block;
}
.img_header .shop-head-wrapper a {
    padding: 8px 10px;
    font-size: 12px;
    color: #000;
    background-color: #FFF;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.img_header .shop-head-wrapper a:hover {
    cursor: pointer;
    background-color: #EEE;
}
.img_header img {
    max-width: 100%;
}
.img_header img.px {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: pixelated;
}
.img_header .overlay-dark, .preset-image-render .overlay-dark {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-image: url(https://static.pixilart.com/images/public/bg-to-top.png);
    background-position: bottom;
    background-repeat: repeat-x;
}
.img_header .galler-image-info {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
}
.simple-gallery-image:hover .galler-image-info, .simple-gallery-image:hover .overlay-dark {
    display: block;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.simple-gallery-image:hover .simple-image-about .about-image-wrapper .user-gallery-image .art-work-settings {
    display: block;
}
.galler-image-info .image-icon-small {
    display: inline-block;
    padding: 7px 5px;
    color: #FFF;
    font-size: 12px;
}
.galler-image-info .image-icon-small .fa {
    margin-right: 3px;
    line-height: normal;
    height: auto;
}
.galler-image-info .image-icon-small:first-child {
    margin-left: 10px;
}
.simple-image-about {
    background-color: #FFF;
    padding: 10px;
}
.about-image-wrapper {
    width: 100%;
    position: relative;
}
.about-image-wrapper .image-user-gallery-image {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 40px;
    heighT: 40px;
    background-color: #EEE;
    left: 0px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    overflow: hidden;
}
.about-image-wrapper .user-gallery-image {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-left: 50px;
    min-height: 40px;
    width: calc(100% - 50px);
}
.about-image-wrapper .user-gallery-image .image-work-info {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: calc(100% - 40px);
    overflow: hidden;
    white-space: nowrap;
}
.about-image-wrapper .user-gallery-image .image-work-info a {
    color: #000;
}
.about-image-wrapper .user-gallery-image .image-work-info a:hover {
    text-decoration: underline;
}
.image-work-settings, .art-work-settings {
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 3;
    text-align: center;
    display: none;
}
.sub-nav-gallery {
    text-align: center;
    padding: 15px 0;
}
.sub-nav-gallery .nav-item {
    margin-right: 35px;
    color: #000;
}
.sub-nav-gallery .nav-item:hover {
    color: #999;
}
.sub-nav-gallery .nav-item:last-child {
    margin-right: 0px;
}
.full-progress {
    width: 50%;
    margin: 0 auto;
}
.pinned-wall-item {
    position: relative;
    margin-bottom: 10px;
    display: block;
}
.pinned-wall-item .pinned-badge-wrapper {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #2979FF !important;
    color: #FFF;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 99;
}
.pinned-wall-item .pinned-badge-wrapper .list-item-badge {
    text-align: center;
    padding: 5px 10px 5px 10px;
    color: #FFF;
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
}
.pinned-wall-item .pinned-badge-wrapper .pinned-badge-hover {
    border-left: thin solid rgba(0,0,0,0.2);
}
.pinned-wall-item .pinned-badge-wrapper .pinned-badge-hover:hover {
    background-color: rgba(0,0,0,0.1);
}
.pinned-wall-item .pinned-badge-wrapper .list-item-badge .fa {
    margin-left: 5px;
}
.pinned-wall-item .pinned-badge-wrapper .pinned-badge-hover .fa {
    margin-left: 0;
}
/**
 *  Menu Dropdowns on Header
 *
 */
.menu-drop-show {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 999;
}
/*
 * Notifications 
 */
.menu-drop-show .notifications-menu {
    position: absolute;
    right: 65px;
    width: 400px;
    background-color: #FFF;
    max-height: 450px;
    color: #000;
    text-align: left;
    font-size: 14px;
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.15);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    border-radius: 4px;
    top: 15px;
}
.cttop:before {
    content: " ";
    position: absolute;
    top: -10px;
    right: 13px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
}
.menu-drop-show .notifications-menu .notification-content {
    max-height: 400px;
    overflow-y: scroll;
}
.menu-drop-show .notifications-menu .notifications-header-menu {
    font-size: 14px;
    color: #000;
    padding: 10px;
}
.menu-drop-show .notifications-menu .notifications-header-menu a {
    color: #000;
}
.menu-drop-show .notifications-menu .notifications-header-menu a:hover {
    text-decoration: underline;
}
.menu-drop-show .notifications-menu .notifications-loading {
    padding: 10px;
    text-center:;
}
.menu-drop-show .notifications-menu .notification-list {
    color: #333;
    font-size: 14px;
    padding: 9px 10px 9px 10px;
    padding-left: 55px;
    width: 100%;
    line-height: 18px
}
.menu-drop-show .notifications-menu .notification-list:first-child {
    border-top: none;
}
.menu-drop-show .notifications-menu .notification-list a {
    background-color: inherit !important;
    padding: 0 !important;
    color: #039be5;
    line-height: inherit !important;
}
.menu-drop-show .notifications-menu .notification-list a:hover {
    text-decoration: underline;
}
.menu-drop-show .notifications-menu .notification-user-image {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    position: absolute;
    margin-left: -45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.notification-list .notification-none-user {
    height: 35px;
    width: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -45px;
    font-size: 22px;
    color: #CCC;
}
.menu-drop-show .notifications-menu .notification-list:hover {
    background-color: #f5f5f5 !important;
}
.notification-list a {
    background-color: inherit!important;
    padding: 0!important;
    line-height: inherit!important;
    color: #039be5;
}
.notification-ago {
    font-size: 12px;
    position: relative;
    top: -1px;
    color: #999;
}
.load-more-notifications {
    padding: 15px 0;
    width: 100%;
    text-align: center;
    color: #333;
    display: inline-block;
}
.load-more-notifications:hover {
    background-color: #EEE;
    color: #000;
}
/*
 * Profile Dropdown
 */
.profile-dropdown {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.profile-dropdown .user-nav-img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 75%;
}
.menu-drop-show .profile-menu, .menu-drop-show .links-menu {
    position: absolute;
    right: 0px;
    width: 185px;
    background-color: #FFF;
    color: #000;
    text-align: left;
    font-size: 16px;
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.15);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    border-radius:4px;
    top: 15px;
}
.menu-drop-show .links-menu {
    right: 110px;
}
.menu-drop-show .profile-menu .collection, .menu-drop-show .links-menu .collection {
    margin: 0;
    border: none;
    padding: 5px 0;
}
.menu-drop-show .profile-menu .collection .collection-break, .menu-drop-show .links-menu .collection .collection-break {
    height: 1px;
    background-color: #e5ecf1;
}
.menu-drop-show .profile-menu .collection a.collection-item, .menu-drop-show .links-menu .collection a.collection-item {
    color: #000;
    font-size: 14px;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.menu-drop-show .profile-menu .collection a.collection-item:hover, .menu-drop-show .links-menu .collection a.collection-item:hover {
    background-color: #EEE;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.collection .collection-item {
    border-bottom: none;
}
.collection a.collection-item .fa {
    float: right;
    color: #000;
    padding: 5px 0;
}
.collection a.collection-item.switch-collection {
    width: 100%;
    position: relative;
}
.collection a.collection-item.switch-collection .switch-wrapper {
    position: absolute;
    right: 8px;
}
.menu-drop-show .main-menu {
    width: 200px;
    background-color: #FFF;
    color: #000;
    text-align: left;
    font-size: 14px;
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.15);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    border-radius:4px;
}
.menu-drop-show .main-menu .menu-list-group {
    padding: 5px 15px;
    background-color: #EEE;
}
.menu-drop-show .main-menu .menu-list-item {
    color: #000;
    padding: 10px 15px;
    font-size: 16px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.menu-drop-show .main-menu .menu-list-item .fa {
    width: 20px;
    margin-right: 5px;
}
.menu-drop-show .main-menu .menu-list-item:last-child {
    border-bottom: none;
}
.social-fixed {
    position: relative;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    margin-top: 0px;
    margin-bottom: 20px;
}
.social-fixed .social-box {
    color: #FFF;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
}
.social-fixed .social-box:hover {
    opacity: 0.8;
}
.social-fixed .social-box.facebook {
    color: #3b5998;
}
.social-fixed .social-box.twitter {
    color: #00aced;
}
.social-fixed .social-box.instagram {
    color: #125688;
}
.collection a.collection-item:not(.active):hover {
    background-color: #EEE;
}
.mobile-bottom {
    margin-bottom: 35px;
}
/*
Content Popup
 */
.content-popup {
    position: fixed;
    z-index: 999;
    background-color: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
.content-popup.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content-popup .close-content-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.content-popup .content-popup-wrapper {
    position: relative;
    z-index: 2;
    background-color: #FFF;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
}
.content-popup-header {
    padding: 10px;
    border-bottom: thin solid #CCC;
    background-color: #EEE;
    color: #111;
    font-size: 12px;
    text-transform: uppercase;
}
.content-popup .content-popup-wrapper .content-append-popup {
    padding: 10px;
}
input.datepicker-normal, input.datepicker-normal:active, input.datepicker-normal:focus, input.datepicker-normal:hover {
    padding: 5px;
    margin: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    margin-bottom: 15px;
    height: auto;
    border: thin solid #CCC;
    width: calc(100% - 10px);
    border-radius: 2px;
}
.content-popup-wrapper .fa {
    font-size: 14px;
}
.explain-input {
    color: #000;
    font-size: 12px;
    margin-bottom: 5px;
    width: 100%;
}
.textarea-ban {
    width: 350px;
    padding: 10px;
    border-radius: 2px;
    height: 100px;
    display: block;
    margin-bottom: 15px;
}
/**
 * Popup Container 
 * Login 
 */
.popup-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.popup-container .modal {
    width: 600px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.popup-container .modal .modal-wrapper {
    padding: 10px;
}
.popup-container .modal .modal-wrapper .modal-header {
    color: #000;
}
.popup-container .close-login-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.popup-container .login-popup-container {
    top: -100px;
    padding: 5px;
    background-color: #FFF;
    background-position: bottom center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    opacity: 0.3;
    width: 650px;
    height: 330px;
    z-index: 2;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
.popup-container .login-popup-container .login-header {
    margin: -5px;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.close-popup-main {
    display: inline-block;
    position: fixed;
    top: 50px;
    right: 35px;
    padding: 10px 15px;
    margin: 10px;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #FFF;
}
.close-popup-main:hover {
    opacity: 0.8;
}
.login-header-text {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    padding: 13px 0;
    background-color: #2c3e50;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-position: bottom;
}
.login-header-text.active {
    width: 65%;
    background-color: #FFF;
    color: #000;
}
.login-popup-text {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    margin-top: -130px;
}
.login-popup-text h3 {
    margin-bottom: -15px;
    font-size: 16px;
}
.login-popup-text p {
    font-size: 15px;
}
.social-button {
    position: relative;
    width: 100%;
    padding: 7px 5px;
    color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 15px;
}
.social-button:last-child {
    margin-bottom: 0px;
}
.social-button.facebook {
    background-color: #3b5998;
}
.social-button.facebook:hover {
    background-color: #2B4273;
}
.social-button.twitter {
    background-color: #00aced;
}
.social-button.twitter:hover {
    background-color: #1A98C7;
}
.social-button.google {
    background-color: #dd4b39;
}
.social-button.google:hover {
    background-color: #c33c2b;
}
.social-button .fa {
    margin-right: 5px;
}
.login-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    height: 90%;
}
.login-section {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.login-section a:hover {
    text-decoration: underline;
}
.login-wrapper-so {
    text-align: center;
}
.login-so-text {
    text-align: left;
    width: 85%;
    margin: 0 auto;
    font-size: 12px;
}
.non-auth-homepage-wrapper .login-so-text {
    font-size: 20px;
    font-family: 'Quicksand', sans-serif;
}
.button-group-so {
    margin-top: 20px;
}
.tab-login {
    font-size: 12px;
    padding: 30px;
    min-width: 100%;
}
.full-width-button {
    width: 100%;
}
.d-or-top {
    width: 1px;
    background-color: #EEE;
    color: #999;
    height: 100%;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.context-or {
    paddding: 3px;
    background-color: #FFF;
}
.forgot-pw-lg {
    color: #999;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}
.forgot-pw-lg:hover {
    text-decoration: underline;
}
.change-right-login {
    display: none;
    margin: 10px 0;
}
.error-login {
    color: red;
}
.login-switch {
    display: none;
}
.login-switch.active {
    display: block;
    width: 100%;
}
.back-to-login {
    color: #039be5;
    cursor: pointer;
}
.back-to-login:hover {
    text-decoration: underline;
}
.success-login {
    margin-top: 15px;
    color: green;
}
/**
 * Login page / Signup PAge
 */
.login-wrapper {
    padding: 35px 0;
}
.login-wrapper {
    width: 455px;
    margin: 0 auto;
}
.forgot-password-link {
    display: block;
    font-size: 12px;
    margin-top: -5px;
    margin-bottom: 10px;
    color: #999;
}
.forgot-password-link:hover {
    color: #000;
    text-decoration: underline;
}
.login-wrapper .social-button {
    width: 49.5%;
}
.login-wrapper .header-login {
    text-align: center;
}
.login-wrapper .or-seperator {
    padding-top: 10px;
}
.login-wrapper .header-login p {
    margin-top: 0;
}
.login-wrapper .header-login h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}
.social-login-wrapper {
    text-align: center;
}
.social-login-wrapper .social-button {
    margin-bottom: 0px !important;
}
.or-seperator {
    padding: 30px 0 10px 0;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
}
.login-page-agreement {
    color: #000;
}
.login-signup-agreement {
    font-size: 12px;
    margin-top: 20px;
}
.login-page-agreement .fa {
    position: relative;
    top: -1px;
}
.to-singup-login-page {
    font-size: 16px;
}
.login-page-agreement a:first-child {
    display: block;
}
.login-page-agreement a:hover {
    text-decoration: underline;
}
.signup-application-wrapper {
    padding: 20px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    max-width: 500px;
}
/** 
 * Notifications Page 
 */
.notifications-header {
    padding: 0 0 15px 0;
}
.notifications-header h6 {
    margin-top: 0;
}
.notifications-header p {
    font-size: 12px;
    margin-bottom: 5px;
}
.notifications-header a {
    font-size: 12px;
}
.notifications-header a:hover {
    text-decoration: underline;
}
.notification-list:first-child {
    border-top: none;
}
.notification-list {
    color: #333;
    font-size: 14px;
    padding: 8px 0;
    padding-left: 45px;
    border-bottom: thin solid #EEE;
    width: 100%;
    border-radius: 4px;
}
.notification-list:hover {
    background-color: rgba(238,238,238,0.75);
}
.notification-list a:hover {
    text-decoration: underline;
}
.notification-user-image {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    position: absolute;
    margin-left: -45px;
    border-radius: 35px;
    -webkit-border-radisu: 35px;
}
.request-card-wrapper {
    width: 100%;
    padding: 10px;
    position: relative;
    background-color: #FFF;
    border-radius: 4px;
    border-bottom: 2px solid #d7dde0;
}
.user-requests .request-card-cont {
    margin-bottom: 20px;
}
.user-requests .request-card-cont:last-child {
    margin-bottom: 0;
}
.request-card-wrapper.user-card-active {
    border: 2px solid #2979FF;
}
.request-card-wrapper.user-card-active:after {
    content: "My Request";
    position: absolute;
    padding: 5px 10px; 
    font-size: 10px;
    text-transform: uppercase;
    right: 0;
    top: 0;
    background-color: #2979FF;
    color: #FFF;
    border-radius: 0 0 0 4px;
}
.request-card-wrapper .request-card-user-image {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
}
.request-card-wrapper .request-card-user-image img {
    border-radius: 50%;
    width: 100%;
}
.request-card-wrapper .request-card-content {
    width: calc(100% - 70px);
    margin-left: 70px;
}
.request-card-wrapper .request-card-content .request-card-name {
}
.request-card-wrapper .request-card-content .request-card-name a {
    color: #000;
}
.request-controls {
    height: 0;
    margin-top: 0;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.request-controls.active {
    height: auto;
    margin-top: 10px;
}
.request-card-wrapper:hover .request-controls  {
    height: 31px;
    margin-top: 10px;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.helper-text {
    font-size: 12px;
    color: #777;
}
/**
 * Forum
 */
.forum-grp {
    padding-bottom: 0px;
    background-color: #FFF;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 15px;
    border-bottom: 2px solid #d7dde0;
}
.cat-group-select {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    background-color: #FFF;
    padding: 10px;
}
.panel-content .cat-group-select {
    padding: 10px 0;
}
.panel-content .cat-group-select.active .color-line {
    background-color: #2979FF !important;
}
.panel-content .cat-group-select:last-child {
    padding-bottom: 0;
}
.panel-content .cat-group-select:first-child {
    padding-top: 0;
}
.color-line {
    height: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-flex: 1;
    -webkit-box-flex: 1;
            flex: 1;
    margin-right: 12px;
    -webkit-transition: margin-right .3s;
    -o-transition: margin-right .3s;
    transition: margin-right .3s;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    background-color: #CCC;
}
.cat-name {
    color: #000;
    text-align: right;
}
.cat-group-select:hover .color-line {
    color: #000;
    margin-right: 30px;
}
.topic-forum-start {
    padding: 5px 0;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    padding: 15px;
    background-color: #FFF;
    border-bottom: thin solid #e5ecf1;
}
.topic-forum-start.deleted-topic {
    border-left: 3px solid red;
}
.topic-information {
    width: 25%;
    display: flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.topic-subject {
    width: 75%;
    overflow-x: hidden;
    margin-right: 10px;
    min-height: 50px;
    position: relative;
}
.forum-user-image-topic {
    margin-right: 15px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    overflow: hidden;
    position: absolute !important;
    left: 0;
    top: 0;
}
.after-image-topic {
    margin-left: 65px;
    margin-top: 7px;
}
.topic-a {
    display: inline-block;
}
.topic-subject h2 {
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: bold;
    margin-top: 0px;
    color: #000;
}
.topic-subject h2:hover {
    text-decoration: underline;
}
.pinned-top {
    display: inline-block;
    margin-right: 1px;
    font-size: 12px;
    vertical-align: middle;
    position: relative;
    background-color: #2979ff;
    color: #FFF;
    border-radius: 4px;
    padding: 2px;
    top: -2px;
}
.updated-by-topic {
    font-size: 12px;
    color: #999;
    display: block;
}
.updated-by-topic a:hover {
    text-decoration: underline;
}
.topic-categorie, .cat-list-a {
    color: #777;
    font-size: 14px;
}
.color-box {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    position: relative;
    top: -1px;
}
.topic-replie-count {
    text-align: right;
}
.replies-text {
    font-size: 12px;
    display: block;
    color: #333;
    margin-top: -3px;
}
.page-nate {
    text-align: center;
}
.forum-start {
    margin-top: 20px !important;
    margin-bottom: 20px;
}
.page-start {
    margin-top: 20px;
    margin-bottom: 30px;
}
.breadcrumb-wrapper {
    margin: 0 auto;
    padding: 0px 0;
}
.breadcrumb-wrapper ul {
    margin: 0;
}
#mini-menu .breadcrumb-wrapper a {
    /*text-transform: none !important; */
}
#mini-menu ul li a.forward:after {
    content: "/";
    margin-left: 15px;
    position: absolute;
}
#mini-menu ul li:last-child a.forward:after {
    content: "";
}
#mini-menu ul li.current a {
    color: #000 !important;
}
/*
 * Plain Image Comments 
 */
.simple-image-comments {
    border-top: thin solid #EEE;
    padding: 5px 0;
    background-color: #FFF;
}
.comment-user-container {
    padding: 5px 10px;
}
.comment-user-wrapper {
    position:  relative;
    width: 100%;
}
.comment-user-wrapper .image-user-comment {
    position: absolute;
    left: 0px;
}
.comment-user-wrapper .image-user-comment .comment-user-a img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.comment-user-wrapper .comment-user-content {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    margin-left: 35px;
    width: calc(100% - 30px);
}
.comment-user-wrapper .comment-user-content .get-profile-card {
    font-size: 16px;
    color: #000;
}
.simple-image-about .get-profile-card {
    color: #000;
}
.get-profile-card {
    position: relative;
    display: inline-block;
}
.comment-user-wrapper .comment-user-content a:hover {
    text-decoration: underline;
}
.masonry-gallery {

}
/*
 * Password Change
 */
.push-top {
    padding-top: 20px;
}
.form-start-white {
    background-color: #FFF;
    padding: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.bm {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}
.input-helper {
    position: relative;
    top: -10px;
    font-size: 12px;
    color: #888;
}
.support-text-center {
    text-align: center;
    font-size: 12px;
    padding: 15px 0;
}
/* 
 * Image Page
 */
.show-access-wrapper {
    margin: 10px;
    background-color: #EEE;
    display: inline-block;
    width: calc(100% - 20px);
    padding: 15px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.image-icons-wrap {
    float: right;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}
.image-icons-wrap .icon-art {
    display: inline-block;
    verTical-align: MIDDLE;
    margin-right: 3px;
}
.image-icons-wrap .icon-art:last-child {
    margin-right: 0;
}
.image-icons-wrap .icon-art img {
    width: 40px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.icons-explain-text {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
}
.show-access-wrapper h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px !important;
    margin-top: 0;
}
.show-access-wrapper .view-form-group:last-child {
    margin-bottom: 0;
}
.photo-display-page {
    max-width: 1100px;
    margin: 0 auto;
}
.share-wrapper {
    width: 100%;
}
.share-wrapper .share-items .share-button-image {
    padding: 8px 10px;
    background-color: #999;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    border-radius: 4px;
}
.share-wrapper .share-items .share-button-image.social-more {
}
.share-wrapper .share-items .share-button-image:hover {
    opacity: 0.7;
    cursor: pointer;
}
.share-wrapper .share-items .share-button-image.facebook, .facebook-btn, .facebook-btn:hover {
    background-color: #3b5999;
}
.share-wrapper .share-items .share-button-image.twitter, .twitter-btn, .twitter-btn:hover {
    background-color: #55acee;
    color: #FFF;
}
.share-wrapper .share-items .share-button-image.google {
    background-color: #dd4b39;
}
.share-wrapper .share-items .share-button-image.pinterest {
    background-color: #bd081c;
}
.share-wrapper .share-items .share-button-image.reddit {
    background-color: #ff5700;
}
.share-wrapper .share-items .share-button-image.tumblr {
    background-color: #34465d;
}
#opt-social-more li {
    padding: 10px;
}
.share-wrapper .share-text-placement {
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #999;
}
.share-wrapper .share-text-placement:hover {
    color: #000;
    cursor: pointer;
}
.share-wrapper .share-buttons-container {

}
.photo-page-include, .art-sidebar {
    margin-top: 15px;
}
.art-sidebar {
    overflow: hidden;
}
.title-information h1 {
    padding: 0;
    display: inline;
    margin: 0;
    font-size: 36px;
    margin-bottom: 5px;
    display: block;
}
.title-information {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    padding-top: 10px;
}
.sidebar-art-description {
    padding: 10px 0
}
.sidebar-art-description p, .about-art-time-sidebar p {
    margin: 0;
}
.about-art-time-sidebar {
    padding: 5px 0;
}
.about-art-time-sidebar {
    color: #777;
    font-size: 12px;
}
.sidebar-art-options .text-option {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    padding-left: 0;
}
.image-container-page {
    width: 100%;
    background-color: #FFF;
    position: relative;
    display: flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    border-bottom: 2px solid #d7dde0;
    border-radius: 0 0 4px 4px;
}
.image-container-page .image-wrapper {
    padding: 10px;
    position: relative;
    width: 100%;
    margin-top: -10px;
}
.image-container-page .image-wrapper .photo-wrapper {
    background-color: #F5F5F5;
    border-radius: 4px;
    text-align: center;
    height: 576px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.photo-wrapper.photo-info:after {
    content: "";
    position: absolute;
    left: -;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(https://cdn.pixilart.com/images/public/checker_bg.png);
    opacity: 0.25;
    background-size: 5.5%;
}
.image-container-page .image-wrapper .photo-wrapper.active {
    height: auto;
    display: block;
}
.image-container-page .image-wrapper .photo-wrapper img {
    max-width: 100%;
    margin: 0 auto;
    background-color: #FFF;
    max-height: 100%;
    position: relative;
    z-index: 2;
}
.image-container-page .image-wrapper .photo-wrapper img.px {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: pixelated;
}
.image-container-page .image-wrapper .photo-wrapper img:hover {
    cursor: -webkit-zoom-in;
}
.image-container-page .image-wrapper .photo-wrapper.active img:hover {
    cursor: -webkit-zoom-out;
}
.image-container-page .image-wrapper .photo-wrapper a.photo-control {
    position: absolute;
    left: 0;
    color: #FFF;
    padding: 0 35px;
    background-color: rgba(0,0,0,0.01);
    top: 0;
    font-size: 42px;
    height: 100%;
    display: none;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    -webkit-align-items: center;
    z-index: 2;
}
.image-container-page .image-wrapper .photo-wrapper:hover a.photo-control {
    display: flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
}
.image-container-page .image-wrapper .photo-wrapper a.photo-control:last-child {
    left: inherit;
    right: 0;
}
.image-container-page .image-wrapper .photo-wrapper a.photo-control:hover {
    background-color: rgba(0,0,0,0.1);
}
.image-ribbons-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
.image-ribbons-wrapper .ribbon-wp {
    overflow: hidden;
    position: relative;
    width: 200px;
    height: 106px;
    right: -3px;
    top: -3px;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c {
    width: 100px;
    padding: 6px 0;
    background-color: #FF5722;
    position: absolute;
    right: -25px;
    top: 2px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: 10px auto;
    text-align: center;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c:hover {
    background-color: #f77045;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c.picture-of-day {
    background-color: #2979ff;
    right: -32px;
    width: 150px;
    top: 20px;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c.picture-of-day:hover {
    background-color: #4586f3;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #e24a1a;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #e24a1a;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c::after {
    content: "";
    position: absolute;
    right: 1px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #e24a1a;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #e24a1a;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c.picture-of-day::before {
    border-left: 3px solid #0a8dd4;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #0a8dd4;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c.picture-of-day::after {
    border-left: 3px solid transparent;
    border-right: 3px solid #0a8dd4;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #0a8dd4;
}
.image-ribbons-wrapper .ribbon-wp .ribbon-c .ribbon-tx {
    font-size: 8px;
    text-transform: uppercase;
    color: #FFF;
}
.art-badge {
    padding: 5px 10px;
    color: #FFF;
    display: inline-block;
    background-color: #607D8B;
    font-weight: bold;
    border-radius: 4px;
    font-size: 10px;
    text-transform: uppercase;
}
.art-badge.art-potd {
    background-color: #2979ff;
}
.art-badge.app {
    background-color: #009688;
}
.featured-art-text {
    line-height: 50px;
    font-size: 50px;
    color: #e5ecf2;
}
.photo-sidebar {
    width: 100%;
    background-color: #FFF;
}
.photo-navigation {
    border-bottom: thin solid #CCC;
}
.tab-photo-ul {
    margin: 0;
}
.photo-sidebar {
    border-right: thin solid #CCC;
}
.tab-photo-ul li {
    display: inline-block;
    padding: 15px 20px;
}
.tab-photo-ul li:hover {
    cursor: pointer;
}
.tab-photo-ul li.actuve {
    background-color: #EEE;
}
/* User */
.image-user-info {
    width: 100%;
    position: relative;
}
.image-user-info .image-user-photo-image {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 25px;
    heighT: 25px;
    background-color: #EEE;
    left: 0px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.image-user-info .user-photo-image {
    vertical-align: top;
    font-size: 18px;
    margin-left: 30px;
}
.art-work-info {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: calc(100% - 40px);
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}
.image-page-section {
    background-color: #FFF;
    margin-top: 15px;
    border-radius: 4px;
    color: #000;
    display: block;
    -webkit-border-radius: 4px;
    border-bottom: 2px solid #d7dde0;
}
.image-page-section .section-group {
    padding: 10px;
    position: relative;
}
.image-page-section .section-group.flex-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.image-page-section .section-group.border-top {
    border-top: thin solid #CCC;
}
.image-page-section .title-image {
    margin-bottom: 0;
}
.image-by {
    color: #777;
}
.image-by a {
}
.image-by a:hover {
    text-decoration: underline;
}
.title-image h1 {
    padding: 0px;
    font-size: 24px;
    line-height: normal;
    font-weight: bold;
    margin: 0;
}
.title-image .image-profile-avt {
    position: absolute;
    left: 0;
    top: 0;
}
.title-image .image-profile-avt .get-profile-card {
    display: block;
}
.description-image p {
    margin: 0;
}
.description-image p {
    overflow: hidden;
    margin-top: 5px;
}
.art-size-details {
    font-size: 12px;
    color: #999;
}
.edited-by-user {
    color: #999;
    position: relative;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.image-stats-group .stats-section {
    padding: 0 15px 0 0;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
}
.image-stats-group .stats-section .fa {
    margin-right: 5px;
    font-size: 16px;
    top: -2px;
}
.image-likable {
    text-align: center;
    top: -30px;
    position: absolute;
    right: 10px;
    font-size: 24px;
}
.comments-header-image {
    padding: 10px;
}
.comments-form-image {
    padding: 5px 10px 10px 10px;
    position: relative;
}
.comment-profile-picture {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 10px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 50px;
    height: 50px;
}
.comment-profile-picture img {
    width: 100%;
}
.form-shown-comment {
    margin-left: 60px;
    text-align: right;
}
.form-shown-comment  label {
    margin-bottom: 0;
    padding-bottom: 0;
}
.form-shown-comment textarea {
    padding: 10px;
    min-height: 80px;
    position: relative;
    font-size: 16px;
    top: 3px;
    background-color: inherit;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: thin solid #CCC;
    color: #000;
    margin-top: 0;
}
.comments-change-type {
    padding: 10px;
    border-top: thin solid #EEE;
}
.comments-change-type a {
    display: inline-block;
    font-size: 12px;
    color: #999;
}
.comments-change-type a.active {
    color: #000;
}
.comments-change-type a:hover {
    color: #000;
}
.comments-image-shown {
    padding: 10px;
}
.comments-shown-image .comment-user-wrapper .comment-user-content {
    margin-left: 50px;
    width: calc(100% - 60px); 
    font-size: 14px;
    overflow: hidden;
}
.comments-shown-image .comment-user-wrapper .comment-user-content a {
    font-size: 14px;
    font-weight: bold;
}
.comments-shown-image .comment-user-wrapper .comment-user-content .comment-plain a {
    color: #039be5;
    font-weight: normal;
}
.comment-plain {
    word-wrap: break-word;
    overflow: hidden;
}
.comment-plain.active {
    max-height: inherit !important;
}
.comments-shown-image .comment-user-container {
    margin-bottom: 15px;
    position: relative;
}
.comments-shown-image .comment-user-container:last-child {
    margin-bottom: 0px;
}
.opt-button {
    position: absolute;;
    right: 10px;
    top: 0;
    padding: 5px;
    text-align: center;
    color: #999;
}
.comment-user-container .opt-button {
    color: #EEE;
}
.comment-user-container:hover .opt-button {
    color: #000;
}
.opt-settings-button {
    color: #e5ecf1;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.opt-settings-button:hover, .wall-wrapper:hover .opt-settings-button, .replie-group:hover .opt-settings-button {
    color: #000;
    cursor: pointer;
}
.body-user-info .opt-settings-button {
    right: 10px;
    margin-top: -3px;
}
.opt-button:hover {
    color: #000;
    cursor: pointer;
}
.inline-button {
    display: inline-block;
    vertical-align: middle;
}
.image-button-include {
    padding: 10px 20px 10px 20px;
    font-size: 10px;
    color: #000;
    background-color: #EEE;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-transform: uppercase;
}
.image-button-include:hover {
    cursor: pointer;
    background-color: rgba(204, 204, 204, 0.55);
}
.image-button-include.like-button {
    background-color: #0E74DE;
    color: #FFF;
}
.image-button-include.like-button.active, .image-button-include.like-button:hover {
    background-color: #E63636;
}
.inline {
    display: inline-block;
    vertical-align: middle;
}
.more-from-user .panel-wrapper:first-child {
    margin-top: 0;
}
.more-from-user .more-from-img-user img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}
.from-more-photo {
    margin-bottom: -10px;
    -webkit-column-count: 2;
         column-count: 2;
    -webkit-column-gap: 10px;
         column-gap: 10px;
}
.more-photos-group {
    margin-bottom: -15px;
}
.form-more-photo-shown {
    background-color: #eee;
    display: inline-block;
    margin: 0 0 5px;
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.form-more-photo-shown a {
    outline: none;
    border: none;
}
.form-more-photo-shown:hover {
    opacity: 0.8;
}
.form-more-photo-shown:nth-child(even) {
}
.form-more-photo-shown img {
    width: 100%;
}
.date-shown-comment {
    padding-bottom: 5px;
    font-size: 12px;
    color: #333;
}
.timeago {
    color: #333;
    font-size: 12px;
}
.dropdown-content li>a, .dropdown-content li>span {
    font-size: 14px;
    color: #333;
    line-height: normal;
    padding: 10px 16px;
    font-weight: normal;
}
.dropdown-content li>a:hover, .dropdown-content li>span:hover {
    color: #FFF;
}
.dropdown-content li {
    min-height: auto;
}
.dropdown-content {
    min-width: 185px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.view-form-group select {
    display: block;
    border: thin solid #CCC;
    border-radius: 4px;
    margin-top: 5px;
}
.view-select select {
    display: block;
    border: thin solid #CCC;
    margin-top: 5px;
    border-radius: 4px;
}
.view-select select:focus {
    border: thin solid #333;
}
.view-form-group {
    margin-bottom: 15px;
}
.view-form-group .sf {
    position: relative;
}
.loading-reponse-group {
    display: inline-block;
}
.loading-reponse-group .loading-repsonse {
    display: none;
}
.from-user-header {
}
.from-user-header a:hover {
    text-decoration: underline;
}
.comments-load-more-button {
    margin: 10px;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    color: #555;
    font-size: 14px;
    width: calc(100% - 20px);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    display: inline-block;
    margin-bottom: 10px;
}
.comments-load-more-button:hover {
    cursor: pointer;
}
/* 
 * Drawing Page
 */
#artSubmitForm #sTitle {
    margin-bottom: 5px;
}
.drawing-page {
    position: relative;
    background-color: #444;
}
/*
 * Application page
 */
#stepProcessWrapper {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    margin: 35px 0;
}
#stepProcessWrapper .stepProcessContainer {
    width: 100%;
    height: 100%;
    position: relative;
}
#stepProcessWrapper .stepProcessContainer .slide-first-application {
    width: 100%;
    display: inline-block;
}
.step-process-arrows .arrow-app {
    display: inline-block;
}
.step-process-arrows .arrow-app.pull-right {
    float: right;
    width: 50%;
}
.input-group {
    width: 100%;
    margin-bottom: 15px;
}
.half-input-group {
    width: 49%;
    margin-right: 2%;
    display: inline-block;
}
.half-input-group:last-child {
    margin-right: 0;
    float: right;
}
.inpUt-group-header {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 5px;
}
.profile-picture-chooser {
    position: relative;
}
.profile-picture-chooser .profile-picture-preview-wrapper {
    width: 150px;
    position: absolute;
}
.profile-preview-container {
    width: 150px;
    background-color: #EEE;
    height: 150px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.profile-picture-chooser .profile-select-preset-image {
    min-height: 100px;
    margin-left: 160px;
}
.picture-placement-text {
    position: absolute;
    font-size: 10px;
    color: #999;
}
.profile-picture-preview-wrapper img {
    width: 150px;
    height: 150px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.profile-input-upload {
    margin-top: 10px;
}
.choose-file {
    font-size: 10px;
    width: 150px;
    padding: 0;
}
.profile-pictures-group {
    display: inline-block;
    width: 100%;
}
.profile-pictures-group img {
    display: inline-block;
    float: left;
    width: 43px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.profile-pictures-group img.active {
    border: thin solid #333;
}
.profile-pictures-group img:hover {
    cursor: pointer;
    opacity: 0.8;
}
.profile-preview-upload-button {
    margin-top: 5px;
}
.input-error {
    font-size: 12px;
    color: #FFF;
    padding: 5px 10px;
    display: none;
    background-color: #e74c3c;
    border-radius: 4px;
}
.input-error .fa {
    margin-right: 2px;
}
.input-error.settings-input-error {
    margin-bottom: 10px;
}
.standard-form .input-error {
    margin-top: 0;
    margin-bottom: 0;
}
.input-error.active {
    display: block;
}
#signUpHeaderSteps {
    font-weight: bold;
    max-width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-height: 220px;
    overflow: hidden;
}
#signUpHeaderSteps a img {
    width: 110%;
    position: relative;
    top: -85px;
}
#signUpHeaderSteps h1 {
    margin-top: 0px;
    font-size: 18px;
    margin-bottom: 0px;
    color: #000;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);;
    font-weight: bold;
}
/* 
 * Topic Page 
 */
.topic-reply-wrapper {
    background-color: #FFF;
    margin-top: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    border-bottom: thin solid #CCC;
}
.topic-reply-wrapper .topic-options {
    position: absolute;
    right: 35px;
    top: 10px;
}
.topic-reply-wrapper .topic-title {
    padding: 20px 20px 40px 20px;
    position: relative;
}
.topic-reply-wrapper .topic-title h2 {
    margin: 0;
    padding: 0;
    font-size: 32px;
}
.topic-reply-wrapper .topic-title .about-topic {
    font-size: 12px;
    padding-top: 5px;
}
.replie-group {
    padding: 20px;
    border-bottom: 1px solid #d7dde0;
    position: relative;
}
.reply-deleted.reply-deleted {
    border-left: 2px solid red;
}
.topic-reply-wrapper .replie-group:last-child {
    border-bottom: 2px solid #d7dde0;
}
.replie-group .user-profile-picture {
    position: absolute;
    left: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.replie-group .body-message {
    margin-left: 60px;
}
.replie-group .message-article {
    padding: 5px 0 10px 0;
    font-size: 16px;
    margin: 15px 0;
}
.replie-group .message-article img {
    max-width: 100%;
}
.replie-group a:hover {
    text-decoration: underline;
}
.replie-group .signature-forum {
    margin-top: 10px;
    padding-top: 10px;
    border-top: thin solid #EEE;
    font-size: 12px;
    color: #777;
}
.reply-by-user-a:hover {
    text-decoration: underline;
}
.date-of-reply {
    font-size: 12px;
    display: inline-block;
    color: #777;
}
.last-edit-time {
    color: #777;
    font-size: 10px;
}
.form-topic-pageination .pagination {
    margin: 0;
}
.pagination li {
    line-height: normal;
    padding: 0;
    heighT: auto;
}
.pagination li a {
    font-size: 1rem;
    padding: 10px 15px;
    line-height: normal;
    border-radius: 4px;
}
.pagination li.active, .pagination li.disabled {
    padding: 10px 15px;
}
.pagination li a:hover {
    background-color: #EEE;
}
.forum-pagination .pagination li a:hover {
    background-color: #FFF;
}
.form-topic-pageination .pagination li {
    padding: 0;
}
.form-topic-pageination .pagination li.active {
    color: #FFF;
    padding: 5px 10px;
    line-height: auto;
}
.form-topic-pageination .pagination li a {
    padding: 5px 10px;
}
.about-topic-replies {
    font-size: 12px;
    padding-top: 10px !important;
    padding-left: 15px !important;
}
.simple-pagination-forum-topic {
    padding-top: 10px !important;
}
.simple-pagination-forum-topic ul li:first-child, .simple-pagination-forum-topic ul li:last-child {
    display: none;
}
.replie-options {
    display: none;
}
.message-article textarea {
    height: 100px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: thin solid #CCC;
    padding: 10px;
    color: #000;
}
.cancel-save {
    margin-left: 5px;
}
.make-replie-forum {
    background-color: #FFF;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid #d7dde0;
}
.make-replie-forum .leave-reply {
    padding-bottom: 15px;
    color: #777;
    font-size: 14px;
}
.make-replie-forum .user-profile-picture {
    position: absolute;
    left: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.make-replie-forum .leave-reply-next {
    margin-left: 65px;
}
.leave-reply-next textarea {
    min-height: 80px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: thin solid #CCC;
}
.helper-text-forum {
    font-size: 14px;
    color: #777;
}
.forum-quote:before {
    content: "Quote:";
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}
.forum-quote {
    background-color: #f4f4f4;
    padding: 10px;
    border-left: 3px solid #CCC;
    margin-top: 10px;
}
.cat-group {
    background-color: #FFF;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    border-bottom: 2px solid #d7dde0;
}
.cat-group.mod-tools-panel {
    margin-top: 20px;
}
.cat-group.art-page-panel {
    margin-top: 15px;
}
.header-cat-g {
    margin: -10px;
    padding: 10px;
    margin-bottom: 10px;
}
.header-cat-g a {
    color: #000;
}
.header-cat-g a:hover {
    text-decoration: underline;
}
.header-cat-g h6 {
    margin: 0px;
}
.topic-top-list-group {
    position: relative;
    line-height: normal;
}
.topic-top-list-group .topic-list-top {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    font-size: 14px;
    overflow: hidden;
}
.cat-create-topic {
    margin-bottom: 20px;
}
.topic-top-list-group .topic-list-group {
    margin-top: 10px;
}
.topic-top-list-group .topic-list-group:first-child {
    margin-top: 0;
}
.topic-top-list-group .topic-info-color {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    float: right;
    text-align: right;
}
.topic-list-top .topic-a {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.fxsl-marg {
    margin-bottom: 0;
}
.topic-list-top .topic-a:hover {
    text-decoration: underline;
}
.top-topic-count-reply {
    font-size: 12px;
    color: #777;
}
.after-image-topic h2 {
    display: inline-block;
}
/**
 * Downloading Image
 */
canvas {
    image-rendering: optimizeSpeed;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}
.crop-area {
    display: none;
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    position: absolute !important;
    cursor: move;
}
.crop-wrapper {
    display: inline-block;
    background-color: #EEE;
    position: relative;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      
}
.crop-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.crop-shade {
    background-color: rgba(0,0,0,0.3);
}
.left-shade {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
}
.right-shade {
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
}
.top-shade {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.bottom-shade {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}
.place-image {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
}
/**
 * New Contest
 */
.new-contest-header {
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
    position: relative;
}
.new-contest-header .header-helper {
    display: block;
    font-size: 14px;
}
.contest-descrption-field {
    height: 200px;
}
.form-information {
    font-size: 14px;
    margin: 15px 0;
}
/**
 * Contest Page 
 */
.contest-body-html {
    word-break: break-all;
}
.contest-title-after {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    color: #777;
}
.user-top-wrapper .user-top-container .contest-top-users {
    width: 100% !important;
}
.contest-container {
    width: 100%;
    background-color: #FFF;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #d7dde0;
}
.contest-header {
    position: relative;
}
.contest-header h1 {
    font-size: 18px;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: thin solid #EEE;
    color: #000;
}
.cnt-user-creator {
    margin-top: 10px;
}
.user-contest {
    font-size: 12px;
    display: block;
}
.expiration-date {
    position: absolute;
    right: 0px;
    top: 0;
}
.cnt-user-creator a img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.cnt-user-creator a .cnt-user-name {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 16px;
    margin-left: 5px;
}
.cnt-body {
    margin-top: 10px;
    overflow: hidden;
}
.cnt-body.of {
    overflow: visible;
}
.cnt-body h2 {
    margin: 0 0 5px 0;
    font-size: 24px;
    display: inline-block;
}
.contest-comments-container {
    margin-bottom: 20px;
    width: 100%;
    background-color: #FFF;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-bottom: 2px solid #d7dde0;
}
.contest-comments-container .ctn-header h4 {
    font-size: 18px;
    margin: 0;
}
.contest-comments-container .cnt-comment-wrapper {
    margin-top: 10px;
}
.appended-contest-comments {
    position: relative;
}
.comment-made-section {
    position: relative;
}
.appended-contest-comments .comment-user-container {
    padding: 0;
}
.appended-contest-comments .comment-user-wrapper .comment-user-content {
    margin-left: 50px;
    width: calc(100% - 50px);
    overflow: hidden;
}
.comment-made-section .comment-profile-picture {
    left: 0;
}
.appended-contest-comments .comment-user-wrapper .opt-button {
    right: 0;
}
.appended-contest-comments .comment-plain {
    font-size: 14px;
}
.appended-contest-comments .comment-user-container {
    margin-bottom: 10px;
    position: relative;
}
.appended-contest-comments .opt-button {
    right: 0;
}
.appended-contest-comments .comment-user-container:last-child {
    margin-bottom: 0;
}
.cnt-information {
    margin-top: 10px;
}
.badge {
    padding: 5px 10px;
    color: #FFF;
    background-color: #555;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.badge.blue {
    background-color: #00a1ff;
}
.no-submissions-yet {
    text-align: center;
    font-size: 22px;
    color: #CCC;
    margin: 50px 0;
}
.dropdown-orderby {
    background-color: #CCC;
    color: #FFF;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 14px;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.submit-submission {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.submission-header h6 {
    margin: 0;
}
.show-recent-art-submmision {
    background-color: #FFF;
    padding: 10px;
    width: 100%;
    margin-top: 20px;
    display: none;
    border-radius: 4px;
    border-bottom: thin solid #CCC;
}
.submission-recent-drawings {
    margin-top: 10px;
}
.image-select {
    width: calc(33.333% - 5px);
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
    vertical-align: top;
    position: relative;
}
.submission-recent-drawings .image-select:nth-child(3n) {
    margin-right: 0;
}
.featured-contest .image-select {
    width: calc(19.8% - 5px);
}
.featured-contest .submission-recent-drawings .image-select:nth-child(3n) {
    margin-right: 7px;
}
.featured-contest .submission-recent-drawings .image-select:nth-child(5n) {
    margin-right: 0;
}
.check-placement-submission {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.image-select:hover {
    opacity: 0.8;
    cursor: pointer;
}
.image-select input[type="radio"]:checked, .image-select input[type="checkbox"]:checked {
    display: block !important;
    position: static;
    visibility: visible;
    height: 0;
    width: 0;
}
.image-select input[type="radio"]:checked:after, .image-select input[type="checkbox"]:checked:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 42px;
    color: #FFF;
    position: relative;
    top: -20px;
    left: -20px;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.9);
}
.submission-submit-footer {
    margin-top: 5px;
}
.submission-single .pix-gallery-image {
    width: 100%;
}
.submission-multi .contest-art-image {
    width: 49%;
    margin-bottom: 20px;
    float: left;
    margin-right: 2%;
}
.submission-multi.four-multi .contest-art-image { 
    width: 24%;
    margin-right: 1.32%;
}
.submission-multi .contest-art-image:nth-child(2n) {
    margin-right: 0;
}
.submission-multi.four-multi .contest-art-image:nth-child(2n) {
    margin-right: 1.35%;
}
.submission-multi.four-multi .contest-art-image:nth-child(4n) { 
    margin-right: 0;
}
.completed_featured .submission-multi.four-multi .contest-art-image:nth-child(4n) {
    margin-right: 1.32%;
}
.completed_featured .submission-multi.four-multi .contest-art-image:nth-child(4n+2) { 
    margin-right: 0 !important;
}
.submission-multi .pix-gallery-image:last-child {
    margin-bottom: 0;
}
.link-to-all {
    padding: 0 0 10px 0;
    text-align: center;
    color: #333;
}
.link-to-all a {
}
.submission-multi .img_header {
    height: 177px;
}
.contest-vote-wrapper {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 11;
}
.contest-vote-wrapper .ctn-block {
    background-color: #FFF;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.contest-vote-wrapper .ctn-block .upload-section-ctn {
    color: #000;
    cursor: pointer;
    text-align: center;
    padding: 4px 0;
}
.contest-vote-wrapper .ctn-block .upload-section-ctn .fa {
    padding: 6px 15px;
}
.contest-vote-wrapper .ctn-block .upload-section-ctn:hover {
    background-color: #EEE;
}
.contest-vote-wrapper .ctn-block .upload-section-ctn.active {
    background-color: #f1643a;
    color: #FFF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}
.contest-vote-wrapper .ctn-block .vote-count {
    font-size: 12px;
    padding: 5px 0;
    color: #000;
    text-align: center;
}
.contest-vote-wrapper .ctn-block .vote-count-finished {
    padding: 5px 18px;
}
.ctn-comment-mobile-show {
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #000;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
}
.ctn-comment-mobile-show:hover {
    background-color: #EEE;
}
.vote-information {
    padding: 10px !important;
}
.share-url {
    margin-top: 20px;
    font-size: 14px;
}
.icons-thumb-image {
    position: absolute;
    left: 10px;
    top: 10px;
}
.icons-thumb-image .icon-art {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.icons-thumb-image .icon-art img {
    width: 25px;
}
.share-url h6 {
    font-size: 14px;
}
.full-thumb-contest {
    width: 100% !important;
}
.full-thumb-contest .img_header {
    max-height: auto !important;
    height: auto;
}
.normal-input:disabled {
    color: #000 !important;
    padding: 10px !important;
    border: none !important;
    background-color: #CCC !important;
}
.contest-list-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}
.contest-list-wrapper .user-contest-header {
    color: #000;
    margin-bottom: 20px;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
}
.contest-list-wrapper .create-contest-butn {
    position: relative;
    float: right;
    font-size: 14px;
}
.contest-list-wrapper ul.pagination {
    margin-bottom: 10px;
}
.form-shown-comment .btun {
    /*border-bottom: 2px solid rgba(0,0,0,0.1)*/;
}
.contest-list-ct {
    position: relative;
    width: 100%;
    background-color: #FFF;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: thin solid #EEE;
}
.current-top-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    width: 120px;
    height: 60px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #CCC;
}
.current-top-ct {
    display: inline-block;
    vertical-align: middle;
}
.current-top-image img {
    width: 150%;
}
.current-top-image img:hover {
    opacity: 0.8;
}
.about-contest-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.contest-list-ct .about-contest {
    display: inline-block;
    vertical-align: middle;
}
.contest-list-ct .about-contest h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.contest-list-ct .about-contest a {
    color: #000;
}
.contest-list-ct .about-contest a:hover {
    text-decoration: underline !important;
}
.contest-list-ct .quick-information {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 14px;
}
.quik-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.contest-list-ct .quick-information .count-text-ctn {
    font-size: 14px;
    display: block;
}
.contest-header-sub {
    margin-top: 20px;
}
.contest-pagition {
    background-color: #FFF;
    padding: 15px 10px;
}
.contest-pagition .pagination {
    margin: 0;
}
.submission-page-art.large-subm {
    width: 50%;
    margin: 0 auto;
}
.load-more-contest {
    display: block;
    padding: 15px 0;
    width: 200px;
    text-align: center;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-bottom: thin solid #CCC;
}
.load-more-contest.active {
    display: none;
}
.load-more-contest:hover {
    cursor: pointer;
    background-color: #EEE;
}
.contest-respons {
    display: none;
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
}
.submission-multi .half-positiion {
    width: 49% !important;
    margin-right: 2% !important;
}
.submission-multi  .half-positiion:nth-child(2n) {
    margin-right: 0 !important;
}
.submission-multi .half-positiion .img_header {
    height: 350px;
}
.featured-contest-container {
    margin-top: 50px;
    margin-bottom: -50px;
}
.text-wrapper-contest {
    width: 1100px;
}
.contest-off-wrapper {
    margin-top: 20px;
}
.contest-off-box {
    width: 100%;
    max-height: 300px;
    background-color: #EEE;
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.contest-off-box a {
    width: 100%;
    position: relative;
}
/*
 * New Topic
 */
.new-topic-wrapper {
    padding: 15px;
    margin-top: 35px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-bottom: thin solid #CCC;
}
.toggles-wrapper {
    margin-bottom: 10px;
}
[type="checkbox"].filled-in:not(:checked)+label:after, [type="checkbox"].filled-in:checked+label:after, [type="checkbox"].filled-in:checked+label:before {
   top: 2px; 
}
.change-view {
    display: block;
}
.new-topic-header {
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
}
.user-top-wrapper {
    width: 100%;
    position: relative;
    min-height: 30px;
    margin-top: 10px;
    overflow: hidden;
}
.panel-content .user-top-wrapper:first-child {
    margin-top: 0;
}
.user-top-wrapper .user-profile-picture {
    position: absolute;
    left: 0;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.user-top-wrapper .user-top-container {
    margin-left: 40px;
    font-size: 14px;
}
.user-top-wrapper .user-top-container a:hover {
    text-decoration: underline;
}
.user-top-wrapper .user-top-container .user-top-forums {
    -o-text-overflow: eclipse;
       text-overflow: eclipse;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
}
.user-top-wrapper .user-top-container .user-top-count {
    float: right;
    width: 25%;
    color: #777;
    position: absolute;
    top: 0;
    text-align: right;
    right: 0;
}
/*
 *  Profile Page
 */
.profile-header-container {
    margin-top: 50px;
    margin-bottom: -35px;
    width: 100%;
    position: relative;
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.06);
            box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.06);
}
.profile-header-container .header-picture-wrapper {
    width: 100%;
    height: 300px;
    background-color: #222;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    z-index: 2;
    background-position: center center;
}
.overlay-background-profile {
    background-image: url(https://static.pixilart.com/images/public/header-background-drop.png?v=1.1);
    width: 100%;
    position: absolute;
    top: 0;
    background-repeat: repeat-x;
    height: 100%;
    z-index: 1;
}
.profile-header-container .profile-header-wraper {
    width: 100%;
    position: relative;
    margin: 0 auto;
    z-index: 2;
}
.profile-header-container .editing-header-start {
    position: relative;
    z-index: 2;
    height: 100%;
}
.profile-hd-wrapper-mn {
    height: 100%;
    z-index: 2;
}
.profile-header-container .profile-picture-header {
    position: absolute;
    left: 0;
    width: 160px;
    height: 160px;
    background-color: #FFF;
    padding: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    z-index: 3;
    bottom: 20px;
}
.about-panel {
    overflow: hidden;
    word-break: break-word;
}
.profile-username-information-wrapper {
    position: absolute;
    left: 170px;
    bottom: 20px;
    font-size: 28px;
    color: #FFF;
    font-weight: bold;
}
.online-status {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    color: #CCC;
}
.online-status .online-now {
    color: #1ba52d;
}
.profile-username-information-wrapper .username-tag {
    font-size: 14px;
    display: inline-block;
    position: relative;
    bottom: -10px;
}
.profile-username-information-wrapper .username-tag a {
    color: rgba(255,255,255,0.8);
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
    font-weight: normal;
}
.profile-username-information-wrapper h1 {
    padding: 0;
    margin: 0;
    font-size: 54px;
    position: relative;
    bottom: -3px;
    font-weight: bold;
}
.profile-username-information-wrapper .more-about-user-shown {
    width: 75%;
    padding-top: 10px;
    font-size: 12px;
}
.more-about-user-shown {
    display: inline-block;
}
.profile-username-information-wrapper .more-about-user-shown a:hover {
    text-decoration: underline;
}
.profile-username-information-wrapper .website-next {
}
.profile-username-information-wrapper .website-next a {
}
.profile-username-information-wrapper .website-next a:hover {
    text-decoration: underline;
}
.profile-username-information-wrapper .toggle-more-about {
    float: left;
    font-size: 12px;
    color: #FFF;
    padding: 5px 8px;
    text-transform: uppercase;
}
.profile-header-container .profile-header-wraper .profile-about-user-header {
    position: relative;
    z-index: 3;
}
.profile-header-container .profile-header-wraper .profile-about-user-header .opt-settings-button {
    top: -52px;
    right: 0;
    position: absolute;
    color: #000;
    background-color: #FFF;
}
.profile-header-container .profile-header-wraper .profile-about-user-header h1 {
    font-size: 36px;
    margin: 0;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
}
.profile-header-container .profile-header-wraper .profile-about-user-header h1 a {
    color: #FFF;
}
.profile-header-container .profile-header-wraper .profile-about-user-header h1 a:hover {
    text-decoration: underline;
}
.profile-header-container .profile-header-wraper .profile-about-user-header .about-user-desc {
    color: #000;
    margin-top: 10px;
    min-height: 40px;
}
.nav-wrapper {
    margin: 0 auto;
}
.profile-nav-wrapper ul {
    margin: 0;
}
.profile-nav-wrapper ul li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
}
.profile-nav-wrapper ul li a {
    position: relative;
    top: 0px;
    font-size: 14px;
    padding: 15px 0px;
    color: #000;
    text-transform: uppercase;
    border-bottom: 3px solid #FFF;
    display: inline-block;
}
.profile-nav-wrapper ul li a.active, .profile-nav-wrapper ul li a:hover {
    border-bottom: 3px solid #00A1FF;
}
.profile-nav-wrapper, .user-settings-wrapper {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    white-space: nowrap;
}
.user-settings-wrapper {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    text-align: right;
}
.user-settings-wrapper {
    text-align: right;
    position: relative;
    top: -1px;
}
.user-settings-wrapper .in-but {
    padding: 15px 0;
}
.user-settings-wrapper .opt-settings-button {
    font-size: 16px;
    padding: 15px;
    color: #000;
}
.image-buttons .opt-settings-button {
    position: static;
    overflow: hidden;
    color: #000;
}
.user-settings-wrapper .ilb {
    display: inline-block;
    vertical-align: middle;
}
.user-settings-wrapper .ilb.follow-user-request {
    margin-left: 20px;
}
.settings-wrapper .aw-title {
    margin-top: 0;
    margin-bottom: 5px;
}
.save-current-drawing {
    margin-top: 0;
}
.settings-wrapper .check-box-field {
    margin-bottom: 5px;
}
.settings-wrapper .check-box-field:last-child {
    margin-bottom: 0;
}
.settings-wrapper .normal-input {
    border: thin solid #999 !important;
}
.submit-art-header {
    margin-bottom: 10px;
    font-size: 14px;
}
.shop-index-browser {
    border-radius:35px;
    padding: 10px 50px;
    height: auto !important;
}
.shop-index-browser .fa {
    font-size: 14px;
}
.panel-column {
    margin-top: 15px;
}
.panel-wrapper {
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-bottom: 2px solid #d7dde0;
    position: relative;
}
.panel-wrapper.clear-panel {
    background-color: inherit;
    border-bottom: none;
}
.panel-wrapper.discord {
    background-color: #7289DA;
    color: #FFF;
}
.panel-wrapper.discord .link-discord {
    background-color: #FFF;
    font-weight: bold;
    color: #7289DA;
    display: block;
    padding: 10px 15px;
    border-radius: 4px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}
.panel-wrapper.discord .link-discord .fa {
    position: absolute;
    right: 0;
    background-color: #FFF;
    padding: 12px;
    top: 0;
}
.panel-wrapper.light-grey {
    background-color: #EEE;
}
.panel-wrapper.over {
    overflow: hidden;
}
.panel-wrapper.noborder {
    border-bottom: none;
}
.panel-shop .panel-header {
    color: #FFF;
    text-align: center;
}
.panel-shop:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 25%;
    background-color: #2979ff;
    border-radius: 4px 4px 0 0;
    background-image: url('https://static.pixilart.com/images/public/shop-wrap-bg-transparent.png');
    background-position: center;
}
.panel-shop.preset:after {
}
.panel-wrapper .menu-content-list a {
    width: 100%;
    display: block;
    padding: 10px 5px;
    color: #555;
    border-bottom: thin solid #EEE;
    border-radius: 4px;
}
.panel-wrapper .menu-content-list a:last-child {
    border-bottom: none;
}
.panel-wrapper .menu-content-list a:hover {
    background-color: #EEE;
    color: #000;
}
.panel-wrapper.panel-bottom-margin {
    margin-bottom: 15px;
}
.panel-wrapper .panel-header {
    padding: 10px;
    position: relative;
    z-index: 2;
}
.panel-wrapper .panel-header .panel-header-helper {
    color: #555;
    font-size: 14px;
    margin-top: -5px;
}
.panel-wrapper .panel-header h2 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.panel-wrapper .panel-header h2.ipor {
    padding: 10px 0;
    font-size: 20px;
}
.panel-wrapper .panel-header.panel-a a, .panel-wrapper .panel-header a {
    color: #000;
}
.panel-wrapper.panel-shop .panel-header a {
    color: #FFF;
    text-align: center;
    width: 100%;
    display: block;
    padding: 5px 0;
    font-size: 14px;
    text-transform: uppercase;
}
.panel-wrapper .panel-header a.btn {
    color: #FFF !important;
}
.panel-wrapper .panel-header a.btn.color-black {
    color: #000 !important;
}
.panel-wrapper .panel-content {
    padding: 0 10px 10px 10px;
    overflow: hidden;
}
.panel-wrapper .panel-content.nopadsides {
    padding: 0 0 10px 0;
}
.panel-content form label {
    padding-bottom: 0;
}
.follower-photo-a {
    width: 24%;
    float: left;
    margin-right: 1.33%;
    margin-bottom: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
.follower-photo-a:nth-child(4n) {
    float: right;
    margin-right: 0px;
}
.panel-wrapper .panel-content .notification-list {
    border: none;
}
.profile-stats-wrapper {
    width: 100%;
    margin-top: 10px;
}
.panel-content .profile-stats-wrapper:first-child {
    margin-top: 0;
}
.profile-stats-wrapper .stats-section {
    float: left;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    color: #000;
    -webkit-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
    transition: all 0.10s ease-in-out;
}
.profile-stats-wrapper a.stats-section:hover {
    border-left: 3px solid #2979ff;
    padding-left: 10px;
}
.profile-stats-wrapper .stats-section:last-child {
    float: right;
    border: none;
}
.recent-photos-user-wrapper .pix-gallery-image {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;

}
.wall-posting-wrapper {
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    padding: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #d7dde0;
}
.wall-picture-poster {
    width: 40px;
    position: absolute;
    left: 10px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.wall-form-poster {
    margin-left: 50px;
}
.wall-posting-header {
    padding-bottom: 10px;
}
.wall-form-poster .post-form-wrapper {
    width: 100%;
}
.wall-form-poster .post-form-wrapper textarea {
    min-height: 60px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: thin solid #f2f5f8;
    background-color: rgba(229, 236, 241, 0.5);
}
.wall-wrapper {
    width: 100%;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
    background-color: #FFF;
    border-bottom: 2px solid #d7dde0;
}
.poster-submit .wall-button-action  {
    font-size: 12px;
    margin-left: 10px;
    margin-top: 3px;
}
.wall-container {
}
.wall-wrapper .wall-body {
    margin-left: 50px;
    width: calc(100% - 50px);
    padding: 12px 10px 10px 10px;
}
.wall-wrapper .wall-body .wall-user-photo {
    position: absolute;
    left: 10px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.wall-user {
    position: relative;
}
.wall-user .fa-angle-right {
    top: 0px;
    color: #777;
    padding: 0 5px;
}
.wall-user a:hover {
    text-decoration: underline;
}
.wall-wrapper .date-post {
    color: #333;
    font-size: 12px;
}
.wall-display {
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.wall-display a .image-main {
    width: 100%;
    margin-bottom: 5px;
}
.wall-display a .image-main.px {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: pixelated;
}
.waiting-approval-stamp {
    padding: 10px 5px;
    background-color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: thin solid #EEE;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
}
.wall-art-display {
    margin-bottom: 10px;
}
.wall-art-desc {
    margin-top: 5px;
    position: relative;
    padding: 5px 0;
}
.wall-art-desc a:hover {
    text-decoration: underline;
}
.photo-info-quick {
    margin-top: 5px;
    color: #000;
}
.wall-actions-wrap {
    font-size: 12px;
    margin-top: 7px;
    padding-top: 9px;
    color: #000;
}
.wall-actions-wrap .fa {
    font-size: 16px;
    margin-right: 3px;
    color: #000;
}
.wall-actions-wrap a {
    color: #000;
    padding: 3px;
    margin-right: 6px;
}
.wall-actions-wrap a:first-child {
    padding-left: 0;
}
.wall-actions-wrap a:hover {
    text-decoration: underline;
    color: #000;
}
.wall-actions-wrap a.comment-wall-toggle:hover {
    text-decoration: none;
    color: #777;
}
.wall-actions-wrap .wall-like-active.active  {
    color: #ed5640;
}
.wall-wrapper:hover .photo-info-quick {
    color: #000;
}
.wall-wrapper:hover .wall-actions-wrap .fa, .wall-wrapper:hover .wall-actions-wrap a {
    color: #000;
}
.photo-info-quick .nfphoto  {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 10px;
}
.show-more-comments {
    font-size: 12px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    padding: 10px 10px 10px 0;
}
.wall-comments-container {
    margin-top: 10px;
    width: 100%;
    position: relative;
    font-size: 14px;
    padding: 15px 10px 10px 10px;
    border-top: thin solid #EEE;
}
.wall-comments-container .wall-body {
    position: relative;
    padding: 0;
}
.wall-comments-container .wall-user-photo {
    width: 40px !important;
    height: 40px !important;
    left: -50px !important;
}
.wall-comments-container a:hover {
    text-decoration: underline;
}
.outcome-comment-wall {
    position: relative;
}
.outcome-comment-wall .opt-settings-button {
    top: -4px;
    right: 0;
    font-size: 16px;
}
.outcome-comment-wall .comment-shown-wall {
    /*padding-right: 25px;*/
}
.wall-comments-container .children-comments {
    margin-bottom: 15px;
}
.wall-comments-container .normal-input {
    padding: 10px !important;
}
.wall-body .comment-notification {
    padding-top: 5px;
}
.wall-out-user a:hover {
    text-decoration: underline;
}
.wall-comments-container .comment-form {
    padding-top: 2px;
    display: block;
}
.wall-format-touser {
    font-size: 16px;
}
.wall-user .opt-settings-button {
    right: 0;
    top: -5px;
}
.username-tag a {
    color: #CCC;
    font-style: italic;
}
.image-parent-takeover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px;
    text-align: center;
    z-index: 3;
}
.image-parent-takeover .new-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #FFF;
}
.image-parent-takeover.just-width .new-image {
    height: auto;
}
.flex-this {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    z-index: 2;
    background-color: rgba(0,0,0,0.3);
}
.flex-this:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,0.6);
}
.flex-this.no-hover-effect:hover {
    background-color: inherit;
}
.image-parent-takeover { 
    color: #FFF;
    font-size: 20px;
    text-shadow: 0px 0px 5px rgb(0, 0, 0);
}
.form-profile-edit {
    padding: 10px;
    background-color: #D4EFF5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: absolute;
    top: 50px;
    border: thin solid rgba(0,0,0,0.2);
    margin-top: 1px;
}
.form-profile-edit form .input-group:last-child {
    margin-bottom: 0px;
}
.form-profile-edit .normal-input {
    border: thin solid rgb(162, 186, 191) !important;
}
.form-profile-edit .input-group {
    margin-bottom: 0px;
}
.form-profile-edit input[type="text"] {
    margin-bottom: 5px;
}
.form-profile-edit .disclaimer-info {
    padding: 5px 0px 0px 0px;
    text-align: center;
    color: rgb(104, 154, 165);
    font-size: 12px;
}
.edit-button-profile {
    display: none;
}
.panel-nobg {
    width: 100%;
}
.panel-nobg.margin-bot {
    margin-bottom: 15px;
}
.panel-nobg .header-nobg {
    font-weight: bold;
}
.panel-nobg .header-nobg .btn, .panel-nobg .header-nobg .btn .fa, .group-header .btn, .btn {
    font-size: 12px;
}
.btn.grey.lighten-4 {
    color: #000;
}
.btn.create-product-btn {
    color: #e44725;
    background-color: #FFF;
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    height: auto;
    padding: 20px 40px;
    border-radius: 50px;
}
.blk .btn.create-product-btn {
    color: #000;
}
.panel-nobg .header-nobg .header-list {
    margin-left: 15px;
}
.panel-nobg .header-nobg .button-nobg {
    font-size: 14px;
    padding: 2px 10px;
    border: thin solid #00A1FF;
    background-color: #00A1FF;
    color: #FFF;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.panel-nobg .header-nobg .button-nobg:hover {
    cursor: pointer;
}
.modal-content h4 {
    margin-bottom: 0px;
}
.art-work-appear {
    margin-top: 5px;
    color: #999;
}
.art-select-album, .art-select-modal {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    overflow: hidden;
    margin-right: 1.3%;
    margin-bottom: 8px;
    position: relative;
}
.art-select-album:hover, .art-select-modal:hover {
    opacity: 0.8;
    cursor: pointer;
}
.art-select-album:nth-child(4n), .art-select-modal:nth-child(4n) {
    margin-right: 0;
}
.art-select-album.active::before, .art-select-modal.active:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    background-color: rgba(255,255,255,0.6);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    font-size: 30px;
    color: #222;
}
.art-select-album img, .art-select-modal img {
    width: 100%;
}
.form-control-album {
    margin: -25px;
    margin-bottom: 0;
}
.form-control-album input {
    border: none !important;
    border-bottom: thin dashed #CCC !important;
    padding: 15px !important;
    margin-bottom: 0;
}
.form-control-album textarea {
    border: none !important;
    height: 120px !important;
    border: none !important;
    padding: 15px !important;
    font-size: 16px;
    border-bottom: thin solid #CCC !important;
}
.form-control-album input.normal-input:focus {
    border: none !important;
    border-bottom: thin dashed #CCC !important;
}
.form-control-album textarea.normal-input:focus {
    border: none !important;
    border-bottom: thin solid #CCC !important;
}
.album-select-text {
    font-size: 14px;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #999;
}
/*
 * Album
 */
.album-list-wrapper { 
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.album-list-wrapper .album-cover-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    height: 200px;
    background-color: #FFF;
}
.album-list-wrapper .album-cover-header:hover {
    opacity: 0.8;
}
.album-list-wrapper .album-cover-header .image-half {
    float: left;
    width: 50%;
    height: 200px;
    overflow: hidden;
    text-align: center;
    background-color: #CCC;
}
.album-list-wrapper .album-cover-header .image-half .cut-half-image {
    width: 100%;
    height: 100px;
    overflow: hidden;
    text-align: center;
}
.album-list-wrapper .album-about-list {
    padding: 10px;
    overflow: hidden;
    background-color: #FFF;
}
.album-list-container {
    padding: 10px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000;
}
.album-list-container .album-title-list {
    display: inline-block;
    vertical-align: middle;
}
.album-list-container:hover {
    text-decoration: underline;
}
.album-list-wrapper .album-title {
    color: #000;
    width: 100%;
    display: block;
}
.album-list-container .pull-right {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    color: #999;
}
.image-count-album {
    font-size: 12px;
    color: #999;
}
.album-art-about-wrapper {
    text-align: center;
    padding: 50px 0;
}
.album-art-about-wrapper h2 {
    padding: 0;
    margin: 0;
    font-size: 32px;
}
.album-art-about-wrapper p {
    margin-top: 5px;
    margin-bottom: 0;
    color: #777;
}
.album-buttons-wrapper {
    display: block;
    width: 100%;
    text-align: center;
}
.album-settings {
    position: static;
    color: #000;
}
.add-more-to-album-button {
    width: calc(25% - 20px) !important;
    height: 200px;
    border: 3px dashed #999;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
}
.add-more-album-button {
    width: 90%;
    height: 200px;
    border: 3px dashed #999;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    font-size: 18px;
    font-weight: bold;
    float: left;
    position: relative;
    top: 18px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1
}
.add-more-album-button:hover {
    background-color: rgba(0,0,0,0.05);
    cursor: pointer;
}
.add-more-to-album-button:hover {
    background-color: rgba(0,0,0,0.05);
    cursor: pointer;
}
.album-art-settings {
    right: 0px;
    top: 40px;
    margin: 0;
    background-color: #FFF;
    padding: 3px 7px;
    z-index: 100;
    color: #000;
}
.album-art-settings:hover {
    background-color: #EEE;
    cursor: pointer;
}
.contest-quick-options .album-art-settings {
    margin: 10px 0;
}
.album-art-drop {
    width: 175px !important;
}
/* Page Header */
.page-header {
    padding: 10px 0;
}
.form-input-group {
    position: relative;
}
.form-input-group.mgb {
    margin-bottom: 15px;
}
.form-group-check {
    margin-bottom: 15px;
}
.form-wrapper .form-group-check:last-child {
    margin-bottom: 0;
}
.form-wrapper { 
    background-color: #FFF;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
.profile-image-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 150px;
    width: 150px;
    border-radius: 4px;
}
.profile-image-upload.group-picture-upload {
    margin-bottom: 15px;
    border-radius: 50%;
}
.profile-image-upload.group-cover-upload {
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}
.profile-picture-file-image {
    width: 100%;
    height: 100%;
    padding: 5px;
}
.profile-image-upload .image-parent-takeover {
    opacity: 0.5;
}
.profile-image-upload .image-parent-takeover:hover {
    opacity: 1;
}
.settings-profile-picture {
    position: absolute;
    left: 0;
    display: inline-block;
    vertical-align: top;
}
.input-col {
    vertical-align: top;
}
.name-settings {
    margin-left: 160px;
}
#group-settings-form .name-settings {
    margin-left: 170px;
}
.username-check-response {
    display: block;
    margin: 3px 0;
}
.form-group-header {
    font-weight: bold;
    padding-bottom: 5px;
}
.form-input-after {
    font-size: 14px;
    margin-top: -5px;
    margin-bottom: 10px;
    display: block;
}
.check-box-field {
    margin-bottom: 10px;
    font-size: 14px;
} 
.check-box-field strong {
    padding-bottom: 5px;
    display: block;
}
.content-cat .check-box-field:last-child {
    margin-bottom: 0;
}
.include-form {
    display: inline-block;
    vertical-align: middle;
}
.list-topic-approve .approval-form label{
    max-width: 30px;
    overflow: hidden;
    position: relative;
    margin-top: 3px;
    margin-right: -13px;
}
.sidebar-panel {
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    border-bottom: thin solid #CCC;
}
.settings-sidebar-links a {
    display: block;
    padding: 10px 15px;
    border-bottom: thin solid #EEE;
    color: #000
}
.settings-sidebar-links a:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f054";
    display: inline-block;
    vertical-align: middle;
    float: right;
    position: relative;
    top: 4px;
}
.settings-sidebar-links a.active {
    color: #000;
    font-weight: bold;
    border-left: 4px solid #2979ff;
    background-color: #f9f9f9;
}
.settings-sidebar-links a:hover {
    background-color: #EEE;
}
.settings-section {
    margin-bottom: 20px;
}
.settings-section .settings-header {

}
.birthdayPicker {
    padding-top: 10px;
}
.birthdayPicker select {
    display: inline-block;
    width: 33.33%;
    float: left;
    border: thin solid #CCC;
}
.birthdayPicker select:hover, .birthdayPicker select:focus {
    border: thin solid #333;
}
.birthdayPicker select:disabled {
    color: #777;
}
.birthdayPicker select:disabled:hover {
    border: thin solid #CCC;
}
.settings-header .lock-icon {
    margin-left: 5px;
    color: #999;
}
.settings-header .settings-header-helper {
    font-size: 12px;
    color: 333;
    display: block;
}
.confirm-age {
    margin-top: 15px;
    display: none;
}
.standard-sidebar {
    top: 0;
}
.album-art-options .opt-settings-button {
    display: inline-block;
    width: auto;
    top: 10px;
    right: 10px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.page-top {
    margin-top: 20px;
}
/* 
 * Wall 
 */
.wall-wrapper-main {
    margin-bottom: 20px;
}
.wall-wrapper-main .wall-wrapper:hover {
    background-color: #FFF;
}
.normal-page {
    margin-top: 15px;
}
.art-wall-settings {
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 3;
    text-align: center;
    right: 15px;
}
/*
 * Followers - Profile
 */
.folow-container-append {
}
.folow-container-append .simple-layout-three .profile-user-card-wrapper  {
    margin-bottom: 15px;
}
.simple-layout-three {
    width: 31%;
    float: left;
    margin-right: 1%;
}
.row .simple-layout-three {
    width: 100%;
    margin-right: 0;
}
.index-list-users .simple-layout-three {
    width: 100%;
}
.simple-layout-three.full-width-card {
    width: 100% !important;
}
.simple-layout-three .profile-user-card-wrapper {
    margin-bottom: 0;
}
.profile-user-card-wrapper {
    width: 100%;
    height: 280px;
    overflow: hidden;
    position: relative;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 15px;
    border-bottom: 2px solid #d7dde0;
}
.noub .profile-user-card-wrapper {
    border-bottom: none;
}
.full-white.section-page .profile-user-card-wrapper {
    border-bottom: none;
    -webkit-box-shadow: 0 2px 4px rgba(50,50,93,.1);
            box-shadow: 0 2px 4px rgba(50,50,93,.1);
}
.profile-user-card-wrapper .profile-about-images {
    padding: 5px 15px 0 15px;
    color: #333;
    font-size: 12px;
}
.profile-user-card-wrapper .profile-card-header {
    position: relative;
    height: 50%;
    overflow: hidden;
    background-position: top;
    background-size: 100%;
    background-color: #039be5;
}
.profile-user-card-wrapper .profile-card-name {
    position: relative;
    height: 100%;
}
.profile-user-card-wrapper .profile-card-name .profile-card-image {
    position: absolute;
    left: 0;
    top: -15px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 2px;
    background-color: #FFF;
    color: #000;
    left: 15px;
}
.profile-user-card-wrapper .after-header-card {
    position: relative;
    top: 5px;
}
.profile-user-card-wrapper .profile-card-name .profile-card-user-name {
    margin-left: 80px;
    color: #000;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    width: 145px;
    overflow: hidden;
    font-weight: bold;
}
.profile-user-card-wrapper .profile-card-name .profile-card-user-name:hover {
    text-decoration: underline;
}
.profile-user-card-wrapper .profile-card-name .card-user-name-tag {
    color: #777;
    font-size: 10px;
}
.user-card-wrapper {
    width: 100%;
    background-color: #FFF;
    border-radius: 4px;
    border-bottom: 2px solid #d7dde0;
    overflow: hidden;
}
.user-card-wrapper .user-card-content {
    position: relative;
}
.user-card-wrapper .user-card-content .after-header-card {
    display: block;
    padding: 40px 0;
    text-align: center
}
.user-card-wrapper .user-card-content .after-header-card .card-image-head img {
    border-radius: 50%;
}
.user-card-wrapper .user-card-content .after-header-card .user-card-name {
    display: block;
    padding: 20px 0 0 0;
    color: #000;
}
.user-card-wrapper .user-card-content .after-header-card .user-card-name a:not(.btn) {
    display: block;
    color: #000;
}
.user-card-wrapper .user-card-content .after-header-card .user-card-name .follow-status-card .btn {
    font-size: 10px;
    line-height: normal;
    height: auto;
    padding: 10px 15px;
    margin-top: 10px;
}
.user-card-wrapper .user-card-content .after-user-set .user-card-stats {
    font-size: 12px;
    padding-bottom: 20px;
}
.profile-card-about {
    padding: 15px 15px 0 15px;
    color: #999;
    font-size: 14px;
}
.follow-button-card {
    position: absolute;
    font-size: 12px;
    padding: 0px 10px;
    top: 52%;
    right: 3%;
}
/*
 * Art Page
 */
.title-image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
    width: 100%;
}
.title-image img {
    position: absolute;
    width: 50px;
    height: 50px;
    overflow: hidden;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.title-image-after-pi {
    margin-left: 60px;
}
.from-user-header img {
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    top: -2px;
}
.more-from-user {
    color: #000;
}
.username-next {
    color: #777;
    font-size: 13px;
    font-weight: normal;
}
.profile-card-container {
    display: none;
    position: absolute;
    background-color: #FFF;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 300px;
    height: 275px;
    z-index: 1002;
    opacity: 0.4;
    margin-top: -15px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
            box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.profile-card-container .profile-user-card-wrapper {
    border-bottom: none;
}
.appended-content-card {
    overflow: hidden;
}
.album-list-header {
    margin-top: 0;
}
.list-inline {
    display: inline-block;
    list-style: none;
    margin: 0;
    width: 100%;
}
.list-inline li {
    display: inline-block;
    vertical-align: middle;
}
.list-inline li.active {
}
.list-inline li a {
}
.list-inline .hover-la:first-child a {
    margin-left: 0;
    border-radius: 3px 0 0 3px;
}
.list-inline .hover-la:last-child a {
    border-radius: 0 3px 3px 0;
}
.list-inline .hover-la a {
    padding: 4px 10px;
    border: thin solid #CCC;
    margin-left: -6px;
    background-color: #FFF;
    font-weight: normal;
    font-size: 14px;
}
.list-inline .hover-la a:hover {
    background-color: #EEE;
}
.right-side-bar-header {
    margin-bottom: 15px;
}
.right-side-bar-header a {
    color: #2979FF;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    padding: 10px 0 10px 0;
    border: thin solid #2979FF;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: inherit;
    padding: 10px 0;
    border-bottom: 1px solid #2979FF;
    -o-transition: none;
    transition: none;
    -webkit-transition: none;
}
.right-side-bar-header a:hover {
    color: #FFF;
    background-color: #2979FF;
    padding: 10px 0 10px 0;
}
.header-nobg .opt-settings-button {
    padding: 0 10px;
}
.activity-page {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
.art-is-gif {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 8px;
    color: #FFF;
    font-size: 12px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.pinned-wall-item .art-is-gif  {
    right: 10px;
    top: 10px;
}
/*
 * Who To follow 
 */
.who-to-follow-wrapper {
    margin-bottom: 5px;
    position: relative;
    min-height: 50px;
}
.who-to-follow-wrapper:last-child {
    margin-bottom: 0;
}
.who-to-follow-wrapper .follower-user-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.who-to-follow-wrapper .follower-name-who {
    margin-left: 60px;
    color: #000;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 60px);
}
.who-to-follow-wrapper .follower-name-who .follow-user-request {
    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    background-color: #FFFFFF !important;
    color: #2979FF;
    border: thin solid #2979FF;
    margin-top: 5px;
    padding: 0 1rem;
}
.who-to-follow-wrapper .follower-name-who .follow-user-request:hover {
    background-color: #2979FF !important;
    color: #FFF;
}
.who-to-follow-wrapper .follower-name-who .profile-card-user-name {
    color: #000;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
.who-to-follow-wrapper .follower-name-who .card-user-name-tag {
    color: #777;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.nothing-to-show-wrapper {
    text-align: center;
    padding: 35px 0;
    color: #999;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.05);
}
.nothing-to-show-wrapper h4 {
    color: #999;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.05);
}
.trending-now-container ul li {
    margin-bottom: 5px;
    color: #777;
    font-size: 14px;
    position: relative;
}
.trending-now-container ul li .tag-count {
    position: relative;
    top: -2px;
}
.trending-now-container ul li a {
    display: block;
    font-weight: bold;
    font-size: 14px;
}
.trending-now-container ul li a:hover {
    text-decoration: underline;
}
.trending-now-container ul li:last-child {
    margin-bottom: 0;
}
.slider-wrapper {
    background-color: #FFF;
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 225px;
}
.slider-control, .feature-car .feature-control { 
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    height: 25%;
    padding: 0 15px;
    top: 33.5%;
    z-index: 99;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.slider-control:hover, .feature-car .feature-control:hover {
    background-color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
            box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
}
.slider-control.right, .feature-car .feature-control.right {
    right: 0;
}
.slider-container {
    position: relative;
}
.slider-container .slide-content {
    display: inline-block;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}
.sidebar-links {
    margin-top: 15px;
    font-size: 12px;
    color: rgba(0,0,0,0.3);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
}
.sidebar-links ul {
    margin: 5px 0 0 0;
}
.sidebar-links ul li {
    display: inline-block;
    margin-right: 5px;
}
.sidebar-links ul li a {
    color: #777;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
}
.sidebar-links ul li a:hover {
    text-decoration: underline;
    color: #000;
}
.status-wall {
    border-left: 3px solid #039BE5;
}
/*
 * Search Page
 */
.loading-text-search {
    font-sizt: 12px;
    padding: 10px;
    background-color: #FFF;
    border-radius: 4px 4px 0 0;
    margin-bottom: -5px;
}
.search-results-shown {
    display: none;
}
.search-more-about-phrase {
    color: #000;
    padding: 15px 10px 12px 10px;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    background-color: #FFF;
    border-bottom: 3px solid #FFF;
}
.search-more-about-phrase:hover {
    color: #000;
    border-bottom: 3px solid #00A1FF;
}
.header-search {
    padding: 10px 0;
    text-align: center;
    color: #000;
    background-color: #FFF;
    margin-top: 50px;
    margin-bottom: -45px;
    font-size: 28px;
}
.picture-of-day-text-container {
    padding: 10px;
    text-align: center;
    color: #FFF;
    position: absolute;
    background-color: #2979ff;
    z-index: 11;
    left: -15px;
    top: 10px;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px 4px 4px 0;
}
.picture-of-day-text-container:before {
    position: absolute;
    left: 0;
    bottom: -15px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #007bff transparent transparent;
}
.picture-of-day-text-container .fa {
    margin-right: 5px;
}
.picture-of-day-text-container.include-image-page {
    top: 25px;
}
.search-text {
    color: #999;
}
#mini-menu.search-mini {
    margin-top: 45px;
    background-color: rgb(251, 251, 251);
}
.fixed-menu-mini {
    position: fixed;
    top: 50px;
    background-color: #FFF;
    width: 100%;
    z-index: 99;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
.fixed-menu-mini.tr {
    -webkit-transition: all .22s;
    -o-transition: all .22s;
    transition: all .22s;
}
.theme-drop-shadow {
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.06);
            box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.06);
}
.fixed-menu-mini ul {
    margin-top: 0;
    margin-bottom: 0;
}
.search-user-container {
    margin-top: 15px;
}
.search-user-container .simple-layout-three  {
    width: 49%;
}
.search-user-container .simple-layout-three:nth-child(even) {
    float: right;
    margin-right: 0;
}
/*
 * Search Drop Down Results 
 */
.search-results-container {
    color: #000;
    text-align: left;
    font-size: 14px;
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.15);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    width: 100%;
    position: absolute;
    left: 0;
    top: 60px;
    display: none;
    max-width: 800px;
    min-width: 550px;
}
.search-results-container:before {
    left: 40px;
}
.search-results-container .search-results-shown {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}
.search-results-container .search-more-about-phrase {
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}
.users-request-search-results {
    width: 25%;
    min-width: 200px;
    float: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    overflow-y: auto;
    max-height: 400px;
    min-height: 400px;
    background-color: #FFF;
}
.users-request-search-results:before {
    content: "Users";
    padding: 10px;
    display: block;
}
.users-request-search-results.full {
    width: 100%;
}
.art-request-search-results {
    padding: 10px;
    overflow-y: auto;
    max-height: 400px;
    min-height: 400px;
    background-color: #e5ecf1;
}
.art-request-search-results:before {
    content: "Posts";
    padding: 10px 10px 10px 0;
    padding-top: 0;
    display: block;
}
.art-request-search-results.hidden {
    display: none !important;
}
.art-request-search-results .desc-notifications:last-child {
    margin-bottom: 0;
}
.users-request-search-results .username-next {
    display: block;
    font-size: 12px;
}
.art-request-search-results .render {
    margin-bottom: 10px;
}
.art-request-search-results .render:last-child {
    margin-bottom: 0;
}
.art-request-search-results .show-more-comments, .art-request-search-results .like-small-button, .art-request-search-results .comment-form, .art-request-search-results .opt-settings-button {
    display: none;
}
nav .nav-wrapper i.fa {
    height: auto;
    line-height: inherit;
}
.user-request-wrapper, .search-all-posts {
    padding: 10px;
    position: relative;
    display: block;
}
.search-all-posts {
    font-weight: bold;
}
.user-request-wrapper:hover, .search-all-posts:hover {
    color: #FFF;
    background-color: #2979FF;
}
.user-request-wrapper:hover .user-name-fetched .username-next {
    color: #FFF;
}
.user-picture-fetched {
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.user-name-fetched {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.profile-header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.profile-header-nav.active {
    padding-left: 65px;
}
/*
 * Photos Page
 */
.modal.half {
    max-width: 50%;
}
.modal .modal-close {
    margin-right: 15px !important;
}
button:focus {
    background-color: #2196F3;
    color: #FFF; 
}
.photo-page-template {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    min-height: 300px;
    max-height: 2500px;
    overflow: hidden;
}
.photo-page-template img {
    max-height: 100%;
    max-width: 100%;
}
.image-display-wall {
    max-height: 600px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.profile-image-sub-menu {
    display: none !important;
}
.profile-image-sub-menu.active {
    display: block !important;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    top: 5px;
    left: 0;
}
.profile-image-sub-menu a {
    padding: 0 !important;
}
.show-full-comment {
    padding-top: 15px;
    font-size: 12px;
    color: #999;
}
.show-full-comment:hover {
    color: #000;
    cursor: pointer;
}
.empty-slot {
    display: block;
    height: 1px;
    margin-top: -2px;
}
/*
 * Home Page 
 */
.full-page-section {
    margin-top: 0;
}
.full-page-section .section-page:last-child {
    margin-bottom: 0;
}
.non-auth-homepage-wrapper, .header-take-over {
    background-color: #CCC;
    width: 100%;
    background-position: center 70%;
    height: 100%;
    min-height: 550px;
    position: relative;
    background-color: #394685;
    background-image: url(https://art.pixilart.com/cd7fd2d34b39130.png);
    background-size: cover;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    /*
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-position: top;
}
.full-page-section .about-page-wrapper {
    padding: 160px 0;
    background-image: url(https://art.pixilart.com/26c7b12f925e6f5.gif);
    background-position: right 5%;
    background-color: #FFF;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
}
.full-page-section .about-page-wrapper .flop-container {
    width: 100%;
}
.full-page-section .shop-page-wrapper {
    background: #F44336;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FF5722, #F44336);  /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#FF5722), to(#F44336));
    background: -webkit-linear-gradient(left, #FF5722, #F44336);
    background: -o-linear-gradient(left, #FF5722, #F44336);
    background: linear-gradient(to right, #FF5722, #F44336); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-size: cover; 
    background-position: right bottom;
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    padding: 150px 0;
}
.full-page-section .shop-page-wrapper.custom-shop {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.full-page-section .shop-page-wrapper.custom-shop {
    min-height: 250px;
    background: #DA4453;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #89216B, #DA4453);  /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#89216B), to(#DA4453));
    background: -webkit-linear-gradient(left, #89216B, #DA4453);
    background: -o-linear-gradient(left, #89216B, #DA4453);
    background: linear-gradient(to right, #89216B, #DA4453); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.full-page-section .shop-page-wrapper.custom-shop .h2-about {
    position: relative;
    top: 2px;
}
.full-page-section .shop-page-wrapper.custom-shop h4 {
    font-size: 22px;
    padding-top: 0;
    font-weight: 300;
    margin-top: 0;
}
.full-page-section .shop-page-wrapper.blk {
    background: #070707;
    background: -webkit-linear-gradient(to right, #070707, #6a6a6a);
    background: -webkit-gradient(linear, left top, right top, from(#070707), to(#6a6a6a));
    background: -webkit-linear-gradient(left, #070707, #6a6a6a);
    background: -o-linear-gradient(left, #070707, #6a6a6a);
    background: linear-gradient(to right, #070707, #6a6a6a);
    background: linear-gradient(to right, #070707, #6a6a6a);
}
section.header-take-over.shop-page-wrapper.wrapper:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('https://static.pixilart.com/images/public/hero-shop.png?ver=1.3');
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
}
.full-page-section .shop-page-wrapper.custom-shop.wrapper:before {
    background-image: url('https://static.pixilart.com/images/public/shop-wrap-bg-transparent.png');
    background-repeat: repeat;
    opacity: 0.5;
}
.full-page-section .shop-page-wrapper.custom-shop.blk {
    min-height: 350px;
    background: #070707;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #070707, #6a6a6a);  /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#070707), to(#6a6a6a));
    background: -webkit-linear-gradient(left, #070707, #6a6a6a);
    background: -o-linear-gradient(left, #070707, #6a6a6a);
    background: linear-gradient(to right, #070707, #6a6a6a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #070707, #6a6a6a);
}
section.header-take-over.shop-page-wrapper.wrapper:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.025);
    top: 0;
    left: 0;
}
section.s-o {
    overflow: hidden;
}
.empty-page-wrapper.header-take-over {
    background-color: #FFF;
    background-image: none;
    background-repeat: no-repeat;
    padding: 0;
}
.image-hero {
    width: auto;
    height: auto;
    position: relative;
}
.image-hero .image-hero-text {
    position: absolute;
    height: 100%;
    width: 100%;
    color: #000;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.image-hero-text .image-hero-text-wrapper {
    color: #FFF;
}
.image-hero-text .image-hero-text-wrapper h2 {
    font-size: 62px;
}
.hero-callout-shop {
    color: #555;
    font-size: 12px;
}
.hero-callout-shop .callout-wrapper {
    background-color: #FFF;
    border-radius: 4px;
    margin-top: -40px;
    position: relative;
    border-bottom: 2px solid #d7dde0;
}
.hero-callout-shop .col {
    padding: 20px 0;
}
.hero-callout-shop h4 {
    margin-bottom: 5px;
    margin-top: 0;
    color: #000;
    font-size: 16px;
}
.hero-callout-shop .icon-callout, .hero-callout-shop .text-callout {
    display: inline-block;
    vertical-align: top;
}
.hero-callout-shop .icon-callout {
    margin-right: 15px;
    color: #000;
    font-size: 28px;
}
.hero-callout-shop .callout-shop-wrapper {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.background-image-by-user {
    position: absolute;
    z-index: 1;
    color: #EEE;
    font-size: 12px;
    bottom: 0;
    left: 0;
    padding: 10px;
}
.background-image-by-user a {
    color: #EEE;
    text-decoration: none;
}
.background-image-by-user a:hover {
    color: #000;
}
.image-flop-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.0);
    background-image: url(https://static.pixilart.com/images/public/bk-t-b.png);
    background-repeat: repeat-x;
}
.flop-container {
    position: relative;
    z-index: 2;
} 
.recent-home-page .inline-thumb-image {
    width: 49%;
    float: left;
    vertical-align: top;
    margin-right: 2%;
    text-align: left;
    -webkit-box-shadow: 0 2px 4px rgba(50,50,93,.1);
            box-shadow: 0 2px 4px rgba(50,50,93,.1);
}
.about-container .recent-home-page .inline-thumb-image {
    width: 24%;
    margin-right: 1%;
}
.recent-home-page .inline-thumb-image {
    width: 24%;
    float: left;
    vertical-align: top;
    margin-right: 1.2%;
    text-align: left;
    -webkit-box-shadow: 0 2px 4px rgba(50,50,93,.1);
            box-shadow: 0 2px 4px rgba(50,50,93,.1);
    position: relative;
}
.recent-home-page .inline-thumb-image:hover {
    -webkit-box-shadow: 0 2px 6px rgba(50,50,93,.2);
            box-shadow: 0 2px 6px rgba(50,50,93,.2);
}
.recent-home-page .inline-thumb-image:nth-child(odd) {
}
.about-container .recent-home-page .inline-thumb-image:nth-child(odd) {
    margin-right: 1%;
}
.home-section {
    margin-top: 20px;
}
.home-section .header-h {
    color: #000;
}
.section-page h3 {
    font-size: 28px;
    color: #000;
    margin: 0 auto;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}
.section-page:last-child {
    margin-bottom: 50px;
}
.section-page p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0;
    line-height: 38px;
}
.features-page .section-page p {
    max-width: 500px;
}
.recent-home-page .inline-thumb-image:last-child {
    margin-right: 0;
}
.section-page {
    display: inline-block;
    width: 100%;
    padding: 70px 0;
    position: relative;
    z-index: 2;
}
.full-white {
    background-color: #FFF;
}
.full-grey {
    position: relative;
    /*background-color: #e5ecf1;*/
    margin-bottom: 0;
}
.full-grey .wrapper {
    position: relative;
    z-index: 2;
}
.full-grey:before {
    /*
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 800px;
    background: #f6f9fc;
    -webkit-transform: skew(0,-10deg);
        -ms-transform: skew(0,-10deg);
            transform: skew(0,-10deg);
    */
}
.header-section-page {
    margin-bottom: 40px;
    color: #000;
    display: block;
}
.header-section-page a {
    color: #000;
}
.index-list-users {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
}
.two-sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;   
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    margin-top: 50px;
}
.two-sections .section-tw {
    width: 50%;
    float: left;
}
.two-sections .section-tw:last-child {
    float: right;
}
.non-auth-homepage-wrapper .two-sections {
    margin-top: 0;
    display: inline-block;
}
.explain-section {
    color: #FFF;
}
.signup-section-wrapper {
    background-color: #FFF;
    padding: 20px;
    margin: 0 65px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
.index-signup-social .social-button {
    margin-bottom: 0;
}
.index-signup-form {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 14px;
}
.index-signup-social h4 {
    font-size: 24px;
    margin-top: 0;
}
.explain-section h1 {
    font-size: 42px;
}
.explain-section h2 {
    font-size: 22px;
    font-weight: normal;
}
.header-flop-container {
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 15px;
}
.header-flop-container h1, .header-flop-container h2 {
    margin: 0 0 20px 0;
    font-family: 'Quicksand', sans-serif;
}
.non-auth-homepage-wrapper .header-flop-container h1 {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
    font-weight: bold;
}
.non-auth-homepage-wrapper .header-flop-container h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 25px 0;
}
.header-flop-container h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
}
.header-flop-container .draw-button-header {
    font-size: 12px;
    height: auto;
    margin-top: 10px;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #FF5F6D;
    background: -webkit-linear-gradient(to right, #ffaa35, #FF5F6D);
    background: -webkit-gradient(linear, left top, right top, from(#ffaa35), to(#FF5F6D));
    background: -webkit-linear-gradient(left, #ffaa35, #FF5F6D);
    background: -o-linear-gradient(left, #ffaa35, #FF5F6D);
    background: linear-gradient(to right, #ffaa35, #FF5F6D);
}
.btn-up {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
.header-flop-container .draw-button-header:hover, .footer-login-button .footer-callout-login:hover, .btn-up:hover {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
            box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.menu-list-item.draw-button-header {
    margin: 10px 0;
    border-radius: 20px;
    height: 2.6rem !important;
    line-height: 2.6rem !important;
    background: -webkit-gradient(linear,left top, right top,from(#2D9BEA),to(#962ee4));
    background: -webkit-linear-gradient(left,#2D9BEA,#962ee4);
    background: -o-linear-gradient(left,#2D9BEA,#962ee4);
    background: linear-gradient(to right,#2D9BEA,#962ee4);
}
.menu-list-item.draw-button-header:hover {
    background: -webkit-gradient(linear,left top, right top,from(#2984c5),to(#8521d0));
    background: -webkit-linear-gradient(left,#2984c5,#8521d0);
    background: -o-linear-gradient(left,#2984c5,#8521d0);
    background: linear-gradient(to right,#2984c5,#8521d0);
}
#slide-out .button-application-side .menu-list-item.draw-button-header .fa { 
    margin-right: 0;
}
#submission-preview {
    margin-bottom: 20px;
}
.side-nav li:hover .menu-list-item, .side-nav li.active {
    background-color: rgba(238, 238, 238, 0.75);
}
.side-nav li:hover, .side-nav li.active {
    background-color: inherit;
}
/*
 * Footer 
 */
footer {
    background: #FFF;
    width: 100%;
}
.footer-wrapper {
    padding: 50px 0;
    color: #000;
    /*background-image: url(https://static.pixilart.com/images/public/footer-bg-right.jpg?ver=1.1);*/
    background-repeat: no-repeat;
    background-position: right bottom;
}
.footer-after-logo {
    font-size: 12px;
    margin-top: 20px;
}
.footer-after-logo  h3 {
    margin: 0;
    margin-top: 0;
    font-size: 12px;
}
.footer-copyright-wrapper {
    padding-top: 60px;
    color: #777;
    font-size: 12px;
}
.footer-copyright a {
    color: #000;
}
.footer-links {
    margin: 0 auto;
}
.footer-links ul {
    padding: 0;
    margin: 0;
}
.footer-links ul .footer-section-header {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    margin-bottom: 15px;
}
.footer-links ul .footer-section-header .footer-preview {
    color: #000;
}
.footer-links ul li {
    padding: 3px 0;
    margin-bottom: 5px;
}
.footer-links ul li:last-child {
    margin-right: 0;
}
.footer-links ul li a, .footer-links ul li {
    color: #999;
    font-size: 14px;
}
.footer-links ul li a:hover {
    color: #000;
}
.footer-social {
    margin-bottom: 20px;
    color: #CCC;
}
.social-icons-footer li {
    display: inline-block;
}
.social-icons-footer ul li a .fa {
    font-size: 22px;
    color: #CCC !important;
}
.social-icons-footer ul li a .fa:hover {
    color: #000 !important;
}
.footer-social a {
    display: inline-block;
    color: #000;
    margin-right: 20px;
    font-size: 26px;
}
.fa-facebook-square {
    color: #3b5999;
}
.footer-wrapper .fa-twitter, .menu-social .fa-twitter {
    color: #55acee;
}
.index-signup-social .fa-twitter, .social-login-wrapper .fa-twitter {
    color: #FFF;
}
.footer-wrapper .fa-heart {
    color: #eb4b43;
}
.fa-google-plus-official, .social-box .fa-google-plus-official {
    color: #dd4b39;
}
.footer-social a:hover {
    opacity: 0.7;
}
.footer-social a:last-child {
    margin-right: 0;
}
.fa-spin {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
.footer-login-button {
    padding: 100px 0;
    text-align: left;
    width: 100%;
    color: #000;
    background-color: #FFF;
    background-image: url(https://static.pixilart.com/images/public/footer-bird.png);
    position: relative;
    -ms-interpolation-mode: nearest-neighbor;
            image-rendering: -webkit-optimize-contrast;
            image-rendering: -moz-crisp-edges;
            image-rendering: -o-pixelated;
            image-rendering: pixelated;
    position: relative;
    background-position: 90% -100px;
    background-repeat: no-repeat;
    border-bottom: thin solid #eee;
    border-top: thin solid #EEE;
}
.footer-login-button .overlay-footer {
    background-color: rgba(0,0,0,0.0);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    position: absolute;
}
.footer-login-button .wrapper {
    position: relative;
    z-index: 2;
}
.footer-login-button .explained-login-text {
    font-size: 20px;
    max-width: 500px;
    margin: 30px 0 10px 0;
    line-height: 32px;
}
.footer-login-button .footer-callout-login {
    margin-top: 25px;
    text-shadow: none;
}
.blue-bs {
    -webkit-box-shadow: 0 15px 35px rgba(41, 121, 255, .3), 0 5px 15px rgba(0,0,0,.07) !important;
            box-shadow: 0 15px 35px rgba(41, 121, 255, .3), 0 5px 15px rgba(0,0,0,.07) !important;
}
.footer-login-button h2 {
    margin: 0;
    font-size: 42px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Quicksand', sans-serif;
}
.image-by-footer {
    font-size: 10px;
    color: #999;
    margin-top: 15px;
}
.image-by-footer a {
    color: #777;
}
/*
 * Simple Page
 */
.simple-page {
    padding: 100px 0;
    margin: 0 auto;
    text-align: center;
    color: #999;
}
.topic-page {
    margin-bottom: 20px;
}
.art-title-image {
    min-height: 16px;
}
/*
 * online Room
 */
.online-info {
    margin-top: 20px;
    font-size: 12px;
    color: #999;
}
.show-rooms-table {
    max-height: 500px;
    overflow-y: scroll;
}
.online-page {
    margin-top: 20px;
    margin-bottom: 20px;
}
.goToRoom {
    cursor: pointer;
}
.application-page-bottom {
    margin-bottom: 25px;
}
.image-buttons .fa {
    margin-right: 5px;
    font-size: 12px;
    vertical-align: middle;
}
.art-wall-settings .like-photo .fa {
    margin-right: 0;
    font-size: 24px;
    position: relative;
    top: 5px;
}
.images-shown-list {

}
.images-shown-list .images-list-down .pix-gallery-image {
    width: 100%;
    margin-bottom: 20px;
}
.images-shown-list .images-list-down {
    margin-bottom: 20px;
}
.images-shown-list .images-list-down:last-child {
    margin-bottom: 0;
}
.image-status-placement {
    padding: 10px;
}
.gallery-feed-wrapper {
    margin-top: 5px;
}
.filter-change-feed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    margin: 15px 0;
    position: relative;
}
.filter-change-feed .inline-switch-filter {
    display: inline-block;
    vertical-align: middle;
    padding: 9px 12px;
    margin-right: 5px;
    font-size: 14px;
    color: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.filter-change-feed .inline-switch-filter:hover {
    background-color: #FFF;
    color: #000;
}
.filter-change-feed .inline-switch-filter.active {
    background-color: #2979ff;
    color: #FFF;
}
.filter-change-feed .inline-switch-text {
    font-size: 12px;
    margin-left: 10px;
}
.featured-art-index {
}
.all-activity {
    position: absolute;
    right: 0;
}
.follower-toggle-wrapper {
    position: absolute;
    right: 0;
    padding: 10px 0;
}
/* ==========================================================================
   Image Popup
   ========================================================================== */
.created_at_image_date {
    font-size: 12px;
    color: #999;
}
.image-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    display: none;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    overflow-y: scroll;
}
.close-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; 
}
.image-popup-container-scroll {
    position: relative;
    height: 100%;
}
.image-popup-container {
    width: 80%;
    max-width: 1250px;
    margin: 30px auto;
    background-color: #e5ecf1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    min-height: 100%;
    position: relative;
    z-index: 2;
}
.image-popup-container > .row {
    position: relative;
    z-index: 2;
}
.image-popup-container .photo-page-include {
    margin-bottom: 0;
}
.photo-page-include .about-user-image {
    background-color: #FFF;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    -webkt-border-radius: 2px 2px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.image-popup-container .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    display: -webkit-flex;
    position: relative;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    color: #777;
    width: 100%;
    position: absolute;
    font-size: 22px;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
.close-popup {
    display: inline-block;
    position: fixed;
    top: 20px;
    right: 35px;
    padding: 10px 15px;
    margin: 10px;
    border: 3px solid rgba(255,255,255,1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #FFF;
    color: #000;
    z-index: 3;
}
.close-popup:hover {
    cursor: pointer;
    border: 3px solid #FFF;
    background-color: #EEE;
}
.image-popup-container .fixed-row {
    /*margin: 0;*/
}
.gallery-page-setup {
    display: inline-block;
    width: 100%;
    margin-top: 110px;
}
.show-preview-image {
    width: 240px;
    height: 240px;
    background-color: #EEE;
    margin-right: 15px;
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    margin-left: -9px;
}
.show-preview-image.post-photo {
    width: 80px;
    height: 80px;
    margin-left: 0;
}
.show-preview-image:hover {
    background-color: #CCC;
    cursor: pointer;
}
.show-image-here {
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
}
.galler-list-wrapper {
    padding: 25px 0;
    margin-top: 5px;
}
.gallery-album-list {
    padding-top: 25px;
    padding-bottom: 25px;
}
.sub-copy-menu ul, .copy-cat-menu ul {
    margin: 0;
}
.copy-cat-menu {
    background-color: #FFF;
}
/*
 * Admin Page
 */
.admin-page {
    top: 0;
    margin-bottom: 20px;
}
.sections-rows .panel-wrapper {
    margin-left: 1% !important;
}
.input-group-three {
    width: 32%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: middle;
}
.input-group-three input {
    margin-bottom: 0;
}
.input-group-three:first-child {
    margin-left: 0;
}
.input-group:last-child {
    margin-bottom: 0;
}
.filter-form {
    margin-bottom: 0;
}
.select-input {
    display: block;
}
.admin-page-wrapper {
    padding-top: 20px;
    display: inline-block;
    width: 100%;
}
.admin-wrapper-page {
    padding-top: 50px;
}
.simple-admin-layout-image {
    width: 100%;
    position: relative;
}
.image-left-placement {
    float: left;
    position: relative;
}
.admin-page .simple-layout-three {
    width: 32%;
    margin-right: 2%;
}
.admin-page .sections-rows .panel-wrapper-full {
    margin-left: 0 !important;
}
.admin-page .simple-layout-three:nth-child(3n)
{
    margin-right: 0;
}
.image-column-thunbs {
    width: 32%;
    float: left;
    background-color: #FFF;
    margin-right: 1%;
    margin-bottom: 15px;
    opacity: 1 !important;
}
.admin-page .simple-layout-three:nth-child(3n)
{
    margin-right: 0;
}
.fix-page-normal {
    margin-top: -30px;
}
.delete-option-admin-wrapper {
    padding: 5px;
    background-color: #FFF;
}
.delete-option-admin-wrapper .delete-button-admin {
    background-color: #999;
    color: #FFF;
    text-align: center;
    padding: 5px;
    border-radius: 2px;
}
.delete-false-button-admin {
    color: #000;
    text-align: center;
    padding: 5px;
    border-radius: 2px;
}
.delete-option-admin-wrapper .delete-button-admin:hover, .delete-option-admin-wrapper .delete-button-admin.active {
    background-color: #d63131;
    cursor: pointer;
}
.admin-about-image {
    padding: 10px;
}
.image-options-quick {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    display: -webkit-flex;
    font-size: 14px;
}
.flex-center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.approve-button-art:hover {
    cursor: pointer;
    background-color: #EEE;
}
.approve-button-art.active {
    background-color: #2979FF;
    color: #FFF;
}
.approve-button-art.active:hover {
    background-color: #2979FF;
}
.image-options-quick .image-button-request {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    position: relative;
}
.image-options-quick .image-button-request.active {
    background-color: #2980b9;
    color: #FFF;
}
.image-options-quick .image-button-request.delete.active {
    background-color: #e74c3c;
    color: #FFF;
}
.image-options-quick .image-button-request:hover {
    opacity: 0.7;
    cursor: pointer;
}
.image-options-quick .image-button-request:last-child {
    border-right: none;
}
.response-message {
    width: 100%;
    position: relative;
    z-index: 2;
    top: 50px;
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.06);
            box-shadow: 0 1px 0 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.06);
}
.response-message.admin-response {
    top: 0;
    padding: 20px;
    border-radius: 4px;
    color: #FFF;
}
.response-message.admin-response.success {
    background-color: #4CAF50;
}
.response-message.admin-response.error {
    background-color: #F44336;
}
.response-message .wrapper {
    width: 1300px;
    padding: 20px;
}
.response-message .message-reponse {
    display: inline-block;
}
.response-message.error .message-reponse .fa {
    color: red;
}
.response-message.warning .message-reponse .fa {
    color: orange;
}
.close-response {
    cursor: pointer;
}
.show-more-text {
    color: #03b4ee;
    font-size: 12px;
    margin-top: 5px;
}
.show-more-text:hover {
    cursor: pointer;
    text-decoration: underline;
}
.profile-options-menu-wrapper .profile-section-group {
    display: inline-block;
    padding: 5px 7px;
    font-size: 14px;
    color: #333;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 5px;
}  
.profile-options-menu-wrapper a.profile-section-group:hover {
    background-color: #EEE;
}
.profile-options-menu-wrapper .profile-section-group:last-child {
    margin-right: 0;
}
.profile-section-group a {
    color: #000;
}
.admin-table {
    background-color: #FFF;
    padding: 10px;
    border-radius: 2px;
}
.admin-table td, .admin-table th {
    padding: 5px 10px;
    font-size: 14px;
}
.fixed-admin-page-margin {
    margin-top: -31px;
}
.load-more-button-admin-table, .load-more-button-table {
    margin-top: 10px;
    background-color: #FFF;
    border-radius: 4px;
    padding: 10px 15px;
    text-align: center;
    color: #000;
    font-size: 14px;
}
.load-more-button-admin-table:hover, .load-more-button-table:hover {
    cursor: pointer;
    background-color: #EEE;
}
.section-admin-table {
    margin-bottom: 20px;
}
.section-admin-table:last-child {
    margin-bottom: 0;
}
textarea.comment-profile-wall {
    resize: none;
    padding: 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    height: 2.6rem;
    border: thin solid #fff;
    background-color: rgba(229, 236, 241, 0.5);
    overflow: hidden;
}
.badge--card {
    width: 18px;
    height: 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    background-color: #333;
    border: 1px solid #FfF;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.15);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.15);
    text-transform: uppercase;
    font-size: 10px;
    color: #FFF;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    right: 0;
    bottom: 0;
}
.badge--card.mod {
    background-color: #42b513;
}
.badge--card.admin {
    background-color: red;
}
.title-image .badge--card {
    right: inherit;
    bottom: inherit;
    margin-left: 30px;
    margin-top: 30px;
}
/* ==========================================================================
   Gallery Thumbnail
   ========================================================================== */
.gallery-card-placement-wrapper {
    display: inline-block;
    position: relative;
    width: 250px;
    height: 250px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2
}
.gallery-album-list .gallery-card-placement-wrapper {
    width: 244px;
    height: 250px;
    margin-bottom: 25px;
}
.gallery-album-list .gallery-card-placement-wrapper:nth-child(5n) {
    margin-right: 0;
}
.gallery-card-placement-wrapper:last-child {
    margin-right: 0;
}
.gallery-show-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.card-background-container {
    position: absolute;
    width: 80%;
    height: 90%;
    background-color: #FFF;
    z-index: 3;
    left: 9%;
    top: 5%;
    border: thin solid rgba(0,0,0,0.2);
    border-radius: 4px;
}
.card-background-container.layer-card-1:hover {
    background-color: #EEE;
    cursor: pointer;
}
.card-background-container.layer-card-1:hover .card-title-placement {
    background-color: #EEE;
} 
.card-background-container.layer-card-1 .card-image-placement {
    background-color: #EEE;
}
.card-background-container.layer-card-2 {
    z-index: 2;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
        transform: rotate(10deg);
}
.card-background-container.layer-card-3 {
    z-index: 1;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
}
.card-image-placement {
    margin: 5px;
    background-color: #EEE;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: relative;
    overflow: hidden;
}
.card-title-placement {
    color: #000;
    position: absolute;
    bottom: 0;
    display: block;
    padding: 10px 0 5px 5px;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-family: arial;
    font-weight: bold;
    background-color: #FFF;
    z-index: 1;
}
.card-image-holder-placement {
    z-index: 0;
    height: 100%;
    position: absolute;
}
.photo-page-include {
    border-radius: 4px;
}
.popup-image-wrapper .photo-page-include {
    margin-bottom: 0;
}
.placement-fixed {
    height: 35px;
    width: 100%;
    display: inline-block;
}
.image-popup-container .placement-fixed {
    height: 0;
}
.photo-page-include.top-photo-page {
    margin-bottom: 0;
}
/* About Page */
.about-page-wrapper .h2-about {
    font-size: 26px;
    margin-top: 10px;
    font-weight: normal;
}
.shop-page-wrapper .h2-about {
    max-width: 600px;
    padding: 15px 0;
    line-height: 36px;
}
.shop-page-wrapper.custom-shop .h2-about {
    max-width: 820px;
    font-weight: bold;
    font-size: 36px;
}
.full-width-page-header {
    width: 100%;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    background-size: cover;
    background-position: center;
    margin-top: 50px;
    color: #FFF;
}
.page-header h5 {
    margin-bottom: 0;
}
.admin-form select {
    height: auto !important;
    color: #000;
    padding: 8px 10px !important;
}
.full-width-page-header.about-bg {
    background-image: url('https://static.pixilart.com/images/public/about_header_bg.jpg');
}
.about-page {
    line-height: 1.5;
    margin-top: 5px;
}
.about-page h5 {
    padding: 15px 0;
}
.section-text {
    padding: 80px 0;
    line-height: 1.8;
}
.section-text.last-section {
    padding-top: 0;
    padding-bottom: 30px;
}
.section-text.first-section {
    margin-top: -30px;
}
.section-text h1 {
    margin: 0;
}
.section-text .section-title {
    font-size: 28px;
    font-weight: bold;
}
.section-text h2 {
    font-weight: normal !important;
}
.about-container {
    margin-top: -25px;
    line-height: 1.5;
}
.about-header-page {
}
.about-container h1, .about-container h2 {
    margin: 40px 0;
    font-size: 26px;
}
.about-container h2.nomgb {
    margin-bottom: 0;
}
.section-main-wrap {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    width: 75%;
    margin: 0 auto;
    text-align: left;
}
.collapsible-header:hover, .collapsible-header.active {
    background-color: #2979FF;
    color: #FFF;
    border-bottom: 1px solid #2979FF;
}
.text-caps {
    text-transform: uppercase;
}
.faqs {
    margin-bottom: 50px;
}
.social-list li a {
    color: #000;
    padding: 5px 0;
    display: inline-block;
    font-size: 16px;
}
.social-list .fa-facebook-square {
    color: #3b5999;
}
.social-list .fa-twitter {
    color: #55acee;
}
.social-list .fa-instagram {
    color: #3f729b;
}
.social-list li a:hover {
    text-decoration: underline;
}
.social-list li a .fa {
    font-size: 22px;
}
.logo-icon-social {
    margin-right: 5px;
}
.error-page {
    display: block;
    padding-top: 110px;
    margin: 0 auto;
    min-height: 500px;
}
.inline-icons-shown img {
    display: inline-block;
    vertical-align: middle;
}
.error-text {
    color: #000;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
}
.error-text p {
    font-size: 18px;
    margin: 30px 0 50px 0;
}
.error-text .error-text-big {
    margin-top: 15px;
    margin-bottom: -25px;
    font-size: 52px;
    color: #000;
    line-height: normal;
}
.error-text h2 {
    font-size: 20px;
    padding-top: 20px;
    color: #999;
}
.image-display-page {
    margin: 0 auto;
}
.image-popup-container .image-display-page {
    max-width: 1250px;
    margin: 0 auto;
}
.load-more-ablum-pictures {
    margin-bottom: 20px;
    position: static;
}
.modal.modal-fixed-footer .modal-content {
    height: calc(100% - 55px); 
}
.check-box-field-text {
    margin-bottom: 5px;
    border-bottom: thin solid #EEE;
}
.check-box-field label {
    margin-top: 0;
}
.panel-action-button {
    padding: 10px 5px;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    color: #2979FF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-transform: uppercase;
    border: thin solid #2979FF;
    -o-transition: none;
    transition: none;
    -webkit-transition: none;
}
.panel-action-button.solid {
    background-color: #2979FF !important;
    color: #FFF;
    /*border-bottom: 2px solid rgba(0,0,0,0.1);*/
}
.panel-action-button.nomgt {
    margin-top: 0;
}
.panel-action-button:hover {
    color: #FFF;
    background-color: #2979FF;
    padding: 10px 5px 10px 5px;
}
.locked-icon-status {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #FFF;
    background-color: #222;
    padding: 5px 7px;
    border-radius: 2px;
    -webkit-border-radius: 4px;
    z-index: 9;
    font-size: 14px;
}
/* ==========================================================================
   Auto Grid
   ========================================================================== */
.masonry-gallery {
    margin: 0 -15px;
}
.masonry-gallery.tutorial-masonry {
    margin: 0 -10px;
}
.masonry-gallery.fix-margin {
    margin: 0;
}
.column-grid {
    display: inline-block;
    vertical-align: top;
}
.hidden-append-items {
    height: 1px;
    overflow: hidden;
}
.grid-item {
    background-color: #CCC;
    font-size: 42px;
    color: rgba(255,255,255,0.6);
    font-family: arial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.sidebar-mas-box {
    width: 47.95%;
    margin-right: 0;
    margin-left: 2%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.sidebar-mas-box:nth-child(odd)
{
}
.like-small-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: normal !important;
}
.like-small-button.active {
    background-color: #F44336 !important;
}
.like-small-button:hover {
    text-decoration: none !important;
}
.like-small-button .fa {
    position: static !important;
    margin-bottom: 1px !important;
}
.image-buttons .like-small-button {
    display: inline-block;
}
.buttons-mod-container {
    width: 100%;
    border-top: thin solid #CCC;
}
.buttons-mod-container .list-button {
    float: left;
    width: 33.33%;
}
.buttons-mod-container .list-button a {
    padding: 10px 0;
    text-align: center;
    color: #000;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.buttons-mod-container .list-button a div {
    text-transform: none;
    font-size: 14px;
}
.buttons-mod-container .list-button a:hover {
    background-color: #EEE;
    cursor: pointer;
}
.basic-page.submenu-text-page {
    margin-top: 120px;
    top: 0;
}
/* ==========================================================================
   Ads
   ========================================================================== */
.advertisement {
    width: 100%;
}
.advertisement.drawing-ad {
    margin-top: 35px;
    width: 100%;
    text-align: center;
}
.advertisement .explain-ad {
    font-size: 10px;
    padding-bottom: 5px;
    color: rgba(0,0,0,0.4);
}
.advertisement.image-ad {
    margin-top: 25px;
    width: 100%;
    text-align: center;
}
.advertisement.mobile-ad {
    margin-top: 20px;
}
.advertisement.wall-ad {
    width: 100%;
    padding: 10px;
    background-color: #FFF;
    border-bottom: 2px solid #EEE;
}
/* Show Likes Wrapper */
.show-likes-container, .quick-popup-container {
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: none;

}
.show-likes-container.active, .quick-popup-container.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.show-likes-container .show-likes-backdrop, .quick-popup-container .quick-popup-backdrop {
    background-color: rgba(0,0,0,0.25);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}
.show-likes-container .show-likes-wrapper, .quick-popup-container .quick-popup-wrapper {
    width: 400px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    z-index: 2;
    margin-top: -30px;
}
.show-likes-container .show-likes-wrapper .likes-header, .quick-popup-container .quick-popup-wrapper .quick-popup-header {
    border-bottom: thin solid #CCC;
}
.show-likes-container .show-likes-wrapper .likes-header .l-side, .quick-popup-container .quick-popup-wrapper .quick-popup-header .l-side {
    float: left;
    padding: 10px;
    color: #555;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.show-likes-container .show-likes-wrapper .likes-header .l-side:last-child, .quick-popup-container .quick-popup-wrapper .quick-popup-header .l-side:last-child {
    float: right;
    width: auto;
}
.show-likes-container .show-likes-wrapper .likes-header .l-side:last-child:hover, .quick-popup-container .quick-popup-wrapper .quick-popup-header .l-side:last-child:hover {
    cursor: pointer;
    color: #000;
}
.show-likes-container .show-likes-wrapper .likes-append-wrapper, .quick-popup-container .quick-popup-wrapper .quick-popup-append-wrapper {
    height: 460px;
    width: 100%;
    overflow-y: scroll;
    position: relative;
}
.quick-popup-container.auto .quick-popup-wrapper {
    max-width: 100%;
    width: auto;
}
.quick-popup-container.auto .quick-popup-wrapper .quick-popup-append-wrapper {
    height: auto;
}
.show-likes-container .show-likes-wrapper .likes-append-wrapper .likes-loading-container, .quick-popup-container .quick-popup-wrapper .quick-popup-append-wrapper .quick-popup-loading-container {
    position: absolute;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #CCC;
    font-size: 22px;
}
.button-header-popup {
    text-align: center;
    padding: 20px 0 5px 0;
}
.button-header-popup a {
    display: block;
    margin: 0 15px;
}
.button-header-popup .color-button-helper {
    color: #CCC;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}
.color-pallet-append {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
.color-pal-sh {
    width: 48%;
    float: left;
    height: 100px;
    border-radius: 4px;
    margin-right: 4%;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.color-pallet-append .color-pal-sh:nth-child(even) {
    margin-right: 0;
}
.color-pal-sh .color-title {
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 10px;
    margin: 10px 0;
    width: auto;
    display: inline-block;
}
.color-pal-sh:hover .color-title {
    background-color: rgba(0,0,0,0.4);
}
.user-list {
    width: 100%;
    position: relative;
    padding: 10px;
    border-bottom: thin solid #EEE;
}
.user-list .user-profile-picture-list {
    position: absolute;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.user-list .user-information-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 50px;
}
.user-list .user-information-list .user-name-list {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    -o-text-overflow: eclipse;
       text-overflow: eclipse;
    overflow: hidden;
}
.user-list .user-information-list .user-name-list .username-list {
    color: #000;
}
.user-list .user-information-list .user-name-list .username-list:hover {
    text-decoration: underline;
}
.user-list .user-information-list .user-name-list .user-art-count {
    color: #333;
    font-size: 12px;
}
.user-list .user-information-list .user-follow-status-list {
    float: right;
}
.likes-append-more-button {
    width: 100%;
    position: relative;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    display: none;
}
.likes-append-more-button:hover {
    background-color: #EEE;
    cursor: pointer;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.normal-follow-button {
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    padding: 0 15px;
}
.new-gallery-tab:after {
    content: "New";
    font-size: 10px;
    color: blue;
    position: relative;
    top: -10px;
}
.ignore-margin {
    margin: 0 !important;
}
.load-more-text {
    padding: 15px 0;
    color: #999;
    font-size: 14px;
}
.pagination li.active {
    background-color: #2979FF;
    color: #FFF;
}
.pagination li {
    font-size: 1.0rem;
}
blockquote {
    border-left: 5px solid #039BE5;
    color: #000;
    font-size: 14px;
}
.hover-u:hover {
    cursor: pointer;
    text-decoration: underline;
}
.half {
    width: 50%;
}
.text-right {.
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.inb {
    display: inline-block;
    vertical-align: middle;
}
strong {
    font-weight: 500;
}
.full-width {
    width: 100% !important;
    max-width: 100% !important;
}
.half-width {
    width: 50% !important;
}
.edit-text-button {
    font-size: 10px;
    color: #999;
    display: inline-block;
}
.no-margin {
    margin: 0;
}
.label-helper {
    font-size: 12px;
    color: #777;
    font-style: italic;
}
.empty-space {
    display: block;
    width: 1px;
    height: 1px;
}
.no-padding-left {
    padding-left: 0 !important;
}
.link-color {
    color: #039be5;
}
/*
 * Hide visually and from screen readers
 */
.waves-effect-flex {
    display: -ms-flexbox;
    display: -webkit-box;     
    display: -ms-flexbox;
    display: flex;
}
.large-spacer {
    height: 20px;
    width: 100%;
    display: inline-block;
}
.hidden {
    display: none !important;
}
.soft-hidden {
    display: none;
}
.row-flex {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin: -10px;
}
.no-box-shadow {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

/*
 * Shows Carrot 
 */
.carrot-bottom:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -13px;
    z-index: 2;
    left: 15px;
}
.carrot-bottom:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    position: absolute;
    bottom: -9px;
    border-color: rgba(0,0,0,0.2) transparent transparent transparent;
    z-index: 1;
    left: 15px;
}
.carrot-bottom.carror-right:before {
    right: 100px;
    left: auto;
}
.carrot-bottom.carror-right:after {
    right: 100px;
    left: auto;
}
.carrot-top:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 8px 7.5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -8px;
  z-index: 2;
  left: 15px;
}
.carrot-top:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 8px 7.5px;
  position: absolute;
  top: -10px;
  border-color: transparent transparent rgba(0,0,0,0.1) transparent;
  z-index: 1;
  left: 15px;
}
.carrot-top.carror-right:before {
    right: 100px;
    left: auto;
}
.carrot-top.carror-right:after {
    right: 100px;
    left: auto;
}
.nothing-to-show-text {
    font-size: 24px;
    text-align: center;
    color: #CCC;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
    padding: 25px 0;
    display: inline-block;
    width: 100%;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

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

.progress {
    margin: 1rem 0 1rem 0;
}

.mobile-menu {
    display: none;
}
.m-menu-wrapper .badge {
    margin-top: 4px;
}

/**
 * No Margin Bottom
 */
.nmb {
    margin-bottom: 0 !important;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

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

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.modal {
    height: 80% !important;
    max-height: 80%;
    z-index: 99999 !important;
}
.modal.auto-modal {
    height: 35% !important; 
}
.modal.modal-edit-product {
    width: 90%;
    max-width: 450px;
    height: 60% !important;
    max-height: auto !important;
}
.dropdown-content li>a>.fa-fw {
    width: 1.28571429em;
    text-align: center;
    float: none;
    margin: 0;
    line-height: normal;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

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

.normal-select {
    display: block;
    background-color: #EEE;
    height: auto;
}

.append-hide-this {
   height: 1px;
   width: 1px;
   opacity: 0;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 0; 
}

.css-masonary {
    -webkit-column-count: 4;
         column-count: 4;
    -webkit-column-gap: 1em;
         column-gap: 1em;
}

.css-masonary .masonry-item { /* Masonry bricks or child elements */
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

span.highlight {
    pdding: 2px 0;
    border-top: thin solid rgba(255,255,255,0.2);
    border-bottom: thin solid rgba(0,0,0,0.1);
    background-color: rgba(255, 255, 0, 0.5);
}

/*
 * Switch Color 
 */
.switch label input[type=checkbox]:checked+.lever {
    background-color: #5f9af1;
}
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #236fe0;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (max-width: 87.5em) {
    /* View Port for 1366 Screens */
    
}

/*****************************************************************************
* MOBILE RESPONSIVE 
*****************************************************************************/
.show-mobile {
    display: none;
}
.mobile-only {
    display: none;
}
.show-tablet {
    display: none;
}
.show-ipad {
    display: none;
}
@media only screen and (max-width : 480px) {
    .show-mobile {
        display: block;
    }
    .mobile-only {
        display: inline-block;
    }
    .hide-mobile {
        display: none !important;
    }
    .show-desktop {
        display: none;
    }
}
@media only screen and (max-width : 1200px) {
    .show-tablet {
        display: block;
    }
}
@media only screen and (max-width : 1024px) {
    .row .col.i12 {
        width: 100%;
    }
}
@media only screen and (min-width : 1024px) {
    .hide-laptop {
        display: none;
    }
}
@media only screen and (min-width : 768px) {
    .show-ipad {
        display: none;
    }
}
@media only screen and (min-width : 1201px) {
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (-o-min-device-pixel-ratio: 5/4),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

.load-more-mobile, .loading-more-mobile {
    display: none;
}
.load-more-desktop.active {
    display: none;
}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
    color: #FFF;
    background-color: #2979ff;
}

.dropdown-content li:hover a, .dropdown-content li.active a, .dropdown-content li.selected a {
    text-decoration: none;
    color: #FFF;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* !important */
.super-show {
    display: block !important;
}
.drawing-submit-input {
    height: 80px !important;
}
.promo-activity {
    display: inline-block;
    width: 100%;
    margin: 5px 0 20px 0;
    border-radius: 2px;
    overflow: hidden;
    background: #1d86d6;
    background: -webkit-linear-gradient(45deg,#1d86d6 0%,#23538a 100%);
    background: -o-linear-gradient(45deg,#1d86d6 0%,#23538a 100%);
    background: linear-gradient(45deg,#1d86d6 0%,#23538a 100%);
    color: #FFF;
}
.promo-activity .col {
    display: inline-block;
    vertical-align: middle;
}
.promo-activity .col .promo-left-text {
    padding: 20px;
}
.promo-activity .col .promo-left-text a.close {
    padding: 10px;
    display: inline-block;
    color: #FFF;
}
.promo-activity .col .promo-left-text h4 {
    font-size: 22px;
    margin: 0 0 20px;
}
.promo-activity .col .promo-right-image {
    padding-top: 10px;
    padding-right: 20px;
}
.menu-drop-show .profile-menu .collection a.collection-item img {
    border-radius: 50%;
    margin-right: 10px;
}
.social-collection {
    margin-top: 5px;
}
.social-collection a.col {
    display: block;
    padding: 10px 15px;
}
.social-collection a.col:hover {
    color: #000;
    background-color: #EEE;
}
a.logo-ref.valign {
    padding: 8px;
    margin: 0 -15px;
}
.side-nav li>a.logo-ref {
    height: 100px;
    line-height: 85px;
}
.side-nav li>a.logo-ref:hover {
    background-color: inherit;
}
.full-fold {
    position: relative;
    width: 100%;
    padding: 150px 0 100px 0;
    background: #4096ee;
    background: -webkit-linear-gradient(45deg,#7216b7 0%,#ff6791 100%);
    background: -o-linear-gradient(45deg,#7216b7 0%,#ff6791 100%);
    background: linear-gradient(45deg,#7216b7 0%,#ff6791 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=1 );
    color: #FFF;
}
.full-fold.mobile {
    overflow: hidden;
    background: #ff0000;
    background: -webkit-linear-gradient(45deg,#6316b7 0%,#ff0000 100%);
    background: -o-linear-gradient(45deg,#6316b7 0%,#ff0000 100%);
    background: linear-gradient(45deg,#6316b7 0%,#ff0000 100%);
}
.full-fold.mobile:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-image: url('/images/public/pattern.png');
    animation: backgroundScroll 45s linear infinite;
    animation-fill-mode: forwards;
}
@keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -1250px 1250px;}
}
.full-fold .fold-text-highlight {
    text-align: center;
    margin: 0 auto;
    max-width: 1300px;
    background-image: url('https://static.pixilart.com/images/public/flop-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}
.full-fold .fold-text-highlight.mt {
    margin-top: 70px;
}
.full-fold.mobile .fold-text-highlight {
    padding-bottom: 70px;
}
.full-fold .fold-text-highlight.no-hl {
    background-image: none;
}
.full-fold .fold-text-highlight .fold-callout {
    max-width: 650px;
    margin: 0 auto;
}
.full-fold .fold-text-highlight h1, .above-container h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    font-family: 'Quicksand', sans-serif;
}
.full-fold .fold-text-highlight h2, .above-container h2 {
    margin: 0;
    margin-top: 25px;
    font-size: 18px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.9);
}
.full-fold .fold-text-highlight .featured-drawing-button, .hero-banner .featured-drawing-button {
    margin-top: 50px;
    color: #000 !important;
    background: #FFF;
    text-shadow: none;
}
.hero-banner .featured-drawing-button.browse {
    color: #FFF !important;
}
.full-fold .flop-image {
    border-radius: 4px;
    max-height: 300px;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: -100px;
}
.content-header {
    margin-top: 100px;
    width: 100%;
    text-align: center;
    color: #777;
    font-size: 18px;
    max-width: 400px;
    margin: 100px auto 50px auto;
}
.content-header h3 {
    font-size: 38px;
    color: #000;
    margin-bottom: 10px;
    font-family: 'Quicksand', sans-serif;
}
.sections-container {
    margin-top: 100px;
    margin-bottom: 80px;
}
.sections-container.home {
    margin-top: 0;
    margin-bottom: 0;
}
.sections-container .section-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 50px;
    margin-bottom: 20px;
}
.header-text-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.header-text-icons h3 {
    margin: 0 10px 0 20px;
}
.header-text-icons img {
    margin-left: 15px;
}
.sections-container .section-wrapper.dn {
    display: block;
}
.sections-container.home .section-wrapper {
    margin: 50px 0;
}
.section-sp {
    margin: 0 auto;
}
.sections-container .section-wrapper .half-section {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 18px;
}
.sections-container .section-wrapper.fl .half-section {
    width: auto;
}
.sections-container .section-wrapper .half-section h2 {
    font-size: 36px;
    margin-top: 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    color: #2979ff;
}
.sections-container .section-wrapper .half-section h4 {
    font-size: 18px;
    margin-top: 10px;
}
.sections-container .section-wrapper .half-section:last-child {
    margin-left: 4%;
}
.sections-container .section-wrapper .half-section img {
    border-radius: 4px;
    overflow: hidden;
}
.sections-container .section-wrapper .half-section.full-cover {
    position: relative;
}
.sections-container .section-wrapper .half-section.full-cover img {
    position: absolute;
    width: auto;
    right: 0;
    margin-top: -60px;
}
.features-inline-btn {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    margin-left: 15px;
    margin-top: 10px;
}
.content-header-post {
    margin: 0 auto;
    max-width: 450px;
    text-align: left;
    margin-top: 20px;
}
.content-header-post .highlight-semi {
    margin-top: 5px;
    color: #555;
    font-size: 18px;
    font-weight: bold;
}
.content-header-post .highlight-semi .fa {
    margin-right: 15px;
    color: #2979ff;
}
.login-panel-head {
    font-size: 16px;
    margin-bottom: 10px;
}
.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.index-list-social {
    font-size: 16px;
    color: #000;
}
.index-list-social h4 {
    font-size: 28px;
    color: #000;
    padding: 0;
    margin: 0 0 30px 0;
    position: relative;
    font-family: 'Quicksand', sans-serif;
}
.index-list-social h4:after {
    content: " ";
    width: 10%;
    height: 2px;
    background-color: #2979ff;
    position: absolute;
    bottom: -15px;
    left: 0;
}
.index-list-social .content-block {
    padding-right: 60px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    line-height: 24px;
}
.index-list-social .content-block:last-child {
    padding-right: 0;
}
.clean-a {
    color: #000;
}
.index-list-social .content-block .content-head-img {
    max-height: 200px;
    margin-bottom: 60px;
}
.index-list-social .content-block .content-head-img img {
    width: 100%;
    -ms-interpolation-mode: nearest-neighbor;
            image-rendering: -webkit-optimize-contrast;
            image-rendering: -moz-crisp-edges;
            image-rendering: -o-pixelated;
            image-rendering: pixelated;
}
.video-appended {
    margin-top: 10px;
    padding: 10px;
    border: thin solid #CCC;
    position: relative;
}
.video-appended .play-button {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.2);
    color: #FFF;
    z-index: 2;
    font-size: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.video-appended .play-button .play-button-behind {
    background-color: #777;
    border-radius: 10px;
    padding: 5px 20px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.video-appended:hover .play-button .play-button-behind {
    background-color: #e52d27;
}
.video-appended .play-button-behind .fa {
    position: relative;
    left: 3px;
}
.video-appended.active .play-button {
    display: none;
}
.video-appended .video-image-wrapper {
    position: relative;
    z-index: 1;
}
.video-appended iframe {
    min-height: 300px;
}
.wall-wrapper-main {
    min-height: 600px;
}
.edit-drawing-btn-wrapper a.draw-button-header {
    border-radius: 4px;
    margin: 0;
    width: 100%;
    padding: 0 40px;
    display: inline-block;
    text-align: center;
}
.standard-form {

}
.standard-form label select,
.sm label select {
    display: block;
    font-size: 16px;
}
.standard-form label {
    margin-bottom: 20px;
}
.standard-form label .label-helper {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
}
.standard-form label input, .standard-form label textarea, .standard-form label select, 
.sm input, .sm select, .sm textarea {
    margin-top: 10px;
    border: thin solid #CCC;
    margin-bottom: 0;
}
.standard-form label:last-child {
    margin-bottom: 0;
}
.standard-form label textarea {
    min-height: 100px;
    padding: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
/**
 * Group Pages 
 */
.group-information {
    margin-top: 20px;
    background-color: #FFF;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.profile-body-container .group-information {
    margin-top: 0;
}
.panel-content .group-information {
    margin-top: 0;
}
.group-information.user_created {
    border-top: 4px solid #2979ff;
}
.group-information .group-settings-info {
    position: absolute;
    top: 10px;
    right: 10px;
}
.group-information .group-settings-info .dropdown-button {
    width: auto;
    height: auto;
    line-height: normal;
    padding: 5px;
    color: #000;
    font-size: 16px;
}
.group-information .group-settings-info .dropdown-button:hover {
    background-color: #EEE !important;
}
.group-information .group-info-header {
    padding: 15px;
}
.group-information .group-picture-wrapper {
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.group-information .group-picture-wrapper .group-picture {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}
.group-information .group-name {
    margin-top: 15px;
    text-align: center;
}
.group-information .group-name h1 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #000;
}
.group-information .group-name h3.group-cat-name {
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #999;
    margin-top: 10px;
}
.group-information .group-quick-info {
    margin-top: 20px;
}
.group-information .group-quick-info p {
    margin: 0;
    padding: 0;
}
.group-information .group-quick-info .group-website {
    margin-top: 10px;
}
.group-information .group-member-preview, .group-information .group-member-preview, .group-information .group-info-preview, .group-information .group-section {
    border-top: thin solid #EEE;
    padding: 20px 15px 20px 15px;
}
.group-information .group-info-preview .info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.group-information .group-user-submit {
    font-size: 12px;
    color: #999;
}
.group-information .group-user-submit #user-submit-drawing {
    width: 100%;
    font-size: 12px;
    margin-bottom: 10px;
}
.group-information .group-info-preview .info-row .info-section {
    font-size: 16px;
    font-weight: bold;
}
.group-information .group-info-preview .info-row .info-section h5 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.group-information .group-member-preview h4 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.group-information .group-member-preview .group-members-wrapper, .member-list-wrapper {
    padding-top: 10px;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}
.group-information .group-member-preview .group-members-wrapper .group-photo-a, .member-list-wrapper .group-photo-a {
    width: 12.5%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    float: left;
}
.profile-image-upload.cover-photo-settings {
    width: 100%;
    height: auto;
}
.form-header {
    font-size: 16px;
    margin-bottom: 20px;
}
.group-content-wrapper {
    margin-top: 20px;
}
.group-content-wrapper .group-header {
    margin-bottom: 20px;
}
.group-art-container {
    margin-top: -10px;
}
.group-content-wrapper .group-content-header {
    width: 100%;
    background-color: #FFF;
    border-radius: 2px;
}
.group-content-wrapper .group-content-header .group-content-image-wrapper {
    width: 100%;
    height: 350px;
}
.group-content-wrapper .group-content-header .group-content-image-wrapper img {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}
.group-content-wrapper .group-content-header .picture-name-section {
    width: 100%;
    display: block;
}
.group-content-wrapper .group-content-header .picture-name-section .group-picture-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -50px;
}
.group-content-wrapper .group-content-header .picture-name-section .group-picture-wrapper img {
    border-radius: 50%;
    border: 4px solid #FFF;
}
.group-content-wrapper .group-content-header .group-name {
    display: inline-block;
    vertical-align: middle;
    top: -50px;
    position: relative;
}
.group-content-wrapper .group-content-header .group-name h1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
}
.members-list-wrapper {
    font-size: 14px;
    margin-top: 15px;
}
.members-list-wrapper .members-list-appended {
    padding: 10px;
    border: thin solid #CCC;
    margin: 15px 0 20px 0;
    max-height: 350px;
    overflow-y: auto;
}
.button-form-normal {
    width: 100%;
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 2px;
    display: inline-block;
}
.button-form-normal:focus {
    background-color: #CCC;
    color: #000;
}
.validate-group-member {
    margin-top: 10px;
    display: none;
    width: 100%;
    padding: 10px 0;
    color: red;
}
.validate-group-member.active {
    display: inline-block;
}
.member-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px;
}
.member-list-item:hover {
    background-color: #EEE;
}
.member-list-item .member-picture {
    width: 35px;
    height: 35px;
    display: inline-block;
}
.member-list-item .member-picture img {
    border-radius: 50%;
}
.member-list-item .member-name {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 15px;
    border-radius: 2px;
}
.member-list-item .member-actions {
    color: #000;
}
.member-list-item .member-actions:hover {
    text-decoration: underline;
    cursor: pointer;
}
.member-list-item .member-role {
    margin-right: 15px;
}
.member-list-item .member-role select {
    display: inline-block;
    padding: 2px 0;
    font-size: 14px;
    height: auto;
}
.member-list-item .member-status {
    padding-right: 15px;
    display: inline-block;
}
.checkbox-form-section {
    margin-bottom: 20px;
}
.group-follow-wrapper {
    margin-top: 15px;
    text-align: center;
}
.group-follow-wrapper a {
    display: inline-block;
    padding: 8px 15px;
    font-size: 12px;
    border: 1px solid #039be5;
    border-radius: 4px;
    height: auto;
    line-height: inherit;
}
.group-follow-wrapper a:hover {
    background-color: #039be5;
    color: #FFF;
}
.user-settings-wrapper .btn {
    font-size: 12px;
    border-radius: 4px;
}
.information-snap {
    padding: 10px;
    border-left: 3px solid #2979FF;
    background-color: #FFF;
    border-radius: 3px;
    overflow: hidden;
}
.mgpadding {
    padding: 10px 0 10px 0;
}
.mgfit {
    margin: 15px;
}
.mgbottom {
    margin-bottom: 20px;
}
.mgbtm {
    margin-bottom: 10px;
}
.mbtm {
    margin-bottom: 15px;
}
.nomg {
    margin: 0;
}
.nopd {
    padding: 0;
}
.nomgbtm {
    margin-bottom: 0;
}
.nomgtop {
    margin-top: 0 !important;
}
.nomgbtmf {
    margin-bottom: 0 !important;
}
.mgtp {
    margin-top: 10px;
}
.negTop {
    margin-top: -10px;
}
.negTopLg {
    margin-top: -20px;
}
.negBottom {
    margin-bottom: -20px;
}
.smgtp {
    margin-top: 5px;
}
.mgtop {
    margin-top: 20px;
}
.pdtp {
    padding-top: 10px;
}
.pdbtm {
    padding-bottom: 10px;
}
.lgmgtop {
    margin-top: 40px;
}
.lgmgbottom {
    margin-bottom: 40px;
}
.xlmgtop {
    margin-top: 100px;
}
.xxlmgtop {
    margin-top: 150px;
}
.mglft {
    margin-left: 5px;
}
.mgrht {
    margin-right: 5px;
}
.mgright {
    margin-right: 10px;
}
.notop {
    margin-top: 0;
}
.notop.force {
    margin-top: 0 !important;
}
.paypal-button {
    background-color: #fcc537;
    border-bottom: thin solid rgba(0,0,0,0.3);
    text-transform: none;
    color: #333;
    -webkit-box-shadow:inset 1px 1px 0 0 rgba(255,255,255,0.3);
    box-shadow:inset 1px 1px 0 0 rgba(255,255,255,0.3);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    height: auto;
}
.paypal-button:hover, .paypal-button:active, .paypal-button:focus {
    background-color: #f5c64f;
    color: #333;
}
.paypal-button .checkout-with {
    font-size: 12px;
}
.group-information .member-add-drawing #user-submit-drawing {
    margin-bottom: 0;
}
.group-approve-header {
    padding: 10px;
    background-color: #FFF;
    border-radius: 2px;
    margin-bottom: 20px;
}
.group-approve-header a {
    font-weight: bold;
    color: #000;
}
.group-approve-container .group-approve-wrapper {
    padding: 10px;
    background-color: #FFF;
    border-radius: 2px;
    margin-bottom: 20px;
}
.group-approve-container .group-approve-wrapper:last-child {
    margin-bottom: 0;
}
.panel-list-wrapper {
    padding: 5px 0;
}
.standard-form .label-mgfx {
    margin-bottom: 5px;
}
.groups-list-container {
    width: 100%;
    display: inline-block;
}
.groups-list-container .group-list-wrapper {
    width: 31.51%;
    margin-right: 2%;
    margin-bottom: 1%;
    display: inline-block;
    vertical-align: top;
}
.groups-list-container .group-list-wrapper:nth-child(3n) {
    margin-right: 0
}
.group-header-container {
    border-radius: 4px;
    overflow: hidden;
}
.group-header-container .group-header-bg {
    width: 100%;
    height: 300px;
    background-color: #CCC;
}
.callout-helper {
    font-size: 12px;
    color: #999;
}
.login-page-container {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #EEE;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-size: cover;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    background-attachment: fixed;
    overflow-y: auto;
}
.login-page-container.application-page {
    display: block;
    background-image: url(https://static.pixilart.com/images/public/pattern.png) !important;
    background-size: inherit; 
}
.login-page-container .login-page-wrapper {
    max-width: 500px;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
            box-shadow: 0 2px 10px rgba(0,0,0,.2);
    margin: 20px;
    overflow: hidden;
}
.login-page-container .login-page-wrapper.application-wrapper {
    max-width: 500px;
    margin: 40px auto;
}
.login-page-container .login-page-wrapper .header-login h2 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.login-page-container .login-page-wrapper .section {
    padding: 20px;
}
.login-page-container .social-login-wrapper a {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 0;
}
.login-page-container .social-login-wrapper a:last-child {
    margin-bottom: 0;
}
.or-section {
    height: 1px;
    width: 100%;
    background-color: #EEE;
    margin: 20px 0 30px 0;
    text-align: center;
    display: block;
}
.or-section span {
   background-color: #FFF;
   position: relative;
   top: -10px;
   padding: 0 15px;
   color: #999;
}
.login-page-container  form .btn {
    height: 45px;
    line-height: 45px;
}
.callout {
    padding: 5px 10px 5px 10px;
    border-left: 2px solid #2979ff;
    border-radius: 4px;
    color: #333;
}
.hide-beta-cookie .callout {
    padding: 15px;
}
.callout-panel {
    border-left: 2px solid #2979ff;
    padding-left: 10px;
    border-radius: 4px;
}
.callout-panel .panel-wrapper p:last-child {
    margin-bottom: 0;
}
.callout.blue {
    color: #FFF;
    background-color: #2979ff;
}
.callout.orange {
    border-left: 2px solid #FF9800;
    color: #FFF;
    background-color: #FF9800;
}
.callout.nm {
    background-color: #2979ff;
    border-bottom: none;
    color: #FFF;
    background-image: url(https://static.pixilart.com/images/public/pixel-background-repeat-blocks.png);
}
.callout.nmw {
    background-color: #FFF;
    border-bottom: thin solid #CCC;
}
.callout.shop-promo {
    background-color: #2979ff;
    border-bottom: none;
    border-left: none;
    color: #FFF;
    padding: 15px 20px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
            box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.custom-shop-c .callout.shop-promo {
    margin-bottom: 40px;
}
.callout.md {
    padding: 10px 20px;
}
.callout > .fa {
    margin-right: 5px;
}
.callout.signup {
    font-size: 12px;
}
.callout.act {
    padding: 15px;
}
#slide-out .menu-list-item.draw-button-header {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    font-weight: normal;
}
#slide-out .menu-list-item.draw-button-header .fa {
    font-size: 16px;
}
.flop {
    width: 100%;
    background-color: #EEE;
    height: 974px;
}
.flop.flop-home {
    height: auto;
    background: linear-gradient(45deg,#6316b7 0%,#ff0000 100%);
    background: url(https://static.pixilart.com/images/public/home-bg-forest.png);
    background-position: 0 100%;
    background-size: cover;
    position: relative;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 50px;
}
@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    /*use negative width if you want it to flow right to left else and positive for left to right*/
    to {
        background-position: 0 100%;
    }
}
@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    /*use negative width if you want it to flow right to left else and positive for left to right*/
    to {
        background-position: 0 100%;
    }
}
@keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -1250px 1250px;}
}
.flop.flop-home:before {
    background-color: rgba(0, 0, 0, 0.3);
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.flop.flop-home:after {
    /*
    background-image: url(/images/public/pattern.png);
    animation: backgroundScroll 45s linear infinite;
    */
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.flop.flop-home .draw-button-header, .flop.flop-home .hero-button {
    margin-top: 20px;
    font-size: 18px;
    height: auto;
    line-height: inherit;
    padding: 20px 45px;
    border-radius: 50px;
}
.flop.flop-home .draw-button-header .fa {
    font-size: 18px;
}
.flop.flop-home .hero-button {
    margin-left: 40px;
    background-image: -webkit-linear-gradient(46deg, #ff096e, #ff575f, #ff7e4e, #fd9f36);
    background-image: -o-linear-gradient(46deg, #ff096e, #ff575f, #ff7e4e, #fd9f36);
    background-image: linear-gradient(44deg, #ff096e, #ff575f, #ff7e4e, #fd9f36)
}
.section-spacing {
    padding: 60px 0;
}
.hero-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding: 100px 0;
}
.hero-wrapper .hero-content {
    max-width: 950px;
    padding-top: 100px;
    margin: 0 auto;
    color: #FFF;
    position: relative;
    z-index: 1;
}
.hero-wrapper h1 {
    margin-top: 0;
    font-size: 54px;
    margin-bottom: 0;
    font-weight: bold;
}
.hero-wrapper h2 {
    font-size: 28px;
    margin-top: 20px;
}
.hero-wrapper h3 {
    font-size: 20px;
    font-weight: bold;
}
.hero-wrapper .explained {
    font-size: 18px;
}
.hero-wrapper .hero-content h1 {
    font-size: 36px;
    font-weight: bold;
}
.hero-wrapper .hero-content p {
    font-size: 16px;
    font-weight: 100;
    opacity: 0.7;
    margin: 0 auto;
    max-width: 750px;
}
.admin-sect {
    background-color: #FFF;
    border-radius: 2px;
    padding: 10px;
}
.admin-sect .sheader {
    margin: -10px -10px 0 -10px;
    padding: 10px;
}
.admin-sect select {
    display: inline-block;
    border: thin solid #CCC;
}

/**
 * Shop 
 */
.product-image-render {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.product-image-render img {
    max-width: 100%;
    max-height: 100%;
}
.product-image-render:after {
    content: "\f110";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-animation: fa-spin 1s infinite steps(8);
            animation: fa-spin 1s infinite steps(8);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 42px;
    color: #CCC;
    left: 0;
    top: 0;
}
.product-image-render canvas {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 4px;
    z-index: 2;
}
.image-preview-container-shop {
    overflow: hidden;
    border-radius: 4px;
    padding: 10px;
    background-color: #FFF;
    border-bottom: thin solid #CCC;
}
.image-preview-container-shop.nob {
    border-bottom: none;
}
.image-preview-container-shop .product-image-render canvas {
    cursor: move;
}
.shop-page-product .image-preview-container-shop .product-image-render canvas {
    cursor: default;
}
.product-image-render img {
    visibility: hidden;
}
.product-image-render img.c-im-product {
    display: block;
    visibility: visible;;
    position: relative;
    z-index: 2;
}
.product-card-wrap {
    position: static;
}
.product-card-wrap canvas {
    overflow: hidden;
    border-radius: 4px;
    position: absolute;
    z-index: 2;
}
.product-card-wrap h3 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    margin-top: 20px;
    padding-bottom: 10px;
}
.product-card-desc {
    font-size: 14px;
    color: #000;
    margin-top: 10px;
}
.design-card .product-card-desc {
    font-size: 16px;
}
.product-card-desc h5 {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
.design-card .product-card-desc .card-price {
    font-size: 16px;
    font-weight: bold;
}
.categories-list {
}
.categories-list ul {
    padding: 0;
    margin: 0;
}
.categories-list ul li {
    width: 100%;
}
.categories-list ul li a {
    color: #000;
    font-size: 12px;
    width: 100%;
    padding: 10px;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
}
.categories-list ul li a:hover, .categories-list ul li a.active {
    background-color: #2979FF;
    color: #FFF;
}
.breadercrum-container {
    margin-bottom: 20px;
}
.breadercrum-container ul {
    margin: 0;
    padding: 0;
}
.breadercrum-container ul li {
    display: inline-block;
    margin-right: 10px;
}
.breadercrum-container ul li a {
    color: #000;
    font-size: 12px;
}
.breadercrum-container ul li a:hover {
    color: #555;
}
.breadercrum-container ul li:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    color: #000;
    content: "\f105";
    margin-left: 10px;
    position: relative;
    top: -1px;
}
.shop-header {
    font-size: 16px;
}
.shop-header .shop-cat-desc {
    color: #000;
}
.shop-header h2 {
    margin: 0 0 5px 0;
    color: #000;
    font-size: 16px;
}
.shop-header.ul h2 {
    font-size: 24px;
}
.product-sale-banner {
    margin-top: 10px;
    background-color: #ff7600;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
}
.product-details .product-title {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    margin: 0;
    padding: 0;
}
.product-details .product-category {
    color: #777;
    font-size: 14px;
    margin: 5px 0 10px 0;
}
.product-details .preset-by-artist {
    font-size: 14px;
}
.product-pricing {
    color: #333;
    font-size: 24px;
    font-weight: bold;
}
.product-pricing .dollar-sign {
    position: relative;
}
.product-edit-details {
    color: #777;
    font-size: 12px;
    line-height: 20px;
}
.product-details #product-quantity {
    width: 60px !important;
    display: block;

}
.product-details .normal-select {
    display: block;
    border: thin solid rgba(0,0,0,0.2);
    border-radius: 4px;
    height: auto;
    padding: 15px;
    background-color: #FFF;
    margin-top: 10px;
    font-size: 16px;
}
.attribute-selection.soft-hidden {
    display: none;
}
.product-details .attribute-selection-wrap {
    margin-top: 15px;
}
.product-details .attribute-selection-wrap .attribute-label-name {
    font-size: 16px;
    font-weight: bold;
}
.product-details .attribute-selection-wrap .defining-attribute-selection {
    margin-top: 10px;
}
.current-color-selection {
    margin-top: 5px;
}
.attributes label {
    font-size: 14px;
}
.attributes ul {
    margin-top: 5px;
}
.product-details .attribute-selection-wrap:first-child {
    margin-top: 0;
}
.render_button_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 2px;
    border-radius: 0 0 4px 4px;
}
.render_button_wrapper button, .render_button_wrapper a {
    border: none;
    outline: none;
    background-color: inherit;
    color: #000;
    padding: 20px 10px;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    background-color: #FFF;
    overflow: hidden;
    margin-right: 4px;
    border-radius: 4px;
    width: 100%;
    border-bottom: thin solid #CCC;
}
.render_button_wrapper a.nob {
    border-bottom: none;
}
.render_button_wrapper button:hover, .render_button_wrapper a:hover {
    background-color: #f5f5f5;
}
.render_button_wrapper button:last-child, .render_button_wrapper a:last-child {
    margin-right: 0;
}
.product-description {
    color: #333;
    font-size: 16px;
}
.product-description ul:first-child {
    margin-top: 0;
}
.product-description p:first-child {
    margin-top: 0;
}
.product-description p:last-child {
    margin-bottom: 0;
}
.product-description h5 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}
.product-card, .product-card-wrap {
    padding: 10px;
    background-color: #FFF;
    border-radius: 4px;
    position: relative;
    -webkit-transition: all .22s;
    -o-transition: all .22s;
    transition: all .22s;
    margin-bottom: 20px;
    z-index: 2;
    border-bottom: 2px solid #d7dde0;
}
.white .product-card, .white .product-card-wrap {
    border-bottom: none;
}
.preset-single .product-card, .product-card-wrap {
    margin-bottom: 0;
}
.pop-product .product-card {
    height: auto !important;
}
.pop-product .product-card .preset-image-render {
    border-radius: 4px;
}
.product-card:hover, .product-card-wrap:hover {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 
                0 5px 15px rgba(0,0,0,.07);
            box-shadow: 0 15px 35px rgba(50,50,93,.1), 
                0 5px 15px rgba(0,0,0,.07);
}
.product-card-desc .card-price {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    background-color: #FFF;
}
.listed-price {
    color: rgba(0,0,0,0.5);
    text-decoration: line-through;
    font-size: 12px;
}
.product-card-desc .sale-product-text {
    display: none;
}
.product-description ul {
   padding-left: 25px; 
}
.product-description ul li {
    list-style-type: disc;
}
.box-ribbon {
    padding: 10px;
    text-align: center;
    color: #FFF;
    position: absolute;
    background-color: #039BE5;
    z-index: 5;
    left: -15px;
    top: 10px;
    border-radius: 4px 4px 4px 0;
    text-transform: uppercase;
    font-size: 12px;
}
.box-ribbon:before {
    position: absolute;
    left: 0;
    bottom: -15px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #007bff transparent transparent;
}
.input-number-buttons .input-number-wrapper {
    display: inline-block;
}
.input-number-buttons .input-number-wrapper .input-quantity-type {
    display: block;
    position: relative;
}
.input-number-buttons .input-number-wrapper .quantity-butn {
    position: absolute;
    height: 49%;
    right: 0;
    border: none;
    outline: none;
    color: #333;
    background-color: #FFF;
    padding: 0 10px;
    display: inline-block;
}
.input-number-buttons .input-number-wrapper .quantity-butn:hover {
    background-color: #EEE;
}
.input-number-buttons .input-number-wrapper .quantity-butn:first-child {
    top: 0;
}
.input-number-buttons .input-number-wrapper .quantity-butn:last-child {
    bottom: 0;
}
.design-option-container {
    position: absolute;
    width: calc(100% - 40px);
    left: 20px ;
    top: 20px;
}
.moveable-option-container, .products-option-container {
    position: absolute;
    padding: 8px 10px;
    color: #000;
    background-color: #FFF;
    border: thin solid #EEE;
    font-size: 12px;
    z-index: 3;
    border-radius: 4px;
    text-transform: uppercase;
}
.products-option-container {
    background-color: #EEE;
}
.moveable-option-container .moveable-text-fade {
    margin-left: 5px;
}
.moveable-option-container:hover .moveable-text-fade {
    display: inline-block !important;
}
.go-to-cart {
    background: #56ab2f;  /* fallback for old browsers */
}
#add-product {
    border-radius: 25px;
    background: #2979ff;
    padding: 0 40px;
    font-size: 16px;
    width: 60%;
}
#add-product:disabled {
    background: #CCC;
} 
.cart-response {
    padding: 10px;
    background-color: #FFF;
    border-radius: 4px;
    margin-bottom: 20px;
    border-bottom: 2px solid #00a1ff;
    color: #000;
    width: 100%;
    display: block;
}
.cart-response span {
    text-decoration: underline;
}
.cart-response span:hover {
    color: #777;
}
.cart-response.soft-hidden {
    display: none;
}
.cart-response a:hover {
    text-decoration: underline;
}
.qty-cont {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 150px;
    border: thin solid #CCC;
    background-color: #FFF;
    border-radius: 4px;
    font-size: 12px;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.qty-cont .qty-butn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: calc(25% - 1px);
    text-align: center;
    padding: 15px 0;
    border-right: thin solid #EEE;
}
.qty-cont .qty-butn:last-child {
    border-right: none;
    border-left: thin solid #EEE;
}
.qty-cont .qty-butn:hover {
    cursor: pointer;
    background-color: #EEE;
}
.qty-cont .qty-butn .fa {
    position: relative;
    top: 2px;
}
.qty-cont .qty-input {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    width: 50%;
}
.qty-cont .qty-input .qty-input-area {
    width: calc(100% - 20px);
    border: none;
    padding: 15px;
    margin: 0;
    height: auto;
}
.qty-cont .qty-input .qty-input-area:focus {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.defining-attribute-selection {
    display: block;
}
.color-selection-container ul li {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    border-radius: 4px;
}
.defining-attribute-selection ul li {
    display: inline-block;
    float: left;
    padding: 10px 15px;
    margin-right: 8px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    border-radius: 25px;
    background-color: #FFF;
    border-bottom: thin solid #CCC;
    font-weight: bold;
}
.defining-attribute-selection ul.gr li {
    background-color: #EEE;
}
ul li.value-selection:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #CCC;
    box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #CCC;
}
.color-selection-container ul li.value-selection.active {
    -webkit-box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #000;
    box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #000;
}
.defining-attribute-selection ul li.value-selection.active {
    color: #FFF;
    background-color: #2979ff;
}
.cart-items-list td {
    vertical-align: top;
}
.prorduct-cart-placement .cart-details-name a {
    color: #000;
}
.prorduct-cart-placement a, .cart-items-list a {
    /*color: #039be5;*/
}
.prorduct-cart-placement .cart-details-name a:hover {
    text-decoration: underline;
}
.prorduct-cart-placement  .cart-item-desc {
    color: #555;
    font-size: 14px;
}
.prorduct-cart-placement .product-image-cart-wrapper {
    margin-right: 15px;
    display: inline-block;
}
.prorduct-cart-placement .product-details-cart {
    vertical-align: top;
    display: inline-block;
}
.secure-payment {
    font-size: 12px;
}
.cart-quantity-update {
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 0px;
    display: block;
}
.cart-qty-update {
    width: 75% !important;
}
.form-select, .select-wh {
    display: block;
    border: thin solid #CCC;
    background-color: #FFF;
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
}
.category-filters .form-select {
    margin-top: 0;
    border: none;
}
.select-wh {
    margin-bottom: 0;
}
.select-shop-a:hover .simple-gallery-image .overlay-dark, .select-shop-a:hover .simple-gallery-image .galler-image-info, .select-shop-a:hover img {
    cursor: pointer !important;
    opacity: 0.7;
}
#shop-select-gallery {
    margin: 0;
}
.append-drawings .pix-gallery-image {
    float: left;
    width: 25%;
    padding: 10px;
}
.section-products {
    margin-top: 20px;
    display: block;
}
.section-products .section-header {

}
.section-products .section-header h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
}
.section-products .section-content {
    margin-top: 15px;
}
.shop-header-hero {
    overflow: hidden;
}
.shop-header-hero img {
    overflow: hidden;
}
.scrolling-panel-content {
    max-height: 400px;
    overflow-y: auto !important;
}
.shop-helpful-infomation {
    color: #333;
    margin-top: 5px;
    background-color: #FFF;
}
.shop-helpful-infomation.g {
    background-color: #f2f5f8;
}
.size-guide {
    color: #000;
    border-radius: 25px;
    font-size: 10px;
    text-transform: uppercase;
}
.size-guide:hover {
    color: #2979ff;
}
.add-to-card-disclaimer {
    font-size: 12px;
    color: #777;
}
.promo-callout-home {
    width: 100%;
    padding: 20px;
    text-align: center;
    background-color: #00f;
    color: #FFF;
    font-size: 18px;
    background-color: #2979ff;
    border-bottom: none;
    color: #FFF;
    border-radius:4px;
    -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
            box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.promo-callout-home.blk {
    background-color: #000;
}
.shop-panel-art {
    position: relative;
}
.rotate-slide-wrapper {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all 1.25s ease-in-out;
    -o-transition: all 1.25s ease-in-out;
    transition: all 1.25s ease-in-out;
    border-radius: 4px;
}
.rotate-slide-wrapper .slide-slot {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: -3px;
}
.rotate-slide-wrapper a.slide-slot {
    margin-left: 0;
}
.rotate-slide-wrapper .product-card-wrap {
    border-bottom: none;
    margin-bottom: 0;
    -webkit-transition: all .22s;
    -o-transition: all .22s;
    transition: all .22s;
}
.rotate-slide-wrapper .product-card-wrap:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
.shop-button-hover-slide {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.preivew-image-response {
    background-color: #FFF;
    border-radius: 4px;
    border-bottom: thin solid #CCC;
    position: relative;
}
.preivew-image-response .preview-title {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
    padding: 10px;
    background-color: #FFF;
    border-radius: 4px;
}
.rendering-response {
    font-size: 12px;
    text-transform: uppercase;
}
.product-step-header .panel-header h4, .product-step-header .panel-header h5 {
    font-size: 22px;
}
.form-footer-pre {
    display: block;
    height: 100px;
    width: 100%;
}
.form-footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    -webkit-box-shadow: 0 -2px 10px rgba(0,0,0,.2);
    box-shadow: 0 -2px 10px rgba(0,0,0,.2);
    z-index: 9;
}
.form-footer-fixed .form-footer-wrapper {
    margin: 0 auto;
    padding: 10px 0;
    text-align: right;
}
.form-footer-fixed .form-footer-wrapper button {
    margin-left: 15px;
}
.share-product-wrapper .share-items a {
    color: #000;
    padding: 8px 10px;
    background-color: #FFF;
    margin-right: 10px;
    border-radius: 4px;
    display: inline-block;
    border: thin solid #EEE;
}
.share-product-wrapper .share-items a:hover {
    background-color: #EEE;
}
.page-text {
    line-height: 26px;
    font-size: 14px;
}
.about-text {
    line-height: 28px;
}
.page-text h5 {
    margin: 24px 0;
    font-size: 18px;
}
.waves-effect .waves-ripple {
    background-color: rgba(41, 121, 255, 0.1);
}
.preset-image-render {
    position: relative;
    border-radius: 4px;
    background-color: #f4f4f6;
}
.product-card-desc .product-by {
    font-size: 12px;
    position: relative;
    z-index: 1;
}
.product-card-desc .product-by img {
    border-radius: 25px;
}
.product-card-desc .product-by a {
    color: #000;
    visibility: hidden;
}
.preset-single .product-card-desc .product-by a {
    visibility: visible;
}
.product-card:hover .product-card-desc .product-by a {
    visibility: visible;
}
.section-header h3 {
    font-size: 18px;
    text-transform: uppercase;;
}