@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import
url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');


html {
padding: 0px;
margin: 0px;
height: 100%;
width: 100%;
}

.loaderdots {
width: 30px;
opacity: .5;
aspect-ratio: 2;
--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
background:
var(--_g) 0% 50%,
var(--_g) 50% 50%,
var(--_g) 100% 50%;
background-size: calc(100%/3) 50%;
animation: l3 1s infinite linear;
}

@keyframes l3 {
20%{background-position:0% 0%, 50% 50%,100% 50%}
40%{background-position:0% 100%, 50% 0%,100% 50%}
60%{background-position:0% 50%, 50% 100%,100% 0%}
80%{background-position:0% 50%, 50% 50%,100% 100%}
}

body {
background: #fff;
padding: 0px;
margin: 0px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
height: 100%;
width: 100%;
font-family: "Libre Franklin", -apple-system, BlinkMacSystemFont, "San Francisco", 'Inter', "Helvetica Neue", Helvetica,
Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
overflow-x: hidden;
}

.ck-editor__editable_inline {
min-height: 400px;
}

a {
text-decoration: none;
color: #000;
}

.black a {
color: #fff;
}

.mobileshow {
display: none;
}

div.account-menu-target-mobile {
display: none;
}

img.collection-buttons-logo{
display: none;
}

@media (min-width: 900px) {

/* Style: COMPUTER */

div.artai_debug {
padding: 0px 0px 300px 0px;
font-family: monospace, monospace;
width: 1200px;
margin: auto;
white-space: pre;
}

div.artai_button {
text-align: center;
padding: 0px 0px 300px 0px;
}

div.artai_preview_target {
text-align: center;
margin: 20px 0px 0px 0px;
}

div.artai_preview_target img {
border-radius: 10px;
}

div.artai_preview {
text-align: center;
margin: 30px 0px 0px 0px;
}

span.artai_preview_label {
text-transform: uppercase;
font-weight: 600;
font-size: 0.9em;
padding: 0px 20px 0px 0px;
font-family: monospace, monospace;
}

input.artai_preview_id {
border: 0px;
padding: 10px;
font-family: monospace, monospace;
border-radius: 3px;
background: rgba(0,0,0,0.01);
border: 1px solid #eee;
width: 100px;
box-sizing: border-box;
color: #000;
margin: 0px 30px 0px 0px;
}

div.artai_prompts{
padding: 40px 0px 50px 0px;
}

div.artai_prompt{
padding: 30px;
background: #f7f7f7;
background: linear-gradient(180deg,rgba(247, 247, 247, 1) 0%, rgba(219, 219, 219, 1) 100%);
margin: 20px auto 0px auto;
max-width: 1400px;
box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
border-radius: 10px;
}

div.artai_prompt_answer {
padding: 30px;
background: #f0faf0;
background: linear-gradient(180deg,rgba(240, 250, 240, 1) 0%, rgba(191, 217, 191, 1) 100%);
margin: 10px auto 0px auto;
line-height: 1.5em;
font-weight: 700;
font-family: monospace, monospace;
color: #456645;
max-width: 1400px;
box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
border-radius: 10px;
}

div.artai_prompt_answer_norun{
padding: 30px;
background: #faf0f0;
background: linear-gradient(180deg,rgba(250, 240, 240, 1) 0%, rgba(232, 193, 193, 1) 100%);
margin: 10px auto 0px auto;
line-height: 1.5em;
font-weight: 700;
font-family: monospace, monospace;
color: #B33737;
max-width: 1400px;
box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
border-radius: 10px;

}

div.artai_prompt_sub{
margin: 15px 0px 0px 0px;
font-size: 0.9em;
}

div.artai_prompt_sub i{
color: #8FBD80;
}

span.artai_prompt_sub_db i {
color: #B0CEEB;
}

span.artai_prompt_sub_column i{
color: #EBB0B0;
}

span.artai_block{
padding: 0px 0px 0px 10px;
}

span.artai_block_item{
font-family: monospace, monospace;
background: #E8C4BC;
color: #E86448;
font-weight: 600;
padding: 5px 8px 5px 8px;
border-radius: 5px;
margin: 0px 5px 0px 5px;
}

span.artai_block_item i{
color: #E86448;
}

span.artai_prompt_sub_db{
font-family: monospace, monospace;
background: rgba(255,255,255,0.3);
font-weight: 600;
padding: 5px 8px 5px 8px;
border-radius: 5px;
margin: 0px 5px 0px 5px;
}

span.artai_prompt_sub_column{
font-family: monospace, monospace;
background: rgba(255,255,255,0.3);
font-weight: 600;
padding: 5px 8px 5px 8px;
border-radius: 5px;
margin: 0px 5px 0px 5px;
}

input.artai_prompt_text {
border: 0px;
padding: 10px;
font-family: monospace, monospace;
border-radius: 3px;
background: rgba(255,255,255,0.5);
width: 100%;
box-sizing: border-box;
font-size: 1em;
}

input.artai_prompt_text:focus{
background: rgba(255,255,255,1);
}

textarea.artai_prompt_text {
border: 0px;
padding: 10px;
font-family: monospace, monospace;
border-radius: 3px;
background: rgba(255,255,255,0.5);
width: 100%;
box-sizing: border-box;
font-size: 1em;
height: 150px;
}

textarea.artai_prompt_text:focus{
background: rgba(255,255,255,1);
}


div.artai_prompt_header {
font-family: monospace, monospace;
font-weight: 600;
margin: 0px 0px 15px 0px;
}

span.mockup-heart-on {
color: #C22121;
}

span.mockup-heart-off{
color: #aaa;
}

span.mockup-heart-off:hover {
color: #000;
}

div.mockup-remaining{
text-align: center;
font-weight: 500;
}

div.mockup-text{
text-align: center;
font-size: 0.9em;
margin: 20px 0px 5px 0px;
}

div.mockup-button{
text-align: center;
margin: 15px 0px 10px 0px;
}

div.interior-selected {
position: fixed;
top: 80px;
right: 20px;
padding: 30px;
text-align: center;
width: 500px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(255,255,255,0.9);
box-sizing: border-box;
z-index: 20;
border-radius: 7px;
text-align: center;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

span.int-sel-item{
display: none;
}

span.int-sel-item-active{
display: inline;
}

span.interior_keyword_item{
background: #eee;
padding: 6px 12px 6px 12px;
border-radius: 4px;
font-size: 0.8em;
margin: 0px 5px 0px 0px;
cursor: pointer;
}

span.interior_keyword_item:hover{
background: #000;
color: #fff;
}

span.interior_keyword_item_sugg{
background: #eee;
padding: 3px 6px 3px 6px;
border-radius: 4px;
font-size: 0.8em;
margin: 0px 5px 0px 0px;
cursor: pointer;
}

span.interior_keyword_item_sugg:hover{
background: #000;
color: #fff;
}


span.dash-bio {
font-weight: 500; font-size: 0.8em;
}

span.dash-bio i {
margin: 0px 7px 0px 0px;
}

div.expire-item-thumb{
display: inline-block;
width: 400px;
height: 450px;
text-align: center;
}

div.expire-item-thumb div.expire-item-data {
cursor: pointer;
}

div.expire-item-thumb div.expire-item-image{
cursor: pointer;
}

div.expire-item-thumb div.expire-item-image img{
width: 300px;
height: 300px;
border-radius: 6px;
}

div.expire-item-thumb div.expire-item-id{
font-weight: 700;
margin: 10px 0px 0px 0px;
}

div.expire-item-thumb div.expire-item-title{
font-size: 0.8em;
width: 350px;
overflow: hidden;
white-space: nowrap;
margin: 5px auto 0px auto;
}

div.expire-item-thumb div.expire-item-artist{
display: none;
}

div.expire-item-thumb div.expire-item-status{
margin: 10px 0px 0px 0px;
font-size: 0.8em;
font-weight: 800;

}

div.expire-item-thumb div.expire-item-button{
margin: 20px 0px 0px 0px;
}


div.expire-item-list{
padding: 10px 20px 10px 20px;
font-size: 0.9em;
border-bottom: 1px solid #eee;
}

div.expire-item-list div.expire-item-data {
position: relative;
bottom: 13px;
display: inline-block;
cursor: pointer;
}

div.expire-item-list div.expire-item-image{
display: inline-block;
width: 80px;
cursor: pointer;
}

div.expire-item-list div.expire-item-image img{
width: 50px;
height: 50px;
border-radius: 3px;
}

div.expire-item-list div.expire-item-id{
display: inline-block;
width: 100px;
font-weight: 700;
margin: 0px 20px 0px 0px;
position: relative;
bottom: 4px;
}

div.expire-item-list div.expire-item-title{
display: inline-block;
width: 20vw;
overflow: hidden;
white-space: nowrap;
margin: 0px 20px 0px 0px;
}

div.expire-item-list div.expire-item-artist{
display: inline-block;
overflow: hidden;
width: 20vw;
white-space: nowrap;
margin: 0px 20px 0px 0px;
}

div.expire-item-list div.expire-item-status{
display: inline-block;
width: 20vw;
margin: 0px 20px 0px 0px;
font-weight: 800;
position: relative;
bottom: 4px;
}

div.expire-item-list div.expire-item-status i {
margin: 0px 5px 0px 0px;
}

div.expire-item-list div.expire-item-button{
display: inline-block;
width: 150px;
font-size: 1.1em;
}

div.expire-item-list div.expire-item-button2 {
position: relative;
bottom: 16px;
display: inline-block;
width: 150px;
font-size: 0.9em;
}

div.expire-item-list div.expire-bubble {
position: absolute; background: #eee; padding: 15px; width: 400px; border-radius: 7px; margin: 5px 0px 0px -145px;
z-index: 2; display: none;
font-weight: 500;
}

div.expire-bubble li {
padding: 3px 0px 3px 0px;
}

div.expire-item-thumb div.expire-bubble {
position: absolute; background: #eee; padding: 15px; width: 400px; border-radius: 7px; margin: 5px 0px 0px -45px;
z-index: 2; display: none;
text-align: left;
font-weight: 500;
}

div.expire-item-status:hover div.expire-bubble {
display: block;
}

div.expire-item-thumb div.expire-item-button2 {
display: none;
}

div.expire-item-button2 i {
color: #aaa;
padding: 0px 5px 0px 0px;
font-size: 0.8em;
}

div.expire-item-list div.expire-item-button span {
position: relative;
bottom: 19px;
}

span.expire-item-status-green{
color: #41A444;
}

span.expire-item-status-red{
color: #AE3030;
}



span.collections-page-sidebar-collection-new {
color: #A71515;
padding: 3px 5px 3px 6px;
font-size: 0.5em;
font-weight: 500;
position: relative;
bottom: 6px;
right: 3px;
}

span.image-big-allcoll-new {
background: #A71515;
color: #fff;
padding: 4px 7px 4px 7px;
font-size: 0.7em;
font-weight: 800;
border-radius: 3px;
position: relative;
left: 195px;
top: 30px;
}

div.recommendations-fixed {
width: 700px;
position: fixed;
top: 80px;
left: 50%;
margin: 0px 0px 0px -350px;
padding: 20px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(255,255,255,0.9);
box-sizing: border-box;
z-index: 20;
border-radius: 7px;
text-align: center;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

div.recommendations-fixed-header {
font-size: 1.2em;
font-weight: 700;
}

div.recommendations-fixed-text {
margin: 10px 0px 0px 0px;
font-size: 0.9em;
font-weight: 400;
}

div.ieclient-alphastatus {
text-align: center;
padding: 50px 0px 50px 0px;
font-size: 1.3em;
font-weight: 800;
}

div.ieclient-alphastatus i {
font-size: 1.7em;
color: #2E70B7;
position: relative;
top: 4px;
padding: 0px 10px 0px 0px;
}

div.ieclient-file-icon {
font-size: 2em;
padding: 50px 0px 0px 0px;
box-sizing: border-box;
}

div.ieclient-file-name {
font-size: 0.7em;
font-weight: 300;
padding: 10px 10px 0px 10px;
box-sizing: border-box;
}

div.ieclient-file{
float: left;
width: 230px;
height: 270px;
text-align: center;
margin: 0px 10px 10px 0px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
border-radius: 5px;
}

div.ieclient-file img{
width: 230px;
height: 230px;
border-radius: 5px 5px 0px 0px;
}

div.ieclient-file-status{
margin: 5px 0px 0px 0px;
}

span.ieclient-file-status{
font-size: 0.8em;
padding: 0px 5px 0px 0px;
}

span.ieclient-file-status i {
padding: 0px 7px 0px 0px;
}


div.ieclient-uploader-icon {
font-size: 2em;
margin: 0px 0px 10px 0px;
}

div.ieclient-uploader {
font-size: 1.2em;
font-weight: 600;
cursor: pointer;
text-align: center;
padding: 50px;
border: 1px dashed #000;
border-radius: 7px;
background: #fafafa;
margin: 40px 0px 40px 0px;
}

div.ieclient-uploader2 {
font-size: 1.2em;
font-weight: 600;
cursor: pointer;
text-align: center;
padding: 50px;
border-radius: 7px;
margin: 40px 0px 40px 0px;
background: repeating-linear-gradient(
-55deg,
#eee,
#eee 10px,
#fafafa 10px,
#fafafa 20px
);

}

table.dashboard-payout td {
padding: 12px;
}

table.dashboard-payout tt {
font-size: 1.3em;
}

tr.dashboard-payout-row-curr td {
font-size: 0.9em;
}

tr.dashboard-payout-row-head td {
font-size: 1.1em;
}

tr.dashboard-payout-row {
background: #eee;
}

tr.dashboard-payout-row:nth-child(even) {
background: #fafafa;
}

tr.dashboard-payout-row1 td {
}

tr.dashboard-payout-row2 td {
}

tr.dashboard-payout-srow1 td {
border-bottom: 2px solid #bbb;
}

tr.dashboard-payout-srow2 td {
border-bottom: 2px solid #bbb;
}


span.modal_tabs_tab i {
padding: 0px 3px 0px 0px;
font-size: 0.9em;
}

table.interiorengine-tokencost td {
padding: 7px 40px 7px 0px;
border-bottom: 1px solid #ddd;
}

table.interiorengine-tokencost b {
font-weight: 600;
}

span.interiorengine-label {
font-size: 0.6em;
font-weight: 700;
padding: 3px 7px 3px 7px;
background: #eee;
text-transform: uppercase;
position: relative;
margin: 0px 5px 0px 0px;
border-radius: 5px;
}

div.directory_upload_slots {
border: 1px solid #60AAEB;
padding: 15px 20px 15px 20px;
border-radius: 10px;
box-sizing: border-box;
line-height: 1.4em;
outline: 7px solid #EBF4FB;
margin: 30px auto 30px auto;
width: 500px;
font-size: 0.9em;
line-height: 1.5em;
}

div.directory_upload_slots_header {
font-weight: 800;
margin: 0px 0px 15px 0px;
}

span.directory_upload_slots_icon {
color: #60AAEB;
font-size: 2em;
display: block;
margin: 0px 0px 10px 0px;
}

div.directory_upload_slots_pre {
border: 1px solid #CE7474;
padding: 15px 20px 15px 20px;
border-radius: 10px;
box-sizing: border-box;
line-height: 1.4em;
outline: 7px solid #FBEBEB;
margin: 30px auto 30px auto;
width: 500px;
font-size: 0.9em;
line-height: 1.5em;
}

div.directory_upload_slots_pre_wider {
width: 900px;
}

span.directory_upload_slots_pre_icon {
color: #CE7474;
font-size: 2em;
display: block;
margin: 0px 0px 10px 0px;
}


span.view-download-label {
font-size: 0.7em; font-weight: 600; padding: 0px 10px 0px 0px;
}

div.view-download-buttons {
display: none; background: rgba(255,255,255,0.9); padding: 15px 0px 15px 0px; position: absolute; width: calc(100vw /
4.1); margin: -53px 0px 0px 0px;
}

div.window-main-open div.view-download-buttons {
width: calc(calc(100vw - 400px) / 4);
}

div.load-image-bigthumbs:hover div.view-download-buttons {
display: block;
}

div.load-image-bigthumbs:hover div.view-download-buttons-hidden {
display: none !important;
}

div.view-description {
margin: 20px 0px -10px 0px;
line-height: 1.5em;
}

span.ms-keyboard {
font-weight: 500; font-size: 0.8em;
position: relative;
bottom: 1px;
left: 2px;
}

span.ms-keyboard i {
margin: 0px 3px 0px 0px;
}

div.ms-crop {
text-align: center;
padding: 10px 0px 10px 0px;
}

div.ms-crop label {
padding: 0px 0px 0px 3px;
}

div.ms-crop input {
position: relative;
bottom: 2px;
}

span.ms-crop-ok {
font-weight: 800;
color: #59B357;
}

span.ms-crop-nok {
font-weight: 800;
color: #B35757;
padding: 0px 0px 0px 15px;
}

div.ms-smallheader {
font-size: 0.7em;
text-transform: uppercase;
padding: 0px 0px 0px 10px;
color: #aaa;
}

div.ms-value {
font-weight: 700;
margin: 3px 0px 10px 0px;
padding: 0px 0px 0px 10px;
cursor: pointer;
font-size: 0.9em;
}

div.ms-value input {
width: 90%;
border: 1px solid #541B7B;
font-size: 1.1em;
font-weight: 700;
padding: 5px 7px 5px 7px;
background: #111;
border-radius: 5px;
color: #fff;
outline: none;
}

div.ms-value textarea {
width: 90%;
border: 1px solid #541B7B;
font-size: 0.9em;
font-weight: 500;
height: 85px;
padding: 5px 7px 5px 7px;
background: #111;
border-radius: 5px;
color: #fff;
outline: none;
}


div.ms-value input:focus {
border: 1px solid #AC33FF;
}

table.aimetadata-table td {
padding: 5px 0px 5px 0px;
cursor: pointer;
}

table.aimetadata-table tr:hover td {
font-weight: 800;
}

span.aimetadata-profilepic {
display: inline-block;
width: 70px;
height: 70px;
border-radius: 70px;
background: #ddd;
}

span.aimetadata-profilepic img {
width: 70px;
height: 70px;
border-radius: 70px;
}

span.modal-togglelist-info {
font-size: 0.5em;
padding: 0px 0px 0px 15px;
position: relative;
bottom: 2px;
letter-spacing: 0px;
font-weight: 500;
}

div.extplat_who {
margin: 5px 0px 0px 0px;
padding: 0px 40px 40px 40px;
}

span.extplat_image {
}

span.extplat_image img {
width: 40px;
height: 40px;
border-radius: 40px;
}

span.extplat_name {
font-size: 1.3em;
position: relative;
bottom: 11px;
font-weight: 500;
left: 10px;
}

div.extplat {
padding: 50px 0px 300px 0px;
}

div.extplat_header {
font-weight: 700;
font-size: 1.8em;
padding: 0px 40px 0px 40px;
}

div.marketing_files {
clear: both;
}

div.marketing_file {
width: 9vw;
height: 12.5vw;
float: left;
margin: 0px 10px 10px 0px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
border-radius: 7px;
}

div.marketing_file_button {
text-align: center;
margin: 10px 0px 0px 0px;
}

div.marketing_file_preview {

}

div.marketing_file_preview_label {
height: 8vw;
font-size: 2em;
font-weight: 600;
padding: 2.7vw 0px 0px 0px;
color: #999;
box-sizing: border-box;
text-align: center;
}

div.marketing_file_preview_image {
height: 8vw;
}

div.marketing_file_preview_image img {
max-height: 8vw;
max-width: 9vw;
}

div.marketing_file_name {
text-align: center;
font-weight: 600;
margin: 5px auto 0px auto;
white-space: nowrap;
width: 8vw;
overflow: hidden;
font-size: 0.8em;
}

div.marketing_file_specs {
text-align: center;
font-size: 0.8em;
margin: 3px 0px 0px 0px;
}

div.directory-artwork-expbutton {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-expbutton {
display: block;
padding: 3px 0px 0px 0px;
}

span.exp-button {
border: 1px solid #2AA92C;
color: #2AA92C;
border-radius: 7px;
font-size: 0.6em;
font-weight: 700;
padding: 3px 6px 3px 6px;
cursor: pointer;
}

span.exp-button:hover {
color: #fff;
background: #2AA92C;
}

div.modal_article-header2 {
font-size: 1em;
margin: 0px 0px 15px 0px;
font-weight: 600;
}

div.modal_article-text2{
font-size: 1em;
line-height: 1.4em;
margin: 0px 0px 15px 0px;
}

div.modal_article-header3 {
font-size: 1em;
margin: 20px 0px 20px 0px;
font-weight: 600;
border-top: 1px solid #000;
padding: 20px 0px 0px 0px;
}

div.modal_article-text3{
font-size: 1em;
line-height: 1.4em;
margin: 0px 0px 15px 0px;
}

div.modal_article-text3 li {
margin: 0px 0px 10px 0px;
}

div.modal_article-text4{
font-size: 1em;
line-height: 1.4em;
margin: 20px 0px 15px 0px;
border-top: 1px solid #000;
padding: 20px 0px 0px 0px;
}

div.modal_article-text5{
font-size: 1em;
line-height: 1.4em;
margin: 0px 0px 15px 0px;
padding: 0px 0px 50px 0px;
font-weight: 600;
}

div.modal_article-header{
font-size: 2em;
margin: 10px 0px 20px 0px;
line-height: 1.2em;
font-weight: 600;
}

div.modal_article-text {
font-size: 1.1em;
line-height: 1.4em;
margin: 0px 0px 20px 0px;
}

tr.earnings_header td {
font-size: 0.7em;
text-align: center;
}

tr.earnings_row td {
font-size: 0.8em;
text-align: center;
padding: 3px 10px 3px 10px;
line-height: 1.5em;
}

div.bio-count {
margin: 5px 0px 0px 0px;
font-size: 0.8em;
color: #666;
text-align: right;
}

tr.followrow1 td {
padding-left: 10px !important;
}

tr.followrow2 td {
background: #fafafa;
padding-left: 10px !important;
}

span.dl_option_label {
font-size: 0.9em;
font-weight: 600;
padding: 0px 20px 0px 0px;
display: block;
text-align: right;
}

td.dl_option_td {
font-size: 0.9em;
padding: 3px 0px 3px 0px;
}

td.dl_option_td label {
padding: 0px 10px 0px 5px;
}

td.dl_option_td span.small {
font-size: 0.6em;
padding: 3px 6px 3px 6px;
font-weight: 700;
}

div.artist-biography-fadeout {
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
position: relative;
width: 100%;
height: 95px;
margin: -95px 0px 0px 0px;
}

div.artist-biography-showall {
position: relative;
margin: -10px 0px 0px 0px;
text-align: center;
z-index: 1;
}

span.artist-biography-showall {
background: rgba(240,240,240,0.9);
border-radius: 7px;
padding: 5px 10px 5px 10px;
font-size: 0.8em;
font-weight: 600;
color: #000;
cursor: pointer;
}

span.artist-biography-showall:hover {
background: #000;
color: #fff;
}

span.artist-biography-showall i {
font-size: 1.4em;
position: relative;
padding: 0px 3px 0px 0px;
bottom: 1px;
}

div.artist-biography {
max-width: 1000px;
margin: auto;
padding: 0px 30px 0px 30px;
line-height: 1.5em;
height: 95px;
overflow: hidden;
}

div.artist-biography-unfold {
max-height: auto;
overflow: unset;
height: unset;
}

div.collection-buttons-sticky img.collection-buttons-logo{
height: 35px;
display: inline-block;
position: relative;
z-index: 20;
}

span.collection-buttons-sticky-menu {
position: absolute;
left: 10px;
margin: -8px 0px 0px 0px;
text-align: left;
}

span.collection-buttons-sticky-menu div.collection-buttons-sticky-themenu{
display: none;
}

span.collection-buttons-sticky-menu:hover div.collection-buttons-sticky-themenu{
display: block;
background: #fff;
padding: 60px 40px 10px 13px;
margin: -50px 0px 0px -10px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(255,255,255,0.9);
border-radius: 7px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

div.quick-downloader {
position: fixed;
bottom: 20px;
left: 20px;
-webkit-backdrop-filter: blur(20px);
background: rgba(255,255,255,0.9);
padding: 20px;
border-radius: 20px;
width: 400px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
z-index: 2;
}

div.quick-downloader-header {
font-weight: 600;
font-size: 1.1em;
margin: 0px 0px 10px 0px;
}

div.quick-downloader-text {
font-size: 0.9em;
line-height: 1.5em;
margin: 0px 0px 20px 0px;
}

div.collection-buttons-sticky-themenu-item {
padding: 3px 0px 3px 0px;
font-size: 0.9em;
font-weight: 600;
cursor: pointer;
}

div.expprod_image{
width: 5vw;
height: 8vw;
display: inline-block;
margin: 0px 5px 5px 0px;
}

div.expprod_image_title {
width: 4.5vw;
font-size: 0.8em;
margin: 3px 0px 3px 0px;
overflow: hidden;
white-space: nowrap;
}

div.expprod_image img{
width: 5vw;
height: 5vw;
}

div.expprod_image_check{
font-size: 1.2em;
padding: 0px 0px 0px 0px;
}

div.modal_expprod_sign_check2 {
padding: 0px 0px 8px 20px;
}

div.modal_expprod_sign_check2 input {
margin: 0px 10px 0px 0px;
}

div.modal_expprod_sign_check2 label {
position: relative;
top: 2px;
font-weight: 400;
}

div.modal_expprod_sign_check2 b {
font-weight: 600;
border-bottom: 1px solid #000;
}

div.modal_expprod_sign_check2_header {
padding: 20px 0px 15px 20px;
font-weight: 700;
}

div.modal_expprod_sign_buttons {
margin: 30px 0px 0px 0px;
text-align: center;
}

div.modal_expprod_sign_check {
padding: 0px 0px 0px 20px;
}

div.modal_expprod_sign_check input {
margin: 0px 10px 0px 0px;
}

div.modal_expprod_sign_check label {
position: relative;
top: 2px;
font-weight: 600;
}

div.modal_expprod_sign_who {
padding: 10px 40px 20px 40px;
line-height: 1.5em;
font-size: 0.9em;
}

div.modal_expprod_sign {
font-family: "Sacramento", cursive;
font-weight: 400;
font-style: normal;
font-size: 2em;
padding: 0px 40px 5px 40px;
border-bottom: 1px solid #000;
}

div.modal_expprod_text li {
margin: 5px 0px 5px 0px;
list-style: square;
}

div.modal_expprod_text u {
font-weight: 600;
}

div.modal_expprod_text {
margin: 0px 0px 10px 0px;
line-height: 1.4em;
}

div.modal_expprod_header {
font-weight: 700;
margin: 0px 0px 10px 0px;
}

div.modal_expprod_header2 {
font-weight: 700;
font-size: 1.3em;
margin: 20px 0px 20px 0px;
}

div.browse-titleartist {
margin: 5px 0px 0px 0px;
}

div.browse-title {
font-weight: 700;
letter-spacing: -0.5px;
}

div.browse-title-editor {

}

div.browse-title-editor input {
padding: 3px 5px 3px 5px;
font-size: 1em;
font-weight: 700;
width: 80%;
text-align: center;
}

div.browse-artist {
font-weight: 500;
font-size: 0.8em;
margin: 2px 0px 0px 0px;
}

div.apply-button {
background: #40BB4B;
color: #fff;
padding: 10px 20px 15px 20px;
font-size: 1.3em;
font-weight: 800;
border-radius: 7px;
margin: 30px auto 0px auto;
display: inline-block;
cursor: pointer;
}

div.apply-button i {
margin: 0px 10px 0px 0px;
font-size: 1.3em;
position: relative;
top: 3px;
}

table.pages-table td {
padding: 9px 0px 9px 0px;
}

span.hd-preview-close {
position: fixed;
bottom: 610px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
left: 610px;
z-index: 10000000001;
background: rgba(0,0,0,0.5);
width: 30px;
height: 30px;
border-radius: 30px;
font-size: 1.2em;
color: rgba(255,255,255,0.5);
cursor: pointer;
box-sizing: border-box;
padding: 3px 0px 0px 8px;
}

span.hd-preview-close:hover {
background: #000;
color: #fff;
}

div.hd-preview-loader {
position: fixed;
bottom: 290px;
left: 300px;
z-index: 10000000001;
}

div.hd-preview-box {
position: fixed;
left: 10px;
bottom: 10px;
z-index: 10000000;
background: rgba(255,255,255,1);
padding: 10px 10px 10px 10px;
border-radius: 10px;
width: 600px;
height: 600px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

div.hd-preview-box img {
border-radius: 3px;
}


div.modal_dynamic_scroll {
max-height: calc(100vh - 400px);
overflow: auto;
}

div.modal_dynamic_scroll2 {
max-height: calc(100vh - 400px);
overflow: auto;
}

div.modal_dynamic_scroll3 {
height: calc(100vh - 290px);
overflow: auto;
}

div.inf-banner {
border-top: 5px dashed #ddd;
padding: 70px 0px 50px 0px;
margin: 0px 0px 0px 0px;
}

div.inf-banner-header {
font-size: 3em;
font-weight: 800;
letter-spacing: -1.5px;
}

div.inf-banner-header2 {
font-size: 1.6em;
font-weight: 800;
letter-spacing: -1px;
}

div.inf-target {
padding: 0px 0px 200px 0px;
}

label.gradelabel {
}

.qmsg-clickable {
cursor: pointer;
}

div.nv-image {
margin: 20px 0px 20px 0px;
text-align: center;
}

div.nv-image img {
max-width: 80%;
border-radius: 10px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}

div.nv-bigheader-top {
text-align: center;
font-size: 1.3em;
font-weight: 600;
letter-spacing: -1px;
margin: 30px 0px 0px 0px;
}

div.nv-bigheader {
text-align: center;
font-size: 3.2em;
font-weight: 600;
letter-spacing: -2px;
}

div.nv-bigheader img {
width: 230px;
margin: 0px 5px 0px 7px;
position: relative;
top: 14px;
}

div.nv-maintext {
text-align: center;
margin: 20px 0px 30px 0px;
line-height: 1.5em;
font-size: 1.1em;
font-weight: 500;
}

div.nv-smallheader {
font-size: 1.3em;
font-weight: 800;
margin: 20px 0px 10px 0px;
}

div.nv-smalltext {
line-height: 1.4em;
border-bottom: 1px dashed rgba(0,0,0,0.1);
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
}

div.nv-smalltext-noborder {
border: 0px;
}

div.nv-smalltext-button {
text-align: center;
padding: 0px 0px 10px 0px;
}

span.new-feature-arrow-left {
display: none;
font-size: 2.5em;
color: #fff;
position: absolute;
margin: 29px 0px 0px -31px;
}

span.new-feature-arrow-top {
display: none;
}

span.new-feature-arrow-right {
display: none;
}

div.new-feature {
background: #fff;
z-index: 2;
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
padding: 15px 20px 25px 20px;
position: absolute;
width: 500px;
border-radius: 7px;
text-align: left;
display: inline-block;
margin: -8px 0px 0px 10px;
font-size: 0.8em;
line-height: 1.6em;
}

div.new-feature-arrow-left span.new-feature-arrow-left {
display: inline-block;
text-shadow: -5px 0px 5px rgba(0,0,0,0.1);
}

div.new-feature-header {
margin: 0px 0px 10px 0px;
font-weight: 800;
}

div.new-feature-image {
margin: 15px 0px 15px 0px;
text-align: center;
}

div.new-feature-image img {
max-width: 250px;
border-radius: 7px;
}

div.new-feature-button {
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 1.1em;
}

span.new-feature-badge {
font-size: 0.6em;
background: #D03333;
color: #fff;
font-weight: 500;
padding: 5px 8px 5px 8px;
border-radius: 5px;
margin: 0px 7px 0px 0px;
}

div.new-feature-followbutton {
margin: -50px 0px 0px 5px;
}

div.new-feature-hdpreview {
margin: -43vh 0px 0px 50vw;
}

span.mg-gallery-buttons {
position: absolute;
left: 370px;
margin: 7px 0px 0px 0px;
}

div.mg-addgallery {
padding: 10px 0px 0px 80px;
}

div.manage-galleries-target {
padding: 0px 0px 200px 0px;
}

div.mg-category {
font-weight: 800;
clear: both;
padding: 0px 0px 0px 40px;
font-size: 1.4em;
margin: 30px 0px 30px 0px;
}

div.mg-gallery {
clear: both;
padding: 0px 0px 15px 80px;
margin: 15px 0px 15px 0px;
border-bottom: 1px dashed #ccc;
}

div.mg-gallery img {
float: left;
width: 40px;
height: 40px;
margin: 0px 20px 0px 0px;
border-radius: 7px;
}

div.mg-gallery-title {
font-weight: 600;
}

div.mg-gallery-artworks {
font-size: 0.8em;
margin: 3px 0px 0px 0px;
}

div.galleries-header {
font-size: 2em;
padding: 0px 0px 10px 40px;
margin: 0px 0px 40px 0px;
border-bottom: 2px solid #000;
font-weight: 900;
letter-spacing: -1.5px;
}

span.account-menu-target-dashboardlink {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
right: 10px;
margin: -1.5vw 0px 0px 0px;
}

span.ss-label {
font-size: 0.7em;
background: #eee;
font-weight: 600;
padding: 3px 5px 3px 5px;
border-radius: 5px;
margin: 0px 10px 0px 0px;
text-transform: uppercase;
}

span.is-vip {
background: -webkit-linear-gradient(left, #8f6B29, #FDE08D, #DF9F28);
background: linear-gradient(left, #8f6B29, #FDE08D, #DF9F28);
color: #fff;
padding: 3px 5px 3px 5px;
border-radius: 5px;
font-weight: 800;
text-shadow: 0px 0px 10px #000;
}

span.follow {
color: #B533FF;
border: 1px solid #B533FF;
box-shadow: 0px 0px 10px rgba(181,51,255,0.4);
}

span.follow:hover {
background: #B533FF;
color: #fff;
}

span.follow-off {
color: #aaa;
border: 1px solid #aaa;
}

span.scroll-to-top {
width: 60px;
height: 60px;
border-radius: 60px;
position: fixed;
right: 30px;
bottom: 10px;
background: rgba(240,240,240,0.4);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-align: center;
font-size: 2em;
color: rgba(0,0,0,0.1);
cursor: pointer;
box-sizing: border-box;
padding: 10px 0px 0px 0px;
z-index: 1;
display: none;
}

span.scroll-to-top:hover {
color: rgba(0,0,0,0.5);
background: rgba(240,240,240,0.7);
}

span.dashboard-na {
color: #ccc;
font-size: 0.8em;
}

span.dashboard-artists-extras-mainlabel {
display: inline-block;
width: 60px;
font-size: 0.7em;
}

div.dashboard-artists-extras {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}

span.dashboard-artists-extras-label {
background: #ddd;
font-size: 0.8em;
font-weight: 800;
border-radius: 5px;
padding: 5px 10px 5px 10px;
}

span.dashboard-artists-extras-value {
font-size: 0.9em;
margin: 0px 30px 0px 0px;
}

span.dashboard-artists-extras-value i {
font-size: 0.8em;
color: #bbb;
margin: 0px 0px 0px 10px;
}


div.large-downloads {
margin: 70px 0px 40px 0px;
}

div.large-downloads td {
padding: 10px 50px 10px 0px;
font-size: 1em;
border-bottom: 1px solid #eee;
}

div.large-downloads td b {
font-size: 0.8em;
font-weight: 800;
}

div.api-id {
text-align: center;
margin: 40px 0px 0px 0px;
cursor: pointer;
}

div.api-id b {
font-weight: 600;
margin: 0px 10px 0px 4px;
}

div.api-id tt {
position: relative;
bottom: 1px;

}

i.api-id-clipboard {
font-size: 0.8em;
color: #888;
position: relative;
bottom: 3px;
left: 5px;
}
div.qmsg-inner-icon {
font-size: 2em;
padding: 0px 20px 0px 0px;
}

div.qmsg-inner-text {

}

.onlytablet {
display: none;
}

div.new-navi-item-menu {
display: none;
padding: 40px;
width: 580px;
border-radius: 7px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
position: absolute;
z-index: 2;
background: #fff;
margin: 33px 0px 0px -160px;
}

div.new-navi-item-menu img {
width: 180px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

div.new-navi-item-menu td {
text-align: center;
cursor: pointer;
}

div.new-navi-item-menu td:hover img {
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

div.new-navi-item-menu-header {
font-weight: 800;
font-size: 1em;
margin: 10px 0px 0px 0px;
}

span.dashboard-generated {
font-size: 0.5em;
color: #888;
font-weight: 500;
float: right;
letter-spacing: 0px;
font-style: italic;
padding: 0px 40px 0px 0px;
}

div.manage-savedsearch-table td {
padding: 10px 15px 10px 0px;
}

div.itopsearch-noresults {
padding: 100px;
text-align: center;
}

div.itopsearch-noresults-header {
font-size: 4em;
margin: 0px 0px 10px 0px;
}

div.itopsearch-noresults-subheader {
font-weight: 800;
}

td.dashboard-front-stats{
width: 400px;
}

div.modal-multimeta td b {
font-weight: 600;
}

div.modal-multimeta td {
padding: 0px 30px 10px 0px;
}


div.account-menu-target-partner {
font-weight: 400;
font-size: 0.8em;
text-align: center;
margin: -20px 0px 20px 0px;
display: none;
}

div.account-menu-target-partner i {
font-size: 1.1em;
position: relative;
top: 1px;
margin: 0px 5px 0px 0px;
}

span.adminbadge{
background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%,
transparent 80%),
radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
color: #fff;
padding: 5px 10px 5px 10px;
font-weight: 800;
border-radius: 7px;
margin: 0px 0px 0px 10px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}


span.adminbadge i {
position: relative;
top: unset;
margin: 0px 2px 0px 0px;
}

span.account-menu-target-button {
background: rgba(0,0,0,0.07);
padding: 5px 10px 5px 10px;
font-weight: 600;
margin: 0px 5px 0px 5px;
font-size: 0.7em;
border-radius: 7px;
cursor: pointer;
}

span.account-menu-target-button i {
margin: 0px 5px 0px 0px;
font-size: 1.2em;
position: relative;
top: 2px;
opacity: .4;
}

div.account-menu-target-grid {
}

div.account-menu-target-grid-item {
cursor: pointer;
width: 6vw;
height: 6vw;
border-radius: 7px;
display: inline-block;
margin: 0px 1vw 1vw 1vw;
text-align: center;
opacity: .7;
padding: 10px;
box-sizing: border-box;
}

div.account-menu-target-grid-item:hover {
opacity: 1;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

div.account-menu-target-grid-item-icon{
font-size: 2em;
opacity: .7;
}

div.account-menu-target-grid-item-title{
margin: 8px 0px 0px 0px;
font-weight: 800;
line-height: 1.2em;
font-size: 0.9em;
}

div.account-menu-target-inner {

}

div.account-menu-target-grid-compact div.account-menu-target-grid-item {
cursor: pointer;
width: unset;
height: unset;
border-radius: unset;
display: block;
margin: unset;
text-align: unset;
opacity: .7;
padding: 7px 0px 7px 0px;
box-sizing: border-box;
}

div.account-menu-target-grid-compact div.account-menu-target-grid-item-icon {
display: inline-block;
margin: 0px 20px 0px 20px;
width: 50px;
text-align: center;
font-size: 1.5em;
}

div.account-menu-target-grid-compact div.account-menu-target-grid-item-title{
display: inline-block;
position: relative;
bottom: 3px;
}

div.account-menu-target-buttons {
margin: 6px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

div.account-menu-target-top {
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #eee;
}

div.account-menu-target-top-name {
padding: 12px 0px 0px 0px;
font-weight: 400;
font-size: 1.2em;
position: relative;
left: 6px;
}

div.account-menu-target-top img {
width: 60px;
height: 60px;
border-radius: 60px;
position: relative;
top: 9px;
float: left;
margin: 0px 10px 0px 0px;
}

div.account-menu-target-top .profile-pic-placeholder {
width: 60px;
height: 60px;
border-radius: 60px;
background: #ccc;
display: inline-block;
position: relative;
top: 9px;
float: left;
margin: 0px 10px 0px 0px;
}

span.account-menu {
}

div.account-menu-target {
display: block;
height: 100vh;
overflow: hidden;
position: fixed;
width: 350px;
top: 0px;
right: -345px;
background: rgba(255,255,255,0.8);
z-index: 2;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
transition: right 0.1s ease-in-out;
}

span.account-menu:hover div.account-menu-target {
right: 0px;
}


div.dashboard-front-stat-value-green {
color: #22B632;
}

div.dashboard-front-stats {
text-align: center;
}

div.dashboard-front-stat-mainheader {
font-weight: 400;
font-size: 1.5em;
margin: 0px 0px 10px 0px;
}

div.dashboard-front-stat-header {
font-size: 0.9em;
color: #666;
}

div.dashboard-front-stat-value {
margin: 2px 0px 14px 0px;
font-size: 1.5em;
font-weight: 800;
letter-spacing: -1px;
}

div.dashboard-front-graph-logohide {
width: 100px;
height: 20px;
margin: -20px 0px 0px 0px;
background: #fff;
position: relative;
z-index: 1;
}

div.dashboard-front-stats {
margin: 30px 0px -50px 0px;
}

div.dashboard-front-graph {
height: 20vh;
}

div.dashboard-front-inner {
padding: 40px;
}

div.dashboard-front-hello {
font-size: 3em;
font-weight: 200;
text-transform: uppercase;
letter-spacing: -1px;
padding: 13px 0px 0px 90px;
}

div.dashboard-front-hello b {
font-weight: 600;
margin: 0px 0px 0px 5px;
}

div.dashboard-front-hello img {
width: 70px;
height: 70px;
border-radius: 70px;
position: absolute;
margin: -13px 0px 0px -90px;
}

div.faq-sect-main {
font-size: 1.7em;
font-weight: 300;
margin: 40px 0px 40px 0px;
}

div.faq-sect-main span {
margin: 0px 10px 0px 0px;
}

div.faq-sect-sub {
font-weight: 900;
font-size: 1.1em;
margin: 20px 0px 15px 0px;
}

div.faq-sect-sub span {
margin: 0px 10px 0px 0px;
}

div.faq-sect-text {
line-height: 1.6em;
}

div.faq-sect-text b {
font-weight: 600;
margin: 0px 5px 0px 0px;
}

div.faq-sect-text p {
margin: 5px 0px 5px 0px;
}

div.faq-main {
max-width: 1200px;
margin: auto;
padding: 40px 40px 300px 40px;
}

div.faq-header {
font-size: 2.3em;
font-weight: 400;
letter-spacing: -1px;
margin: 0px 0px 25px 0px;
}

div.faq-header i {
font-size: 4em;
color: #eee;
float: right;
}

div.faq-header b {
font-weight: 900;
margin: 0px 5px 0px 0px;
}

div.faq-subheader {
font-size: 1.7em;
font-weight: 300;
margin: 40px 0px 40px 0px;
text-transform: uppercase;
}

div.faq-toc-main {
font-weight: 700;
margin: 20px 0px 10px 0px;
}

div.faq-toc-main b {
font-weight: 500;
margin: 0px 5px 0px 0px;
}

div.faq-toc-sub {
font-weight: 500;
font-size: 0.9em;
margin: 0px 0px 7px 0px;
cursor: pointer;
}

div.faq-toc-sub i {
margin: 0px 10px 0px 3px;
color: #aaa;
}

span.new-navi-search {
padding: 0px 30px 0px 0px;
float: right;
position: relative;
top: 6px;
}

span.new-navi-search i {
position: relative;
right: -30px;
top: 2px;
color: #ccc;
}

span.new-navi-search input {
border: 1px solid #aaa;
padding: 8px 17px 8px 35px;
font-size: 0.8em;
border-radius: 10px;
width: 15vw;
}

div.front-dashboard {
min-height: 20vh;
font-size: 0.8em;
}

div.front-dashboard table.frontloader {
height: 20vh;
}

div.new-navi {
padding: 30px 45px 0px 40px;
font-family: "Libre Franklin", sans-serif;
}

div.navi-fixed{
width: 100%;
position: fixed;
left: 0px;
top: 0px;
box-sizing: border-box;
background: #fff;
z-index: 2;
padding-bottom: 40px;
}

div.main-navi-fixed {
padding: 64px 0px 0px 0px;
}

span.new-navi-logo {
padding: 0px 40px 0px 0px;
position: relative;
top: 10px;
}

span.new-navi-logo img {
height: 30px;
}

span.new-navi-item {
font-weight: 700;
font-size: 0.9em;
padding: 0px 15px 0px 0px;
cursor: pointer;
}

span.new-navi-item-menu:hover div.new-navi-item-menu {
display: inline-block;
}

span.new-navi-feature {
background: #E82D2D;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
position: relative;
left: 5px;
bottom: 1px;
}

span.new-navi-user {
font-weight: 700;
float: right;
position: relative;
top: 3px;
}

span.new-navi-item-right {
float: right;
font-size: 0.9em;
font-weight: 500;
position: relative;
top: 13px;
cursor: pointer;
margin: 0px 0px 0px 10px;
}

span.new-navi-user img {
width: 25px;
height: 25px;
border-radius: 25px;
position: relative;
top: 7px;
margin: 0px 8px 0px 0px;
}

span.new-navi-user .profile-pic-placeholder {
width: 25px;
height: 25px;
border-radius: 25px;
background: #ccc;
display: inline-block;
position: relative;
top: 7px;
margin: 0px 8px 0px 0px;
}

div.new-front-search {
text-align: center;
padding: 50px 0px 0px 0px;
}

input.new-front-search {
border: 1px solid #000;
padding: 10px 15px 10px 15px;
font-size: 1.2em;
border-radius: 10px;
width: 30vw;
}

div.pes-status {
font-weight: 800;
font-size: 0.8em;
}

div.pes-status i {
font-size: 1.3em;
padding: 0px 7px 0px 0px;
position: relative;
top: 2px;
}

div.transfers {
width: 400px;
height: 300px;
background: rgba(0,0,0,0.7);
position: fixed;
right: 10px;
bottom: 10px;
border-radius: 20px;
color: #fff;
box-sizing: border-box;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 20;
overflow: auto;
}

div.transfers-expanded {
height: calc( 100vh - 90px );
}

div.transfers-expand {
color: #666;
text-align: right;
padding: 10px 17px 0px 0px;
cursor: pointer;
}

div.transfers-expand i:hover {
color: #fff;
}

div.transfers-expand span {
margin: 0px 0px 0px 10px;
}

div.transfers-inner {
padding: 20px;
}

div.transfers-status {
text-align: center;
font-weight: 800;
font-size: 0.8em;
padding: 110px 0px 0px 0px;
}

div.ecommercelog-status {
font-weight: 800;
}

div.ecommercelog-status i {
font-size: 2em;
padding: 0px 15px 0px 0px;
position: relative;
top: 5px;
}

div.custom_settings {
margin: 12px 0px 0px 0px;
font-size: 0.6em;
}

span.modal_ecommerce_product_variants {
font-weight: 500;
}

span.withselectedbutton {
}

img.ecommerce-variantconfig-image {
max-height: 30px;
}

img.ecommerce-variantconfig-image2 {
max-height: 70px;
}

div.ecommerce-select{
margin: 0px 0px 12px 0px;
}

span.ecommerce-select-label{
font-size: 0.7em;
font-weight: 800;
display: inline-block;
width: 90px;
}

span.ecommerce-select-button{
background: #eee;
padding: 5px 5px 5px 5px;
margin: 0px 2px 0px 0px;
border-radius: 10px;
font-size: 0.6em;
cursor: pointer;
white-space: nowrap;
}

span.ecommerce-select-button:hover{
background: #000;
color: #fff;
}

span.ecommerce-select-all{

}

span.ecommerce-select-none{

}

input.ecommerce-input {
font-size: 1em;
padding: 5px;
border: 1px solid #eee;
border-radius: 5px;
width: 80%;
}

span.ecommerce-variantconfig-path {
font-weight: 500;
}

span.ecommerce-variantconfig-divider {
font-weight: 100;
padding: 0px 15px 0px 15px;
color: #aaa;
}

tr.ecommerce-variantconfig-header td {
font-weight: 800;
font-size: 0.9em;
padding: 5px 0px 5px 0px;
}

tr.ecommerce-variantconfig-data td {
padding: 5px 0px 5px 0px;
}

tr.ecommerce-variantconfig-data:hover td {
background: #eee;
}

tr.ecommerce-variantconfig-data-disabled td {
text-decoration: line-through;
}

tr.ecommerce-variantconfig-data-disabled input.ecommerce-input {
text-decoration: line-through;
opacity: .3;
pointer-events:none;
}

tr.ecommerce-variantconfig-data-disabled td.block-strikethrough {
text-decoration: none;
}

tr.ecommerce-variantconfig-data-disabled img {
opacity: 0.3;
}

div.ecommerce-variant-options {
font-weight: 300;
font-size: 0.6em;
margin: 10px 0px 0px 0px;
line-height: 3em;
}

div.ecommerce-variant-options span {
background: #eee;
padding: 5px 10px 5px 10px;
border-radius: 5px;
margin: 0px 5px 0px 0px;
white-space: nowrap;
}

div.ecommerce-variantoption{
font-size: 1.2em;
margin: 20px 0px 20px 0px;
font-weight: 600;
}

div.ecommerce-variantoption i {
margin: 0px 10px 0px 0px;
color: #999;
}

div.ecommerce-variantoption span {
margin: 0px 0px 0px 10px;
font-size: 0.7em;
position: relative;
bottom: 3px;
}

div.ecommerce-variant{
font-weight: 600;
font-size: 1.2em;
margin: 20px 0px 20px 0px;
}

div.ecommerce-variant i {
margin: 0px 10px 0px 0px;
color: #999;
}

span.ecommerce-variant-buttons{
padding: 0px 0px 0px 10px;
font-size: 0.8em;
position: relative;
bottom: 3px;
}



div.addproduct_images_target img{
padding: 5px;
}

div.addproduct_images_target div:first-child {
border: 1px solid #666;
border-radius: 5px;
outline: 5px solid #ddd;
}



div.modal_ecommerce_product {
font-size: 1.3em;
font-weight: 700;
margin: 20px 0px 20px 0px;
}

div.modal_ecommerce_product i {
font-size: 1.7em;
position: relative;
top: 6px;
padding: 0px 10px 0px 0px;
color: #9E4BC0;
}

div.modal_ecommerce_product span {
margin: 0px 0px 0px 20px;
font-size: 0.7em;
position: relative;
bottom: 2px;
}

div.addproduct-img-selected{
margin: 0px 5px 5px 0px;
display: inline-block;
}

div.addproduct-img-selected img{
max-height: 100px;
border-radius: 3px;
}

div.modal-addproducti-label {
font-weight: 400;
font-size: 0.7em;
max-width: 13vw;
white-space: nowrap;
overflow: hidden;
margin: 8px 0px 0px 0px;
color: #888;
}

div.modal-addproducti{
width: 15vw;
height: 15vw;
display: inline-block;
border: 1px solid #eee;
border-radius: 15px;
margin: 0.5vw 1.5vw 1vw 0px;
cursor: pointer;
outline: 6px solid rgba(255,255,255,0);
}

div.modal-addproducti:hover{
border: 1px solid #000;
outline: 6px solid #eee;
}

div.modal-addproducti:hover div.modal-addproducti-label{
color: #000;
}

div.modal-addproducti img{
max-width: 13vw;
max-height: 11vw;
margin: auto;
border-radius: 2px;
}

div.modal-addproducti-selected{
border: 1px solid #4AB84F;
outline: 6px solid #E7F2E7;
}

div.modal-addproducti-selected:hover{
border: 1px solid #4AB84F;
outline: 6px solid #E7F2E7;
}

div.modal-addproducti-selected div.modal-addproducti-label{
color: #4AB84F;
font-weight: 800;
}

div.modal-addproducti-selected:hover div.modal-addproducti-label{
color: #4AB84F;
}

div.modal_infobubble{
border: 1px solid #60AAEB;
padding: 15px 20px 15px 20px;
border-radius: 10px;
box-sizing: border-box;
line-height: 1.4em;
outline: 7px solid #EBF4FB;
margin: 0px 0px 30px 0px;
}

div.modal_infobubble_header{
font-weight: 800;
margin: 0px 0px 10px 0px;
}

div.modal_ecommerce_plugin_status{
padding: 12px 0px 0px 50px;
font-style: italic;
}

div.modal_ecommerce_plugin_icon{
font-size: 1.2em;
font-weight: 500;
}

div.modal_ecommerce_plugin_icon i{
margin: 0px 5px 0px 0px;
font-size: 2em;
position: relative;
top: 5px;
color: #9E4BC0;
}

div.modal_ecommerce_plugin{
margin: 20px 0px 20px 0px;
}

div.modal_ecommerce_status{
margin: 20px 0px 30px 0px;
}

div.modal_ecommerce_button{
margin: 40px 0px 40px 0px;
}
div.modal_subheader{
margin: 20px 0px 10px 0px;
font-weight: 800;
font-size: 1.3em;
}

span.itopsearch-close {
font-size: 1.2em;
position: fixed;
top: 90px;
right: 20px;
cursor: pointer;
}

div.itopsearch-results-items {
line-height: 2.3em;
}

div.itopsearch-results-item-compressed {
display: inline;
background: #eee;
font-size: 0.9em;
font-weight: 600;
padding: 5px 10px 5px 10px;
border-radius: 5px;
margin: 0px 10px 0px 0px;
white-space: nowrap;
cursor: pointer;
}

div.itopsearch-catheader {
font-weight: 800;
font-size: 1em;
margin: 20px 0px 20px 0px;
}

div.itopsearch-results-item {
width: 100px;
height: 100px;
display: inline-block;
margin: 0px 0px 5px 0px;
cursor: pointer;
}

div.itopsearch-results-item-img {
border-radius: 5px;
width: 80px;
height: 80px;
background: #333;
}

div.itopsearch-results-item-img img {
border-radius: 5px;
width: 80px;
height: 80px;
}

div.itopsearch-results-item-header {
font-size: 0.6em;
margin: 5px 0px 0px 0px;
width: 80px;
white-space: nowrap;
overflow: hidden;
}

div.itopsearch-target {
display: none;
padding: 20px;
background: rgba(255,255,255,0.9);
position: fixed;
top: 79px;
right: 20px;
width: 600px;
height: calc(100vh - 131px);
z-index: 10;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #000;
overflow: auto;
box-shadow: 0px 0px 40px rgba(0,0,0,0.2);
border-radius: 7px;
}

div.itopsearch-header {
font-weight: 800;
font-size: 1em;
letter-spacing: -1px;
display: none;
}

div.itopsearch-results {
margin: -20px 0px 20px 0px;
}

div.front-interiors-text {
padding: 0px 0px 0px 40px; margin: -25px 0px 25px 0px; font-weight: 600; font-size: 1.1em;
}

span.explore-interiors {
background: #000;
color: #fff;
padding: 15px 30px 16px 30px;
font-size: 1.3em;
font-weight: 600;
border-radius: 10px;
cursor: pointer;
}

span.explore-interiors i {
padding: 0px 8px 0px 0px;
position: relative;
top: 1px;
}

div.interiors-howto-step {
padding: 20px 30px 20px 30px;
}

div.interiors-howto-step-no {
font-size: 3em;
font-weight: 200;
margin: 0px 0px 20px 0px;
}

div.interiors-howto-step-text {
font-size: 1.2em;
line-height: 1.5em;
font-weight: 700;
}

div.interiors-howto-step-text span {
margin: 0px 5px 0px 7px;
position: relative;
bottom: 2px;
}

div.interiors-howto {
background: #000;
color: #fff;
padding: 40px;
}

div.interiors-howto-login {
color: #000;
background: #ddd;
}

div.interiors-howto-header {
text-align: center;
font-size: 2em;
font-weight: 800;
letter-spacing: -1.5px;
}

div.interiors-howto-subheader {
text-align: center;
font-weight: 600;
margin: 20px 0px 40px 0px;
}

div.interiors-howto-login {
text-align: center;
}

div.interiors-howto-subsubheader {
text-align: center;
margin: 40px 0px 0px 0px;
}

span.interiors-howto-subsubheader-link {
font-weight: 800;
border-bottom: 2px solid #000;
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px 5px;
cursor: pointer;
}

span.interiors-crop {
font-size: 0.7em;
position: relative;
bottom: 4px;
color: #B431DB;
}

div.interiors-preview-add {
margin: 30px 0px 0px 0px;
}

div.interiors-preview-specs {
margin: 15px 0px 0px 0px;
}

span.interiors-preview-spec {
background: #eee;
padding: 7px 15px 7px 15px;
font-size: 0.8em;
font-weight: 800;
margin: 0px 5px 0px 0px;
border-radius: 5px;
}

span.interiors-preview-spec i {
font-size: 0.8em;
position: relative;
bottom: 1px;
padding: 0px 3px 0px 0px;
}

div.interiors-all {
}

div.interiors-top {
height: 420px;
margin: 40px 0px 0px 0px;
}

div.interiors-top-text {
width: 50%;
height: 420px;
float: left;
background: #eee;
color: #000;
}

div.interiors-top-image {
width: 50%;
height: 420px;
float: right;
background: url('<?= $mockup_backend_url ?>?p=2471967&i=86');
background-size: 800px;
background-position: 0px -120px;
}

div.interiors-top-text-seg1 {
padding: 0px 0px 0px 50px;
font-size: 3.5em;
font-weight: 800;
letter-spacing: -1.7px;
}

div.interiors-top-text-seg2 {
padding: 0px 50px 0px 50px;
font-size: 1.2em;
font-weight: 400;
letter-spacing: -0.5px;
margin: 20px 0px 20px 0px;
line-height: 1.4em;
}

div.interiors-top-text-seg3 {
padding: 0px 50px 0px 50px;
font-size: 1.2em;
font-weight: 800;
letter-spacing: -0.5px;
margin: 10px 0px 0px 0px;
}

span.interiors-top-text-seg3-bold{
font-weight:1000;
padding: 4px 8px 4px 8px;
background: #E1BCEA;
border-radius: 3px;
margin: 0px 0px 0px 5px;
}

div.interiors-preview {
width: 50%;
height: 48vw;
float: left;
}

div.interiors-preview-img {

}

table.interiors-preview {
margin: auto;
}

div.interiors-preview-img img {
max-width: 40vw;
max-height: 40vw;
border-radius: 10px;
}

div.interiors-preview-text {
}

div.interiors-preview-text-header {
font-size: 1em;
margin: 10px 0px 0px 0px;
font-weight: 800;
}

div.interiors-preview-text-header span.button {
float: right;
}

span.variants-header{
font-weight: 600;
}

span.variants-title{
font-weight: 800;
font-size: 0.7em;
}

span.buttonnew {
background: #B40000;
padding: 4px 7px 5px 7px;
font-size: 0.8em;
color: #fff;
border-radius: 5px;
position: relative;
left: 5px;
bottom: 1px;
}

span.interior-select-icon-off {
font-size: 1.5em;
color: #333;
}

span.interior-select-icon-on {
font-size: 1.5em;
color: #00B429;
}

img.smallloader {
height: 25px;
position: absolute;
margin: -3px 0px 0px 0px;
}

div.adj_label {
text-align: center;
font-weight: 800;
font-size: 0.8em;
margin: 3px 0px 0px 0px;
}

img.wall-prev {
max-width: 90%;
border-radius: 10px;
}

span.bubblelabel {
font-size: 0.7em;
padding: 3px 8px 3px 8px;
margin: 0px 5px 0px 0px;
border-radius: 5px;
font-weight: 800;
text-transform: uppercase;
}

div.sec-search-element-lessheight2 {
position: relative;
top: 45px;
left: 15px;
text-align: center;
}

div.sec-search-element-lessheight {
position: relative;
top: 30px;
left: 15px;
text-align: center;
}

div.sec-search-element {
position: relative;
top: 150px;
left: 15px;
}

span.sec-search-icon {
position: relative;
left: 30px;
color: #aaa;
}

input.sec-search {
border: 1px solid #aaa;
border-radius: 20px;
padding: 10px 10px 10px 10px;
font-size: 1em;
width: 220px;
outline: none;
text-align: center;
}

input.sec-search:focus {
border: 1px solid #000;
}

div.sec-search-element-sticky {
position: fixed;
top: 80px;
width: 300px;
right: 0px;
left: unset;
z-index: 20;
}

div.sec-search-element-sticky input.sec-search {
width: 220px;
text-align: unset;
padding: 10px 10px 10px 40px;
}

div.counter-main {
padding: 30px;
height: 80vh;
}

div.counter-number {
font-size: 10em;
font-weight: 1000;
text-align: center;
letter-spacing: -4px;
}

div.counter-today {
font-size: 2em;
color: #00aa00;
font-weight: 600;
text-align: center;
letter-spacing: -1px;
}

span.counter-today-number {
font-weight: 1000;
padding: 0px 5px 0px 5px;
}

div.counter-button {
text-align: center;
margin-top: 35px;
}


span.newbadge {
font-weight: 800;
font-size: 0.5em;
background: #B40B0B;
color: #fff;
padding: 3px 5px 3px 5px;
position: relative;
left: 5px;
bottom: 2px;
border-radius: 5px;
}

div.mr-upload {
margin: 20px 0px 20px 0px;
}

span.mr-upload-img {
font-size: 1.3em;
position: relative;
top: 2px;
color: #666;
}

span.mr-upload-title {
padding: 0px 10px 0px 10px;
}

span.mr-upload-progress {
font-weight: 800;
}

span.dashboard-api {
background: #bbb;
font-size: 0.5em;
padding: 3px 6px 3px 6px;
border-radius: 5px;
font-weight: 800;
color: #fff;
position: relative;
left: 10px;
bottom: 3px;
}

div.prodsetup_product {
margin: 20px 0px 30px 0px;
}

div.prodsetup_product_header {
font-size: 1.5em;
font-weight: 800;
}

div.prodsetup_product_header i {
padding: 0px 5px 0px 0px;
font-size: 1.5em;
position: relative;
top: 10px;
color: #666;
}

div.prodsetup_product_specs {
padding: 5px 0px 0px 46px;
}

span.prodsetup_product_spec {
padding: 0px 15px 0px 0px;
font-size: 0.9em;
}

span.prodsetup_product_spec i {
color: #aaa;
padding: 0px 5px 0px 0px;
}

div.prodsetup_product_buttons {
padding: 15px 0px 0px 46px;
}

div.prodsetup_product_buttons span {
margin: 0px 10px 0px 0px;
}

span.mono {
font-family: 'Courier New';
font-weight: 800;
font-style: normal !important;
color: #126B94;
}

span.shopify-integration {
font-weight: 800;
font-size: 0.9em;
margin: 0px 0px 0px 10px;
color: #126B94;
float: right;
}

span.shopify-integration i {
font-size: 1.4em;
position: relative;
top: 2px;
}

div.modal_input-hints {
font-size: 0.8em;
font-style: italic;
margin: 3px 0px 0px 0px;
color: #666;
}

div.modal_input-hints span {
font-weight: bold;
}

div.modal_prodsetup_unit {

}

div.modal_prodsetup_unit select {
margin: 0px 0px 0px 20px;
}

div.modal-bigtext-centered {
font-size: 1.7em;
text-align: center;
margin: 30px 0px 0px 0px;
color: #888;
font-weight: 300;
}

div.reseller-sales-overview {
padding: 20px 0px 100px 0px;
}

table.reseller-sales-overview-table {

}

div.reseller-sales-overview-name {
font-size: 1.2em;
font-weight: 600;
line-height: 1.5em;
padding: 0px 0px 0px 30px;
}

div.reseller-sales-overview-data {
font-size: 0.8em;
padding: 0px 0px 0px 30px;
margin: 3px 0px 0px 0px;
}

div.reseller-sales-overview-data b {
font-weight: 600;
}

div.reseller-sales-overview-bars {
padding: 10px 0px 10px 0px;
width: calc(100vw - 330px);
}

div.reseller-sales-overview-employee {
padding: 30px 0px 0px 30px;
}

div.reseller-sales-overview-bar-title {
padding: 5px 0px 5px 30px;
font-size: 0.9em;
font-weight: 600;
}

div.reseller-sales-overview-bar {
width: 5px;
background: #ccc;
padding: 10px 0px 10px 0px;
font-size: 1px;
display: inline-block;
border-radius: 4px;
}

div.reseller-sales-overview-bar-prev {
width: 0.3%;
background: #DCC7E8;
padding: 2px 0px 2px 0px;
font-size: 1px;
display: inline-block;
border-radius: 4px;
}

div.reseller-sales-overview-prevbar {
margin: -8px 0px 10px 0px;
}

div.reseller-sales-overview-bar-amount-prev {
display: inline-block;
font-size: 0.5em;
font-weight: 500;
position: relative;
top: 2.5px;
left: 1px;
color: #A588B6;
}

div.reseller-sales-overview-bar-amount {
display: inline-block;
font-size: 0.7em;
font-weight: 500;
position: relative;
top: 3px;
left: 10px;
}

div.reseller-sales-overview-bar-amount-bigprev {
color: #634774;
position: absolute;
z-index: 2;
top: unset;
left: unset;
margin: 8.5px 0px 0px -103px;
font-weight: 500;
width: 100px;
text-align: right;
}

div.reseller-sales-overview-bar-amount-big {
color: #fff;
position: absolute;
z-index: 2;
top: unset;
left: unset;
margin: 8px 0px 0px -110px;
font-weight: 800;
width: 100px;
text-align: right;
}

span.reseller-sales-overview-header-value1 {
margin: 0px 0px 0px 423px;
font-size: 0.7em;
}

span.reseller-sales-overview-header-value2 {
font-size: 0.7em;
float: right;
padding: 0px 30px 0px 0px;
}

div.reseller-sales-overview-header {
margin: 0px 0px -20px 0px;
font-weight: 600;
}

div.reseller-sales-overview-separator {
margin: 0px 0px 14px 0px;
border-bottom: 1px solid #ddd;
}

span.licensing_status {
font-size: 0.9em;
font-weight: 600;
padding: 5px 0px 0px 20px;
}

span.licensing_status img {
height: 20px;
width: 20px;
margin: 0px 10px 0px 0px;
position: relative;
top: 5px;
}

div.print-main {
text-align: center;
}

div.print-title {
}

div.print-images {
}

div.print-image-id {
margin: 10px 0px 0px 0px;
}

div.dashboard-tooltips {
position: absolute;
}

div.dashboard-tooltip {
margin: 3px 0px 0px 0px;
}

span.dashboard-tooltip-box {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 3px;
position: relative;
top: 2px;
margin: 0px 5px 0px 0px;
}

span.dashboard-tooltip-text {
font-size: 0.9em;
}

div.buy-artwork-title {
margin: -7px 0px 0px 0px;
}

div.sidebar-showmore {
font-size: 0.8em;
font-weight: 800;
padding: 6px 0px 0px 0px;
cursor: pointer;
}

div.sidebar-showmore i {
font-size: 0.8em;
position: relative;
bottom: 1px;
padding: 0px 4px 0px 0px;
}

div.collections-workshop-partnertitle {
font-size: 2em;
font-weight: 800;
padding: 0px 0px 0px 30px;
margin: 0px 0px -50px 0px;
}

div.hidedownloadedbutton {
padding: 0px 30px 0px 0px;
clear: both;
text-align: right;
}

div.shop-product-flat {
width: 24vw;
height: 30vw;
display: inline-block;
cursor: pointer;
}

div.shop-product-flat img {
max-width: calc(100vw / 4.5);
max-height: calc(100vw / 4.5);
border-radius: 5px;
}

div.shop-product-flat2 {
width: calc(100vw / 6.5);
height: calc(100vw / 6.5);
display: inline-block;
cursor: pointer;
}

div.shop-product-flat2 img {
max-width: calc(100vw / 6.5);
max-height: calc(100vw / 6.5);
border-radius: 5px;
}

div.reorder-move-here {
display: none;
position: absolute;
width: 11vw;
border-top: 1px dashed #000;
margin: -6vw 0px 0px -5.7vw;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
padding: 2px 0px 0px 0px;
font-weight: 800;
font-size: 0.8em;
}

span.reorder-move-here-label {
}

div.load-image:hover div.reorder-move-here {
display: block;
}

div.reorder-move-here-disabled {
display: none !important;
}

span.reorder-select {
position: absolute;
margin: 7vw 0px 0px -3vw;
}

.window-sidebar-options-option-nofade {
opacity: 1 !important;
}

span.filter-colorselection {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 5px;
position: relative;
top: 2px;
border: 2px solid #fff;
outline: 2px solid #000;
}

span.window-sidebar-options-option-disabled span.filter-colorselection {
border: 2px solid rgba(255,255,255,0);
outline: 0px;
}

div.newfront-main-smallcover {
width: calc( 100% / 3);
display: inline-block;
height: 20vh;
background-size: cover;
background-position: 0% 20%;
text-align: center;
border-bottom: 7px solid #000;
}

div.newfront-main-smallheader {
font-size: 2.5em;
font-weight: 1000;
text-transform: uppercase;
letter-spacing: -1.5px;
text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;
}

div.newfront-main-smallbutton {
margin: 20px 0px 0px 0px;
}

span.newfront-main-smallbutton {
background: #000;
color: #AC33FF;
font-size: 1em;
font-weight: 800;
padding: 10px 20px 10px 20px;
border-radius: 10px;
cursor: pointer;
text-transform: uppercase;
}

div.newfront-main-logo {

}

div.newfront-main-logo img {
height: 40px;
}

div.newfront-main-badge {
margin: 30px 0px 0px 0px;
}

span.newfront-main-badge {
color: #000;
font-weight: 1000;
}

div.newfront-main-header {
font-size: 6em;
font-weight: 1000;
text-transform: uppercase;
letter-spacing: -2px;
text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff;
}

div.newfront-main-button {
margin: 30px 0px 0px 0px;
}

span.newfront-main-button {
background: #000;
color: #AC33FF;
font-size: 1.2em;
font-weight: 800;
padding: 15px 30px 15px 30px;
border-radius: 20px;
cursor: pointer;
text-transform: uppercase;
}

div.newfront-main {
margin: 0px 0px 50px 0px;
}

div.newfront-main-cover {
height: 50vh;
background-size: cover;
background-position: 0% 20%;
text-align: center;
}

div.addfeaturedartist-img img {
width: 90px;
height: 90px;
border-radius: 90px;
}

div.addfeaturedartist-name {
margin: 10px 0px 0px 0px;
white-space: nowrap;
overflow: hidden;
width: 120px;
font-size: 0.8em;
}

div.addfeaturedartist {
width: 120px;
height: 160px;
display: inline-block;
text-align: center;
}

div.addfeaturedartists {

}

div.partnerdetails-downloadlogs {

}

div.partnerdetails-downloadlog {
width: 100px;
height: 140px;
display: inline-block;
margin: 0px 10px 0px 0px;
}

img.partnerdetails-downloadlog {
width: 100px;
height: 100px;
border-radius: 5px;
}

div.partnerdetails-downloadlog-when {
font-weight: 600;
font-size: 0.7em;
margin: 3px 0px 0px 0px;
}

div.buy-artist-name {
font-weight: 800;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 10px;
}

div.buy-artist-artworks {
font-size: 0.8em;
padding: 0px 0px 0px 10px;
}

img.buy-artist-img {
width: 60px;
height: 60px;
border-radius: 60px;
}

div.more-about u {
text-decoration: none;
border-bottom: 1px solid #000;
padding: 0px 0px 1px 0px;
}

div.newfront-button {
text-align: center;
margin: -80px 0px 20px 0px;
}

div.newfront-button-inner {
font-weight: 1000;
letter-spacing: -1px;
font-size: 1.8em;
margin: 0px 0px 40px 0px;
color: #AC33FF;
}

span.newfront-button {
background: #000;
padding: 15px 40px 15px 40px;
font-weight: 800;
font-size: 1.2em;
cursor: pointer;
color: #fff;
border-radius: 20px;
}

div.front-search-all-minimal {
bottom: 11vh !important;
}

input.search-minimal {
font-size: 1.3em !important;
padding: 1.5vh 2vw 1.5vh 2vw !important;
}


img.front-minimal {
height: 80px !important;
}

div.front-section1-minimal {
height: 350px !important;
}

div.front-section1-minimal-new {
height: 350px !important;
}

span.front-search-icon-minimal {
font-size: 1.5em !important;
}

div.front-minimal {
padding: 0px 0px 130px 0px !important;
}

span.shop-topbuttons-inner {
float: right; padding: 10px 20px 0px 20px;
}

div.countrysel-item {
font-size: 1.5em;
font-weight: 600;
margin: 10px 0px 10px 0px;
cursor: pointer;
opacity: .7;
}

div.countrysel-item:hover {
opacity: 1;
}

div.countrysel-item span.fi {
margin: 0px 10px 0px 0px;
position: relative;
top: 1px;
}

span.button-flag {
margin: 0px 5px 0px 0px;
}

div.checkout-label-below {
color: #ff0000;
font-weight: 800;
font-size: 0.9em;
margin: 5px 0px 0px 0px;
}

div.checkout-buttons {
margin: 30px 0px 0px -4px;
}

div.checkout-row-info {
font-size: 0.8em;
font-style: italic;
margin: 20px 0px 0px 0px;
line-height: 1.5em;
text-align: center;
}

div.checkout-row {
margin: 0px 0px 8px 0px;
text-align: center;
}

div.checkout-row2 {
margin: 0px 0px 8px 0px;
}

div.checkout-row-total {
border-top: 1px dashed #bbb;
margin: 20px 0px 0px 0px;
padding: 12px 0px 0px 0px;
}

span.checkout-row-bold {
font-weight: 800;
padding: 0px 3px 0px 0px;
}

span.checkout-row-value {

}

div.input_checkout-forms input {
background: #eee !important;
border: 1px solid #ddd !important;
}

div.checkout-header {
font-size: 1.2em;
margin: 20px 0px 15px 0px;
}

div.input_checkout-forms-payment {
width: 344px;
}

div.input_checkout-forms-payment-small {
width: 150px;
}

div.input_checkout-forms-payment input {
font-family: 'Courier New' !important;
}

div.checkout-forms {
margin: -20px 0px 0px 0px;
width: calc(100% - 400px);
float: left;
max-width: 700px;
}

div.checkout-summary {
width: 400px;
float: right;
box-sizing: border-box;
padding: 0px 0px 0px 40px;
margin: -40px 0px 0px 0px;
}

div.checkout-summary-inner {
background: rgba(0,0,0,0.1);
box-sizing: border-box;
padding: 1px 20px 20px 20px;
border-radius: 10px;
}

div.more-about {
margin: 30px 0px 0px 0px;
font-size: 0.9em;
cursor: pointer;
}

span.more-about {
border-bottom: 1px solid #000;
}

span.cart-total-bold {
font-weight: 800;
padding: 0px 3px 0px 0px;
}

div.cart-total {
text-align: center;
margin: 10px 0px 10px 0px;
}

span.buy-price {
background: #ddd;
padding: 4px 10px 4px 10px;
border-radius: 10px;
font-size: 0.8em;
font-weight: 800;
margin: 0px 0px 0px 10px;
letter-spacing: -1px;
display: inline-block;
width: 30px;
text-align: center;
}

div.buy-pricing {
margin: 30px 0px 30px 0px;
font-size: 1.2em;
}

span.buy-pricing-total {
font-weight: 800;
}

span.buy-pricing-price {
}

div.buy-pricing-sub {
font-size: 0.7em;
font-style: italic;
margin: 5px 0px 0px 0px;
}

div.details-buyprint {
margin: 30px 0px 30px 0px;
}

span.details-buyprint {
background: #000;
color: #fff;
font-weight: 600;
font-size: 1.3em;
padding: 10px 20px 10px 20px;
border-radius: 7px;
cursor: pointer;
}

div.store-top {
padding: 90px 30px 0px 30px;
margin: 0px 0px -100px 0px;
}

span.back-to-storefront {
padding: 15px 0px 0px 0px;
float: left;
}

div.buy-buttons {
margin: 40px 0px 0px 0px;
}

div.buy-button-buy {
background: #40B439;
box-sizing: border-box;
padding: 10px 0px 10px 0px;
text-align: center;
color: #fff;
border-radius: 15px;
font-size: 1.3em;
font-weight: 600;
cursor: pointer;
margin: 0px 0px 10px 0px;
}

div.buy-button-buy i {
font-size: 0.8em;
margin: 0px 5px 0px 0px;
position: relative;
bottom: 1.5px;
}

div.buy-button-cancel {
background: #aaa;
box-sizing: border-box;
padding: 10px 0px 10px 0px;
text-align: center;
color: #fff;
border-radius: 15px;
font-size: 1em;
font-weight: 600;
cursor: pointer;
}

div.buy-logo {
font-size: 2em;
text-align: center;
display: none;
font-weight: 700;
letter-spacing: -1px;
position: absolute;
width: 45vw;
margin: 79.5vh 0px 0px -45px;
opacity: .5;
}

div.buy-logo img {
height: 3.5vh;
position: relative;
top: 7px;
}

/* Cart stuff */

div.shop-cart-print-portrait {
height: 66px;
width: 40px;
background-size: cover;
transform: perspective(30px) rotateY(10deg);
margin: 0px 0px 0px 18px;
}

div.shop-cart-print-landscape {
height: 66px;
width: 100px;
background-size: cover;
transform: perspective(30px) rotateY(10deg);
margin: 0px 0px 0px 5px;
}

div.shop-cart-print-square {
height: 66px;
width: 66px;
background-size: cover;
transform: perspective(30px) rotateY(10deg);
margin: 0px 0px 0px 13px;
}


div.shop-cart-canvas-new-landscape-side {
height: 66px;
width: 100px;
background-size: cover;
clip-path: inset(0px 95px 0px 0px);
}

div.shop-cart-canvas-new-landscape-front {
height: 66px;
width: 100px;
clip-path: inset(0px 0px 0px 5px);
background-size: cover;
margin: 0px 0px 0px -5px;
}

div.shop-cart-canvas-new-landscape-side-outer {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-cart-canvas-new-landscape-front-outer {
height: 66px;
width: 95px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-cart-canvas-new-landscape-overlays-side {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-cart-canvas-new-landscape-overlays-front {
width: 95px;
height: 66px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-cart-canvas-new-landscape-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 5px;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-cart-canvas-new-landscape-graphics {
white-space: nowrap;
margin: 0px 0px 0px 5px;
transition: margin 1s;
}

div.shop-cart-canvas-new-portrait-side {
height: 66px;
width: 40px;
background-size: cover;
clip-path: inset(0px 35px 0px 0px);
}

div.shop-cart-canvas-new-portrait-front {
height: 66px;
width: 40px;
clip-path: inset(0px 0px 0px 5px);
background-size: cover;
margin: 0px 0px 0px -5px;
}

div.shop-cart-canvas-new-portrait-side-outer {
display: inline-block;
height: 40px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-cart-canvas-new-portrait-front-outer {
height: 66px;
width: 35px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-cart-canvas-new-portrait-overlays-side {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-cart-canvas-new-portrait-overlays-front {
width: 35px;
height: 66px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-cart-canvas-new-portrait-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 18px;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-cart-canvas-new-portrait-graphics {
white-space: nowrap;
margin: 0px 0px 0px 18px;
transition: margin 1s;
}

div.shop-cart-canvas-new-square-side {
height: 66px;
width: 66px;
background-size: cover;
clip-path: inset(0px 61px 0px 0px);
}

div.shop-cart-canvas-new-square-front {
height: 66px;
width: 66px;
clip-path: inset(0px 0px 0px 5px);
background-size: cover;
margin: 0px 0px 0px -5px;
}

div.shop-cart-canvas-new-square-side-outer {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-cart-canvas-new-square-front-outer {
height: 66px;
width: 61px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-cart-canvas-new-square-overlays-side {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-cart-canvas-new-square-overlays-front {
width: 61px;
height: 66px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-cart-canvas-new-square-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 13px;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-cart-canvas-new-square-graphics {
white-space: nowrap;
margin: 0px 0px 0px 13px;
transition: margin 1s;
}

/* Wall preview */

div.shop-buy-canvas-new-landscape-side {
height: 20vw;
width: 30vw;
background-size: cover;
clip-path: inset(0px 29.3vw 0px 0px);
}

div.shop-buy-canvas-new-landscape-front {
height: 20vw;
width: 30vw;
clip-path: inset(0px 0px 0px 0.7vw);
background-size: cover;
margin: 0px 0px 0px -0.7vw;
}

div.shop-buy-canvas-new-landscape-side-outer {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-buy-canvas-new-landscape-front-outer {
height: 20vw;
width: 29.3vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-buy-canvas-new-landscape-overlays-side {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-buy-canvas-new-landscape-overlays-front {
width: 29.3vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-buy-canvas-new-landscape-overlays {
position: absolute;
z-index: 1;
margin: 0vh 0px 0px 1.5vw;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-buy-canvas-new-landscape-graphics {
white-space: nowrap;
margin: 20vh 0px 0px 1.5vw;
transition: margin 1s;
}

div.wall-print {
transition: transform 1s;
}

div.buy-wall-size-1 div.wall-print {
transform: scale(0.4);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-overlays-side {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-side-outer {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-overlays-front {
width: 28vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-front-outer {
width: 28vw;
box-shadow: 5px 10px 40px rgba(0,0,0,0.5);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-side {
clip-path: inset(0px 28vw 0px 0px);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-front {
clip-path: inset(0px 0px 0px 2vw);
margin: 0px 0px 0px -2vw;
}


div.buy-wall-size-2 div.wall-print {
transform: scale(0.6);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-overlays-side {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-side-outer {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-overlays-front {
width: 28.4vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-front-outer {
width: 28.4vw;
box-shadow: 5px 5px 30px rgba(0,0,0,0.4);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-side {
clip-path: inset(0px 28.4vw 0px 0px);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-front {
clip-path: inset(0px 0px 0px 1.6vw);
margin: 0px 0px 0px -1.6vw;
}

div.buy-wall-size-3 div.wall-print {
transform: scale(0.8);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-overlays-side {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-side-outer {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-overlays-front {
width: 28.8vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-front-outer {
width: 28.8vw;
box-shadow: 5px 5px 25px rgba(0,0,0,0.4);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-side {
clip-path: inset(0px 28.8vw 0px 0px);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-front {
clip-path: inset(0px 0px 0px 1.2vw);
margin: 0px 0px 0px -1.2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-graphics {
margin: 20vh 0px 0px -5vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-overlays {
margin: 0vh 0px 0px -5vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-graphics {
margin: 20vh 0px 0px -3vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-overlays {
margin: 0vh 0px 0px -3vw;
}

/* Shop Preview Portrait */

div.shop-buy-canvas-new-portrait-side {
height: 20vw;
width: 15vw;
background-size: cover;
clip-path: inset(0px 14.3vw 0px 0px);
}

div.shop-buy-canvas-new-portrait-front {
height: 20vw;
width: 15vw;
clip-path: inset(0px 0px 0px 0.7vw);
background-size: cover;
margin: 0px 0px 0px -0.7vw;
}

div.shop-buy-canvas-new-portrait-side-outer {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-buy-canvas-new-portrait-front-outer {
height: 20vw;
width: 14.3vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-buy-canvas-new-portrait-overlays-side {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-buy-canvas-new-portrait-overlays-front {
width: 14.3vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-buy-canvas-new-portrait-overlays {
position: absolute;
z-index: 1;
margin: 0vh 0px 0px 5.5vw;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-buy-canvas-new-portrait-graphics {
white-space: nowrap;
margin: 20vh 0px 0px 5.5vw;
transition: margin 1s;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-overlays-side {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-side-outer {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-overlays-front {
width: 13vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-front-outer {
width: 13vw;
box-shadow: 5px 5px 40px rgba(0,0,0,0.5);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-side {
clip-path: inset(0px 13vw 0px 0px);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-front {
clip-path: inset(0px 0px 0px 2vw);
margin: 0px 0px 0px -2vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-overlays-side {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-side-outer {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-overlays-front {
width: 13.4vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-front-outer {
width: 13.4vw;
box-shadow: 5px 5px 30px rgba(0,0,0,0.4);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-side {
clip-path: inset(0px 13.4vw 0px 0px);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-front {
clip-path: inset(0px 0px 0px 1.6vw);
margin: 0px 0px 0px -1.6vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-overlays-side {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-side-outer {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-overlays-front {
width: 13.8vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-front-outer {
width: 13.8vw;
box-shadow: 5px 5px 25px rgba(0,0,0,0.4);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-side {
clip-path: inset(0px 13.8vw 0px 0px);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-front {
clip-path: inset(0px 0px 0px 1.2vw);
margin: 0px 0px 0px -1.2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-graphics {
margin: 20vh 0px 0px -5vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-overlays {
margin: 0vh 0px 0px -5vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-graphics {
margin: 20vh 0px 0px 1vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-overlays {
margin: 0vh 0px 0px 1vw;
}


/* Shop preview Square */

div.shop-buy-canvas-new-square-side {
height: 20vw;
width: 20vw;
background-size: cover;
clip-path: inset(0px 19.3vw 0px 0px);
}

div.shop-buy-canvas-new-square-front {
height: 20vw;
width: 20vw;
clip-path: inset(0px 0px 0px 0.7vw);
background-size: cover;
margin: 0px 0px 0px -0.7vw;
}

div.shop-buy-canvas-new-square-side-outer {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-buy-canvas-new-square-front-outer {
height: 20vw;
width: 19.3vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-buy-canvas-new-square-overlays-side {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-buy-canvas-new-square-overlays-front {
width: 19.3vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-buy-canvas-new-square-overlays {
position: absolute;
z-index: 1;
margin: 0vh 0px 0px 1.5vw;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-buy-canvas-new-square-graphics {
white-space: nowrap;
margin: 20vh 0px 0px 1.5vw;
transition: margin 1s;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-overlays-side {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-side-outer {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-overlays-front {
width: 18vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-front-outer {
width: 18vw;
box-shadow: 5px 5px 40px rgba(0,0,0,0.5);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-side {
clip-path: inset(0px 18vw 0px 0px);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-front {
clip-path: inset(0px 0px 0px 2vw);
margin: 0px 0px 0px -2vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-overlays-side {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-side-outer {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-overlays-front {
width: 18.4vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-front-outer {
width: 18.4vw;
box-shadow: 5px 5px 30px rgba(0,0,0,0.4);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-side {
clip-path: inset(0px 18.4vw 0px 0px);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-front {
clip-path: inset(0px 0px 0px 1.6vw);
margin: 0px 0px 0px -1.6vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-overlays-side {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-side-outer {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-overlays-front {
width: 18.8vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-front-outer {
width: 18.8vw;
box-shadow: 5px 5px 25px rgba(0,0,0,0.4);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-side {
clip-path: inset(0px 18.8vw 0px 0px);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-front {
clip-path: inset(0px 0px 0px 1.2vw);
margin: 0px 0px 0px -1.2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-graphics {
margin: 20vh 0px 0px -4vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-overlays {
margin: 0vh 0px 0px -4vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-graphics {
margin: 20vh 0px 0px -3vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-overlays {
margin: 0vh 0px 0px -3vw;
}


/* White sides */

div.product-whitesides div.shop-buy-canvas-new-portrait-side {
clip-path: unset;
background: #fff !important;
}

div.product-whitesides div.shop-buy-canvas-new-portrait-overlays-side {
opacity: .1;
}

div.product-whitesides div.shop-buy-canvas-new-portrait-front-outer {
margin: 0px;
}

div.product-whitesides div.shop-buy-canvas-new-portrait-front {
clip-path: unset;
width: 14.3vw;
margin: 0px;
}

div.product-whitesides div.shop-buy-canvas-new-landscape-side {
clip-path: unset;
background: #fff !important;
}

div.product-whitesides div.shop-buy-canvas-new-landscape-overlays-side {
opacity: .1;
}

div.product-whitesides div.shop-buy-canvas-new-landscape-front-outer {
}

div.product-whitesides div.shop-buy-canvas-new-square-side {
clip-path: unset;
background: #fff !important;
}

div.product-whitesides div.shop-buy-canvas-new-square-overlays-side {
opacity: .1;
}

div.product-whitesides div.shop-buy-canvas-new-square-front-outer {
}

/* Poster */

div.product-poster div.shop-buy-canvas-new-portrait-side {
display: none;
}

div.product-poster div.shop-buy-canvas-new-portrait-overlays {
display: none;
}

div.product-poster div.shop-buy-canvas-new-landscape-side {
display: none;
}

div.product-poster div.shop-buy-canvas-new-landscape-overlays {
display: none;
}

div.product-poster div.shop-buy-canvas-new-square-side {
display: none;
}

div.product-poster div.shop-buy-canvas-new-square-overlays {
display: none;
}

div.buy-wall {
background-image: url('/assets/img/canvas-wall.jpg');
height: 90vh;
background-size: cover;
width: 45vw;
float: left;
}

div.wall-preview2 {
width: 45vw;
float: left;
background: #666;
height: calc(90vh - 1px);
}

div.wall-preview2 img {
max-height: calc(90vh - 1px);
max-width: 45vw;
}

div.buy-settings {
width: 40vw;
float: right;
box-sizing: border-box;
padding: 30px 45px 30px 45px;
}

div.buy-header {
font-size: 2em;
font-weight: 800;
letter-spacing: -1px;
margin: 0px 0px 20px 0px;
}

div.buy-header2 {
font-size: 1.3em;
font-weight: 600;
margin: 20px 0px 20px 0px;
}

div.buy-options {
}

div.buy-option {
margin: 0px 0px 5px 0px;
}

div.buy-option label {
margin: 0px 0px 0px 10px;
}

div.buy-option input {

}

div.shop-canvas-new-portrait-side {
height: 20vw;
width: 15vw;
background-size: cover;
clip-path: inset(0px 14vw 0px 0px);
}

div.shop-canvas-new-portrait-front {
height: 20vw;
width: 15vw;
clip-path: inset(0px 0px 0px 1vw);
background-size: cover;
margin: 0px 0px 0px -1vw;
}

div.shop-canvas-new-portrait-side-outer {
display: inline-block;
height: 20vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-canvas-new-portrait-front-outer {
height: 20vw;
width: 14vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

div.shop-canvas-new-portrait-overlays-side {
display: inline-block;
height: 20vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-canvas-new-portrait-overlays-front {
width: 14vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(238,238,238,0) 0%, rgba(238,238,238,0.3488970588235294) 100%);
}

div.shop-canvas-new-portrait-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 6vw;
}

div.shop-canvas-new-portrait-graphics {
white-space: nowrap;
margin: 0px 0px 0px 6vw;
}

div.shop-canvas-new-landscape-side {
height: 20vw;
width: 30vw;
background-size: cover;
clip-path: inset(0px 14vw 0px 0px);
}

div.shop-canvas-new-landscape-front {
height: 20vw;
width: 30vw;
clip-path: inset(0px 0px 0px 1vw);
background-size: cover;
margin: 0px 0px 0px -1vw;
}

div.shop-canvas-new-landscape-side-outer {
display: inline-block;
height: 20vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-canvas-new-landscape-front-outer {
height: 20vw;
width: 29vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

div.shop-canvas-new-landscape-overlays-side {
display: inline-block;
height: 20vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-canvas-new-landscape-overlays-front {
width: 29vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(238,238,238,0) 0%, rgba(238,238,238,0.3488970588235294) 100%);
}

div.shop-canvas-new-landscape-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 1.8vw;
white-space: nowrap;
}

div.shop-canvas-new-landscape-graphics {
white-space: nowrap;
margin: 0px 0px 0px 1.8vw;
}

div.shop-canvas-new-square-side {
height: 20vw;
width: 20vw;
background-size: cover;
clip-path: inset(0px 14vw 0px 0px);
}

div.shop-canvas-new-square-front {
height: 20vw;
width: 20vw;
clip-path: inset(0px 0px 0px 1vw);
background-size: cover;
margin: 0px 0px 0px -1vw;
}

div.shop-canvas-new-square-side-outer {
display: inline-block;
height: 20vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-canvas-new-square-front-outer {
height: 20vw;
width: 19vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

div.shop-canvas-new-square-overlays-side {
display: inline-block;
height: 20vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-canvas-new-square-overlays-front {
width: 19vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(238,238,238,0) 0%, rgba(238,238,238,0.3488970588235294) 100%);
}

div.shop-canvas-new-square-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 5vw;
white-space: nowrap;
}

div.shop-canvas-new-square-graphics {
white-space: nowrap;
margin: 0px 0px 0px 5vw;
}

div.shop-product-whitesides div.shop-canvas-new-portrait-side {
clip-path: unset;
background: #fff !important;
}

div.shop-product-whitesides div.shop-canvas-new-portrait-overlays-side {
opacity: .3;
}

div.shop-product-whitesides div.shop-canvas-new-portrait-front {
clip-path: inset(0px 0px 0px 0px);
width: 14vw;
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-portrait-front-outer {
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-square-side {
clip-path: unset;
background: #fff !important;
}

div.shop-product-whitesides div.shop-canvas-new-square-overlays-side {
opacity: .3;
}

div.shop-product-whitesides div.shop-canvas-new-square-front {
clip-path: inset(0px 0px 0px 0px);
width: 18.5vw;
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-square-front-outer {
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-landscape-side {
clip-path: unset;
background: #fff !important;
}

div.shop-product-whitesides div.shop-canvas-new-square-landscape-side {
opacity: .3;
}

div.shop-product-whitesides div.shop-canvas-new-landscape-front {
clip-path: inset(0px 0px 0px 0px);
width: 29vw;
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-landscape-front-outer {
margin: 0px 0px 0px 0px;
}



div.shop-product-label-landscape {
position: absolute;
background: #fff;
margin: -80px 0px 0px 17.7vw;
transform: translateZ(100px);
padding: 10px;
font-weight: 800;
border-radius: 3px;
line-height: 1.3em;
font-size: 0.78em;
color: #fff;
background: #000;
text-transform: uppercase;
width: 70px;
}

div.shop-product-label-portrait {
position: absolute;
background: #fff;
margin: -70px 0px 0px 13vw;
transform: translateZ(100px);
padding: 10px;
font-weight: 800;
border-radius: 3px;
line-height: 1.3em;
font-size: 0.78em;
color: #fff;
background: #000;
text-transform: uppercase;
width: 70px;
}

div.shop-product-label-square {
position: absolute;
background: #fff;
margin: -70px 0px 0px 15vw;
transform: translateZ(100px);
padding: 10px;
font-weight: 800;
border-radius: 3px;
line-height: 1.3em;
font-size: 0.78em;
color: #fff;
background: #000;
text-transform: uppercase;
width: 70px;
}


div.shop-product-button {
margin: 30px 0px 0px 0px;
text-align: center;
}

span.shop-product-button {
background: #ddd;
border-radius: 10px;
padding: 10px 15px 10px 15px;
font-weight: 800;
}

div.shop-products {
text-align: center;
}

div.shop-products2 {
height: 20vw;
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
width: 100%;
}

div.shop-product {
width: 24vw;
height: 27vw;
display: inline-block;
position: relative;
z-index: 1;
cursor: pointer;
transform: translateZ(-10001px);
text-align: left;
}

div.shop-product2 {
width: 15vw;
height: 20vw;
display: inline-block;
position: relative;
z-index: 1;
cursor: pointer;
transform: translateZ(-10001px);
text-align: left;
}


div.shop-product img {
max-height: 17vw;
max-width: 20vw;
}

div.shop-product-design-4 img {
display:inline-block;
border-radius: 4px;
box-shadow:
-2px -2px 1px rgba(0,0,0,0.5) inset,
20px 4px 10px rgba(0,0,0,0.35),
40px 8px 10px rgba(0,0,0,0.15);

margin:10px;
background:url(http://lorempixel.com/output/cats-q-c-640-480-10.jpg) center/cover;

}

div.shop-product-design-1 img {
transform: perspective(1500px) rotateY(25deg);
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
transition: transform 1s ease 0s;
position: relative;

}

div.shop-product-design-1:hover img {
transform: perspective(3000px) rotateY(5deg);
position: relative;

}

div.shop-product-design-2 img {
transform:
rotateX(51deg)
rotateZ(43deg);
transform-style: preserve-3d;
border-radius: 5px;
box-shadow:
1px 1px 0 1px #f9f9fb,
-1px 0 28px 0 rgba(34, 33, 81, 0.01),
28px 28px 28px 0 rgba(34, 33, 81, 0.25);
transition:
.4s ease-in-out transform,
.4s ease-in-out box-shadow;
}

div.shop-product-design-2:hover img {
transform:
translate3d(0px, -16px, 0px)
rotateX(51deg)
rotateZ(43deg);
box-shadow:
1px 1px 0 1px #f9f9fb,
-1px 0 28px 0 rgba(34, 33, 81, 0.01),
54px 54px 28px -10px rgba(34, 33, 81, 0.15);
}

div.shop-product-design-4:hover img {
transform: scale(1.1);
transition:
.4s ease-in-out transform;

}

div.shop-product-design-2 div.shop-product-label {
margin-left: 15vw;
margin-top: -90px;
}

div.shop-product-design-2 div.shop-product-label-portrait {
margin: -110px 0px 0px 10vw;
}


div.shop-product-design-4 div.shop-product-label {
margin-top: -70px;
}

div.shop-product-design-3 div.shop-product-label {
margin-top: -90px;
}

div.shop-product:hover span.shop-product-button {
background: #000;
color: #fff;
}

div.shop-product-design-3 img {
border-radius: 5px;
transform:
perspective(750px)
translate3d(0px, 0px, -250px)
rotateX(27deg)
scale(0.95, 0.95);
box-shadow: 0 70px 40px -20px rgba(0, 0, 0, 0.2);
transition: 0.4s ease-in-out transform;
}

div.shop-product-design-3:hover img {
transform: translate3d(0px, 0px, -250px);
}


div.shop-top {
height: 50vh;
background: #000;
}

div.shop-top-left {
height: 50vh;
width: 50%;
float: left;
position: relative;
}

div.shop-top-right {
color: #fff;
height: 50vh;
width: 50%;
float: right;
position: relative;
}

img.shop-top-left-image {
max-width: 14vw;
max-height: 30vh;
border-radius: 4px;
}

div.shop-top-left table {
margin: 10vh auto auto auto;
}

div.shop-top-left td {
padding: 10px;
}

div.shop-top-right-headers {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50vw;
}

div.collection-storeheader {
text-align: right;
font-size: 1.6em;
font-weight: 800;
letter-spacing: -1px;
margin: 0px 0px 20px 0px;
}

div.collection-storeheader img {
height: 3vh;
position: relative;
top: 7px;
}



div.shop-top-right-header0 {
text-align: center;
font-size: 1.6em;
font-weight: 1000;
letter-spacing: -1px;
}

div.shop-top-right-header0 img {
height: 3vh;
filter: invert(1);
position: relative;
top: 7px;
}


div.shop-top-right-header1 {
text-align: center;
font-size: 5em;
font-weight: 800;
letter-spacing: -2px;
margin: 10px 0px 0px 0px;
}

div.shop-top-right-header2 {
text-align: center;
font-size: 2.5em;
font-weight: 800;
letter-spacing: -1.5px;
margin: 10px 0px 0px 0px;
color: #AC33FF;
}

span.shop-explore-collection {
background: #000;
border-radius: 15px;
padding: 13px 20px 13px 30px;
color: #fff;
cursor: pointer;
font-size: 1em;
font-weight: 800;
}

span.shop-explore-collection i {
padding: 0px 0px 0px 10px;
font-size: 1em;
color: #AC33FF;
}

span.shop-explore-collection-red {
background: #000;
border-radius: 15px;
padding: 13px 60px 13px 30px;
color: #fff;
cursor: pointer;
font-size: 1em;
font-weight: 800;
}

span.shop-explore-collection-red i {
padding: 0px 0px 0px 3px;
font-size: 1.4em;
position: absolute;
color: #ff0000;
margin: -1px 0px 0px 9px;
}

div.shop-products2-button {
text-align: right;
margin: 20px 0px 40px 0px;
padding: 0px 20px 0px 0px;
}

span.collections-all-header-collection {
background: #AC33FF;
color: #fff;
font-size: 0.3em;
letter-spacing: -1px;
padding: 7px 15px 7px 15px;
border-radius: 10px;
margin: 0px 10px 0px 0px;
position: relative;
bottom: 10px;
}

div.sliderbelow {
margin: 5px 0px 0px 0px;
}

div.sliderbelow-text {
font-weight: 800;
font-size: 0.8em;
}

div.sliderbelow-red {
color: #B43939;
}

div.sliderbelow-green {
color: #40B439;
}

div.pricing-options {
margin: 15px 0px 15px 0px;
}

div.pricing-option {
margin: 0px 0px 3px 0px;
}

div.pricing-option label {
padding: 0px 0px 0px 10px;
font-size: 0.9em;
}

div.pricing-option input {

}

div.pricing-examples {

}

div.pricing-examples-header {
font-weight: 500;
padding: 5px 50px 7px 0px;
font-size: 0.9em;
color: #444;
}

div.pricing-examples-label {
font-weight: 500;
padding: 5px 50px 5px 0px;
}

div.pricing-examples-price {
font-family: 'Courier New';
padding: 5px 50px 5px 0px;
font-weight: 800;
text-align: center;
}

div.pricing-plus {
text-align: center;
font-weight: 300;
}

div.pricing-formula {
margin: 20px 0px 30px 0px;
}

div.pricing-formula-box {
background: rgba(0,0,0,0.05);
border-radius: 10px;
padding: 10px 15px 10px 15px;
box-sizing: border-box;
text-align: center;
}

div.pricing-formula-box-header {
font-weight: 800;
font-size: 0.9em;
margin: 0px 0px 15px 0px;
}

div.pricing-formula-box-text {
font-weight: 500;
font-size: 0.8em;
line-height: 1.4em;
}

div.pricing-formula-box-price {
font-size: 0.8em;
font-style: italic;
margin: 15px 0px 0px 0px;
}

div.slidercontainer-current {
margin: 5px 0px 0px 0px;
font-weight: 800;
font-size: 1.2em;
}

div.modal_header_small {
font-weight: 600;
font-size: 1.2em;
margin: 20px 0px 15px 0px;
}

div.modal_text {
margin: 0px 0px 10px 0px;
line-height: 1.5em;
font-size: 0.9em;
}

div.slidercontainer {
text-align: center;
margin: 20px 0px 0px 0px;
}

span.slider-label {
padding: 0px 10px 0px 10px;
font-weight: 800;
font-size: 0.8em;
position: relative;
bottom: 3px;
}

.slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #7EA0C6;
cursor: pointer;
}

.slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #7EA0C6;
cursor: pointer;
}

.slider2 {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #aaa;
outline: none;
opacity: 1;
-webkit-transition: .2s;
transition: opacity .2s;
}

.slider2::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #000;
cursor: pointer;
}

.slider2::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #000;
cursor: pointer;
}


div.vip-logo {
margin: -15px 0px -40px 0px;
}

div.vip-logo img {
width: 400px;
}

span.api-scrolltop {
background: #eee;
padding: 5px 10px 5px 10px;
border-radius: 10px;
cursor: pointer;
}

div.api-scrolltop {
margin: 30px 0px 0px 0px;
}

ol.api {

}

ol.api li {
padding: 0px 0px 4px 0px;
cursor: pointer;
font-weight: 600;
}

span.brief-coll {
background: #ddd;
padding: 5px 10px 5px 10px;
border-radius: 10px;
margin: 0px 10px 0px 0px;
font-size: 0.8em;
}

span.brief-coll:hover {
color: #fff;
background: #444;
}

div.brief-workshop-brief {
padding: 30px;
background: #eee;
margin: 50px 0px 50px 0px;
}

div.brief-workshop-title {
font-size: 0.8em;
font-weight: 800;
}

div.brief-workshop-text {
margin: 5px 0px 25px 0px;
font-size: 1.1em;
}

span.brief-file {
white-space: nowrap;
padding: 0px 25px 0px 0px;
}

span.brief-file-icon {
font-size: 1.3em;
position: relative;
top: 2px;
}

span.brief-file-name {
font-weight: 300;
padding: 0px 0px 0px 6px;
font-size: 0.9em;
}

span.brief-file-trash {
background: #BD0000;
padding: 4px 7px 4px 7px;
color: #fff;
font-size: 0.8em;
border-radius: 5px;
margin: 0px 0px 0px 7px;
position: relative;
bottom: 1px;
cursor: pointer;
}

div.advance-row td {
padding: 7px 0px 7px 0px;
}

span.api-cli {
color: #fff;
font-weight: bold;
}

span.api-cli-prompt {
color: #AC33FF;
}

div.api-example-output {
background: #111;
color: #6FDE5D;
font-family: monospace;
white-space: pre;
padding: 20px;
border-radius: 10px;
overflow: scroll;
}

div.api-params {
border-left: 10px solid #ddd;
padding: 5px 0px 5px 20px;
margin: 0px 0px 30px 0px;
width: 800px;
}

div.api-param-name {
font-family: monospace;
font-size: 1.1em;
font-weight: bold;
margin: 0px 0px 0px 0px;
}

div.api-param-data {
margin: 10px 0px 0px 0px;
}

span.api-param {
background: #eee;
padding: 5px 10px 5px 10px;
margin: 0px 5px 0px 0px;
font-size: 0.7em;
border-radius: 8px;
}

span.api-param-green {
color: #289958;
}

span.api-param-red {
color: #BD0000;
}

div.api-param-valid {
margin: 15px 0px 0px 0px;
font-weight: 800;
font-size: 0.9em;
}

span.api-valid {
font-family: monospace;
background: #eee;
padding: 5px 10px 5px 10px;
margin: 0px 5px 0px 0px;
font-size: 0.8em;
border-radius: 8px;
font-weight: 500;
}

div.api-param-desc {
margin: 10px 0px 0px 0px;
font-style: italic;
line-height: 1.5em;
}

div.api-main {
max-width: 1400px;
margin: auto;
padding: 40px 50px 200px 50px;
}

div.api-topheader {
font-size: 2.7em;
font-weight: 800;
letter-spacing: -1px;
margin: 0px 0px 0px 0px;
}

div.api-topheader-sub {
font-size: 1.2em;
font-weight: 600;
}

div.api-header {
font-weight: 800;
font-size: 1.7em;
margin: 30px 0px 20px 0px;
}

div.api-smallheader {
font-weight: 600;
font-size: 1.2em;
margin: 20px 0px 20px 0px;
}

div.api-subheader {
margin: -17px 0px 0px 0px;
}

div.api-text {
font-size: 1.1em;
margin: 0px 0px 15px 0px;
line-height: 1.5em;
max-width: 800px;
}

span.api-code {
font-family: monospace;
padding: 0px 3px 0px 3px;
}

span.api-code-highlight {
font-weight: 800;
color: #B84040;
background: #eee;
padding: 5px 8px 5px 8px;
border-radius: 10px;
}

div.currlang li {
list-style: square;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 5px;
}

div.earnings_label {
font-weight: 800;
margin: 0px 0px 10px 0px;
}

div.earnings_value {
font-size: 2em;
font-weight: 300;
margin: 0px 0px 15px 0px;
}

span.earnings_divider {
padding: 0px 10px 0px 10px;
}

div.earnings_desc {
margin: 0px 0px 10px 0px;
font-style: italic;
}

div.earnings_photosales_title {
font-weight: 600;
font-size: 1em;
padding: 10px 0px 0px 0px;
}

div.earnings_photosales_amount {
font-size: 0.9em;
margin: 3px 0px 0px 0px;

}

span.artists-label {
font-size: 0.6em;
text-transform: uppercase;
font-weight: 500;
}

span.artists-label-text {
font-size: 0.6em;
text-transform: uppercase;
font-weight: 700;
position: relative;
bottom: 4px;
color: #888;
}

span.new {
color: red;
font-size: 0.5em;
font-weight: 1000;
position: absolute;
margin: 8px 0px 0px -8px;
}

div.all-artists-header {
margin: 100px 0px 0px 0px;
}

div.artists-tree {
padding: 10px 20px 10px 20px;
}

div.all-artists {
margin: 50px 0px 100px 0px;
text-align: center;
padding: 0px 0px 100px 0px;
}

span.all-artists {
background: #000;
font-size: 1.5em;
padding: 17px 40px 17px 40px;
border-radius: 10px;
color: #fff;
font-weight: 800;
letter-spacing: -1px;
}

div.artists-feature-items {
height: 160px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}

div.artists-feature-item {
width: 190px;
height: 160px;
display: inline-block;
text-align: center;
}

div.artists-feature-img {

}

div.artists-feature-img img {
height: 100px;
width: 100px;
border-radius: 100px;
}

div.artists-feature-name {
font-size: 1em;
font-weight: 800;
margin: 5px auto 0px auto;
width: 180px;
overflow: hidden;
white-space: nowrap;
}

div.artists-feature-stats {
font-size: 0.9em;
margin: -2px 0px 0px 0px;
opacity: .5;
}

div.artists-feature-big {
height: 30vh;
background-size: cover;
background-position: 0% 20%;
margin: 0px 0px 60px 0px;
border-radius: 7px;
cursor: pointer;
}

div.artists-feature-big-box-left {
background: rgba(255,255,255,0.2);
border-radius: 0px 0px 20px 20px;
color: #000;
position: relative;
top: 0vh;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
padding: 150px 0px 80px 0px;
box-sizing: border-box;
font-family: "Libre Franklin", sans-serif;
-webkit-mask: linear-gradient(180deg, transparent, black 50%);
}

div.artists-feature-big-box-left-button {
margin: 40px 0px 0px 0px;
text-align: center;
}

span.artists-feature-big-box-left-mini {
position: absolute;
margin: -11px 0px 0px 20px;
}

img.artists-feature-big-box-left-mini {
width: 40px; height: 40px;
border-radius: 5px;
margin: 0px 0px 0px 3px;
}

span.artists-explore {
font-weight: 600;
font-size: 1em;
padding: 13px 20px 12px 20px;
border-radius: 15px;
cursor: pointer;
text-transform: uppercase;
border: 1px solid #fff;
color: #fff;
}

span.artists-explore:hover {
background: #fff;
color: #000;
}

div.artists-feature-big:hover span.artists-explore {
background: #fff;
color: #000;
}

div.artists-feature-big-box-left-supheader {
font-size: 1em;
font-weight: 600;
margin: 0px 0px 10px 0px;
text-align: center;

}

div.artists-feature-big-box-left-subheader {
font-size: 1em;
font-weight: 800;
margin: 6px 0px 0px 0px;
color: rgba(255,255,255,0.7);
}

div.artists-feature-big-box-left-subheader span {
padding: 0px 5px 0px 5px;
}

div.artists-feature-big-box-left-header {
text-align: center;
font-size: 4em;
font-weight: 800;
letter-spacing: -1.5px;
color: #fff;
}

div.artists-feature-big-box-left-header img {
position: absolute;
width: 75px;
display: none;
height: 75px;
border-radius: 85px;
margin: -33px 0px 0px 20px;
}

div.artists-feature {
background: #fff;
padding: 35px 43px 0px 430px;
box-sizing: border-box;
}

div.artists-directory {
box-shadow: 0px 0px 40px #ddd;
position: fixed;
left: 40px;
top: 100px;
height: calc(100vh - 130px);
color: #000;
background: #fff;
overflow: auto;
border-radius: 7px;
width: 350px;
}

div.artists-header {
font-size: 1em;
font-weight: 800;
letter-spacing: -1px;
padding: 15px 0px 12px 20px;
border-bottom: 1px solid #eee;
margin: 0px 0px 0px 0px;
color: #000;
}

div.artists-artist {
text-align: center;
margin: 30px 0px 0px 0px;
cursor: pointer;
}

div.artists-artist-name {
font-size: 1.4em;
font-weight: 700;
letter-spacing: -1.5px;
color: #000;
padding: 0px 20px 0px 20px;
line-height: 1em;
margin: 7px 0px 5px 0px;
}

div.artists-artist-country {
font-size: 0.8em;
font-weight: 600;
letter-spacing: -1px;
color: #000;
opacity: .8;
}

div.artists-artist-country i {
padding: 0px 2px 0px 0px;
}

div.artists-artist-country span {
padding: 0px 5px 0px 5px;
}

div.artists-artist img {
height: 100px;
width: 100px;
border-radius: 100px;
border: 3px solid #fff;
}

div.artists-artist:hover img {
}

div.artists-artist:hover div.artists-artist-name {
}

div.artists-artist:hover div.artists-artist-country {
}


div.mw-window-image {
background: #222;
width: calc(100% - 400px);
height: 100vh;
float: left;
text-align: center;
box-sizing: border-box;
}

div.mw-window-image img {
max-height: 100vh;
max-width: 100%;
}

div.ms-window-crop {
width: calc( 100vw - 400px);
height: 100%;
position: absolute;
}

div.mw-window-sidepanel {
background: #111;
width: 400px;
height: 100vh;
float: right;
color: #fff;
box-sizing: border-box;
overflow: auto;
padding: 0px 0px 200px 0px;
}

div.mw-window-sidepanel-topheader {
padding: 12px 10px 0px 10px;
font-weight: 800;
font-size: 1.5em;
color: #AC33FF;
}

div.mw-keywords-target {
padding: 0px 20px 0px 20px;
line-height: 1.9em;
color: #aaa;
}

div.mw-keywords-add {
padding: 0px 0px 0px 10px;
margin: 10px 0px 15px 0px;
}

input.mw-keyword-add {
border: 1px solid #541B7B;
color: #AC33FF;
padding: 10px 20px 10px 20px;
width: 338px;
background: #111;
font-size: 1em;
font-weight: 800;
border-radius: 10px;
text-transform: uppercase;
outline: none;
}

input.mw-keyword-add:focus {
border: 1px solid #AC33FF;
}

input.mw-keyword-add::placeholder {
color: #541B7B;
opacity: 1;
}


span.mw-keyword {
padding: 5px 10px 5px 10px;
cursor: crosshair;
font-size: 0.7em;
border-radius: 7px;
font-weight: 800;
white-space: nowrap;
margin: 0px 3px 0px 0px;
}

span.mw-keyword2 {
padding: 5px 10px 5px 10px;
cursor: crosshair;
font-size: 0.8em;
border-radius: 7px;
font-weight: 800;
white-space: nowrap;
margin: 0px 3px 0px 0px;
}

span.mw-keyword-user {
color: #fff;
background: #541B7B;
}

span.mw-keyword-red {
color: #fff;
background: #903B3B;
cursor: pointer;
}

span.mw-keyword-admin {
color: #fff;
background: #3BA251;
}

span.mw-keyword-auto {
color: #fff;
background: #155222;
}

span.mw-keyword-ai {
color: #fff;
background: #2B3675;
}

span.mw-keyword-ainew {
color: #fff;
background: #8C4141;
}

div.aitagged {
font-size: 0.8em;
font-weight: 600;
margin: 10px 0px 10px 0px;
text-align: center;
color: #ccc;
}

div.aitagged span {
background: #ee0979; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ff6a00, #ee0979); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ff6a00, #ee0979); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+,
Safari 7+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 1000;
}

span.ailabel {
background: #ee0979; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ff6a00, #ee0979); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ff6a00, #ee0979); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+,
Safari 7+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 1000;
}

span.mw-download {
color: #DFB0FF;
background: #541B7B;
cursor: pointer;
padding: 5px 10px 5px 10px;
border-radius: 10px;
margin: 0px 0px 0px 8px;
}

span.mw-window-sidepanel-step {
position: absolute;
margin: 38px 0px 0px 160px;
}

select.mw-window-sidepanel-step {
-webkit-appearance:none;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 3px 10px 3px 10px;
background: #391552;
border: 0px;
font-size: 0.8em;
color: #DFB0FF;
outline: none;
margin: 0px 0px 0px 10px;
}

span.mw-undo {
-webkit-appearance:none;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 3px 10px 3px 10px;
background: #521515;
border: 0px;
font-size: 0.8em;
border-radius: 5px;
color: #FFB0B0;
outline: none;
margin: 0px 0px 0px 2px;
cursor: pointer;
}

span.mw-undo:hover {
color: #fff;
background: #7A1717;
}

select.mw-window-sidepanel-step2 {
-webkit-appearance:none;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 13px 20px 13px 20px;
background: #391552;
margin: 0px 0px 0px 20px;
border: 0px;
border-radius: 20px;
font-size: 1em;
color: #DFB0FF;
outline: none;
}


select.mw-category {
-webkit-appearance:none;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 3px 10px 3px 10px;
background: #391552;
border: 0px;
font-size: 0.8em;
color: #DFB0FF;
outline: none;
}


div.mw-info {
margin: 0px 0px 10px 0px;
}

div.mw-info table {
margin: auto;
}

div.mw-info-header {
padding: 5px 20px 5px 0px;
font-size: 0.8em;
font-weight: 900;
color: #AC33FF;
}

div.mw-info-value {
padding: 3px 0px 3px 0px;
font-size: 0.8em;
font-weight: 500;
color: #DFB0FF;
}

span.mw-download:hover {
color: #fff;
}

div.mw-window-sidepanel-topheader i {
color: #AC33FF;
letter-spacing: -1px;
opacity: 0.6;
font-size: 1em;
position: relative;
top: -3px;
left: -2px;
}

div.mw-window-sidepanel-grid-done {
color: #AC33FF;
text-align: center;
font-size: 0.8em;
padding: 10px 0px 10px 0px;
}

div.mw-window-sidepanel-grid-done span {
font-weight: 600;
border-bottom: 1px solid #AC33FF;
cursor: pointer;
margin: 0px 0px 0px 5px;
}

div.mw-window-sidepanel-grid {
margin: 0px 0px 10px 0px;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */

}

td.mw-window-sidepanel-grid-title {
}

div.mw-window-sidepanel-grid-title {
font-size: 0.7em;
padding: 0px 5px 0px 15px;
font-weight: 800;
text-align: center;
color: #DFB0FF;
}

div.mw-window-sidepanel-grid-title-marked {
color: #CD2121;
}

div.mw-window-sidepanel-grid-title-small {
font-weight: 400;
font-size: 0.7em;
text-align: center;
margin: 0px 0px 5px 0px;
color: #AC33FF;
}

div.mw-window-sidepanel-grid-title-small-on {
color: #fff;
}

div.mw-window-sidepanel-grid-radio {
text-align: center;
font-size: 1.3em;
margin: 0px 0px 8px 0px;
}

div.mw-window-sidepanel-grid-radio-on {
color: #AC33FF;
}

div.mw-window-sidepanel-grid-radio-off {
color: #541B7B;
}

td.mw-window-sidepanel-grid-item {
cursor: pointer;
}

td.mw-window-sidepanel-grid-item:hover div.mw-window-sidepanel-grid-radio-off {
color: #AC33FF;
}

td.mw-window-sidepanel-grid-item:hover div.mw-window-sidepanel-grid-title-small {
color: #fff;
}

div.mw-window-nomore {
width: 100vw;
height: 100vh;
background: #222;
color: #AC33FF;
}

div.mw-window-nomore-icon {
font-size: 10em;
}

div.mw-window-nomore-text {
font-size: 2.5em;
font-weight: 800;
margin: 10px 0px 0px 0px;
letter-spacing: -1px;
}

div.mw-window-nomore-select {
font-size: 1.5em;
font-weight: 800;
margin: 20px 0px 0px 0px;
letter-spacing: -1px;
}

div.mw-window-sidepanel-remaining {
padding: 0px 0px 0px 10px;
font-size: 0.8em;
color: #AC33FF;
margin: 2px 0px 14px 0px;
}

div.mw-window-sidepanel-header {
color: #AC33FF;
font-size: 1em;
font-weight: 800;
border-bottom: 1px solid #541B7B;
padding: 0px 10px 5px 10px;
margin: 0px 0px 10px 0px;
}

div.view-data-alts {
margin: 20px 0px 0px 0px;
}

div.view-data-alt {
display: inline-block;
margin: 0px 15px 0px 0px;
cursor: pointer;
}

div.view-data-alt img {
max-width: 150px;
max-height: 150px;
border-radius: 5px;
}

div.prguide-slide-text-bold {
font-weight: 800;
margin: 25px 0px 0px 0px;
}

span.pr_good {
font-size: 0.3em;
background: #31B745;
color: #fff;
padding: 8px 10px 10px 10px;
border-radius: 10px;
position: relative;
top: 15px;
right: 20px;
}

span.pr_bad {
font-size: 0.3em;
background: #B73131;
color: #fff;
padding: 10px 10px 8px 10px;
border-radius: 10px;
position: relative;
top: 17px;
right: 20px;
}

div.prguide-showimg {
text-align: center;
}

div.prguide-showimg img {
border-radius: 10px;
max-height: 70vh;
}

div.prguide-slide {
margin: 20px 0px 30px 0px;
}

div.prguide-slide-images {
text-align: center;
margin: 30px 0px 20px 0px;
}

div.prguide-slide-images img {
height: 200px;
border-radius: 5px;
margin: 0px 10px 0px 10px;
cursor: pointer;
}

img.cross {
position: absolute;
width: 100px !important;
height: 100px !important;
margin: 43px 0px 0px -135px !important;
}

div.prguide-slide-header {
font-size: 2em;
text-align: center;
font-weight: 400;
margin: 0px 0px 30px 0px;
}

div.prguide-slide-text {
font-size: 1.1em;
margin: 0px 0px 15px 0px;
line-height: 1.4em;
}

div.prguide-slide-text i {
font-weight: 600;
}

div.review-selectas {
font-weight: 700;
margin: 5px 0px 0px 0px;
}

div.review-selectas label {
font-weight: 500;
font-size: 0.8em;
padding: 0px 0px 0px 3px;
}

div.dashboard-reupload-buttons {
margin: 40px 0px 0px 0px;
text-align: center;
}

div.dashboard-reupload-info {
padding: 30px 0px 0px 0px;
text-align: center;
}

div.dashboard-reupload {
margin: 0px 0px 30px 0px;
}

div.dashboard-reupload-header {
font-weight: 800;
font-size: 2em;
padding: 0px 0px 0px 1.75vw;
letter-spacing: -1px;
margin: 30px 0px 0px 0px;
}

div.dashboard-reupload-subheader {
font-weight: 800;
font-size: 1em;
padding: 0px 0px 0px 1.75vw;
margin: 0px 0px 30px 0px;
}

div.modal_error {
font-weight: 800;
color: red;
text-align: center;
margin: 30px 0px 0px 0px;
}

div.modal_input-below {
font-style: italic;
font-size: 0.9em;
margin: 5px 0px 0px 0px;
}

div.directoryedit-buttons {
margin: 30px 0px 0px 0px;
}

div.directory-rules {
font-size: 0.8em;
font-style: italic;
margin: 25px 0px 0px 0px;
}

span.directory-rules-link {
font-weight: 800;
cursor: pointer;
border-bottom: 1px solid #000;
padding: 0px 0px 2px 0px;
}

div.modal-rules {
margin: 30px 0px 0px 0px;
}

div.modal-rules li {
list-style: square;
padding: 0px 0px 20px 0px;
}

div.modal-rule-header {
font-weight: 800;
margin: 0px 0px 10px 0px;
}

div.modal-rule-text {

}

div.load-status {
margin: 10px 0px 0px 0px;
}

div.load-status-author {
font-weight: 800;
}

div.load-status-bubbles {
margin: 10px 0px 0px 0px;
}

span.load-status-bubbles-green {
margin: 0px 5px 0px 5px;
color: #fff;
padding: 5px 10px 5px 10px;
font-size: 0.8em;
border-radius: 15px;
background: #289958;
font-weight: 700;
}

span.load-status-bubbles-red {
margin: 0px 0px 0px 5px;
color: #fff;
padding: 5px 10px 5px 10px;
font-size: 0.8em;
border-radius: 15px;
background: #BD0000;
font-weight: 700;
}

.greentext {
color: #289958;
}

.redtext {
color: #BD0000;
}

span.load-status-bubbles-green i {
margin: 0px 3px 0px -5px;
font-size: 1.3em;
position: relative;
top: 2px;
}

span.load-status-bubbles-red i {
margin: 0px 3px 0px -5px;
font-size: 1.3em;
position: relative;
top: 2px;
}

div.artists-target {
text-align: center;
margin: 40px 0px -50px 0px;
height: 170px;
overflow: auto;
width: 100%;
white-space: nowrap;
}

div.window-main-open div.artists-target {
width: calc(100vw - 400px);
}

div.window-main div.artists-target {
width: 100vw;
}

div.search-artist {
display: inline-block;
height: 150px;
width: 150px;
}

div.search-artist-img {
}

div.search-artist-img img {
width: 100px;
height: 100px;
border-radius: 100px;
}

div.search-artist-name {
font-weight: 800;
margin: 10px auto 0px auto;
width: 130px;
font-size: 0.8em;
white-space: nowrap;
overflow: hidden;
}

div.search-artist-artworks {
font-size: 0.8em;
}

img.modal-profilepic {
width: 60px;
height: 60px;
border-radius: 60px;
float: left;
margin: 0px 15px 0px 0px;
}

span.tags-status {
font-size: 0.9em;
font-weight: 700;
padding: 0px 15px 0px 0px;
position: relative;
top: 2px;
}

div.tags-arrow {
font-size: 1.5em;
color: #ccc;
text-align: center;
}

input.text {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", 'Inter', "Helvetica Neue", Helvetica, Ubuntu, Roboto,
Noto, "Segoe UI", Arial, sans-serif;
padding: 10px;
font-size: 1em;
border: 1px solid #ccc;
border-radius: 8px;
outline: none;
text-transform: uppercase;
}

input.text:focus {
border: 1px solid #000;
}

div.tags-table {
padding: 30px 1.65vw 30px 1.65vw;
}

div.tags-table td {
padding: 5px 0px 5px 0px;
}

div.tags-table tr {
opacity: .7;
}

div.tags-table tr:hover {
opacity: 1;
}

div.tags-table tr:hover div.tags-arrow {
color: #000;
}

div.tags-table tr:hover input.text {
border: 1px solid #aaa;
}

div.tags-table tr:hover input.text:focus {
border: 1px solid #000;
}

span.partnerlogo img {
max-width: 10vw;
margin: 0px 1vw 0px 1vw;
opacity: .7;
}

div.partnerlogos {
margin: 20px 0px 0px 0px;
text-align: center;
line-height: 4em;
}

span.partnerlogo10 {
opacity: .8;
}

span.partnerlogo11 {
opacity: .8;
}

span.partnerlogo12 {
opacity: .8;
position: relative;
bottom: 5px;
}


span.partnerlogo1 {
opacity: .8;
}

span.partnerlogo2 {
position: relative;
top: 5px;
opacity: .8;
}

span.partnerlogo3 {
position: relative;
top: 13px;
opacity: .8;
}

span.partnerlogo5 {
position: relative;
bottom: 23px;
opacity: .8;
}

span.partnerlogo6 {
position: relative;
bottom: 25px;
opacity: .8;
}


span.goldtext {
background-image: linear-gradient(
to right,
#462523 0,
#cb9b51 22%,
#f6e27a 45%,
#f6f2c0 50%,
#f6e27a 55%,
#cb9b51 78%,
#462523 100%
);
color:transparent;
-webkit-background-clip:text;
text-shadow: 0px 0px 30px rgba(0,0,0,0.3);
}

div.footer-terms {
margin: 10px 0px 0px 0px;
}

span.footer-term {
font-weight: 600;
border-bottom: 1px solid rgba(255,255,255,0.5);
padding: 0px 0px 2px 0px;
cursor: pointer;
}

div.signup-step-input2 {
font-weight: 600;
font-size: 0.8em;
padding: 5px 0px 0px 0px;
}

div.signup-step-input2 input {
margin: 0px 7px 0px 0px;
width: 20px;
height: 20px;
position: relative;
top: 4px;
}

span.signup-step-inputlabel {

}

span.signup-step-inputlabel-link {
border-bottom: 1px solid #000;
cursor: pointer;
padding: 0px 0px 3px 0px;
font-weight: 800;
margin: 0px 0px 0px 5px;
}

span.agreements-link {
border-bottom: 2px solid #000;
}

div.about-section-text-segments {
margin: 20px 0px 0px 0px;
font-size: 0.9em;
}

.computerhide {
display: none;
}

div.offer-button {
text-align: center;
margin: 60px 0px 40px 0px;
}

div.offer-button2 {
text-align: center;
margin: -100px 0px 140px 0px;
}

span.offer-button {
background: #000;
font-size: 1.4em;
padding: 20px 60px 21px 60px;
font-weight: 800;
border-radius: 15px;
cursor: pointer;
color: #fff;
}

span.offer-button2 {
font-size: 1.4em;
padding: 20px 60px 21px 60px;
font-weight: 800;
border-radius: 15px;
cursor: pointer;
color: #000;
border: 1px solid #000;
margin: 0px 0px 0px 10px;
}

div.offer {
max-width: 800px;
margin: 60px auto 50px auto;

}

div.offer-header {
font-size: 4em;
font-weight: 900;
letter-spacing: -1.5px;
text-align: center;
margin: 30px 0px 40px 0px;
}

div.offer-list {

}

div.offer-list ul {

}

div.offer-list ul li {
list-style: square;
font-size: 1.2em;
padding: 0px 0px 20px 20px;
line-height: 1.4em;
}

span.offer-list-bold {
font-weight: 800;
font-size: 1.2em;
display: block;
margin: 0px 0px 3px 0px;

}

span.about-section-text-segment {
white-space: nowrap;
padding: 0px 10px 0px 0px;
font-weight: 400;
}

span.about-section-text-segment i {
font-size: 0.7em;
color: #82CA68;
padding: 0px 2px 0px 10px;
}

div.download-blocked {
margin: 20px 0px 20px 0px;
border: 1px solid rgba(0,0,0,0.1);
background: rgba(0,0,0,0.05);
border-radius: 5px;
padding: 20px;
font-style: italic;
}

span.badge-when {
font-size: 0.6em;
font-weight: 800;
position: relative;
margin: 0px 0px 0px 5px;
color: #888;
}

span.badge {
font-size: 0.5em;
color: #fff;
text-transform: uppercase;
font-weight: 800;
display: inline-block;
width: 60px;
border-radius: 5px;
text-align: center;
padding: 5px 5px 5px 5px;
white-space: nowrap;
}

span.badge-critical { background: #eee; color: #aaa; }
span.badge-verylow { background: #DF3434; }
span.badge-low { background: #DF6A34; }
span.badge-average { background: #F1CD19; }
span.badge-good { background: #A1CB86; }
span.badge-high { background: #028E00; }
span.badge-excellent { background: #1D8BDC; }

div.vip {

}

div.vip-header {
font-weight: 800;
font-size: 1.7em;
}

div.vip-subtext {
margin: 20px 0px 20px 0px;
}

div.vip-button {
margin: 35px 0px 0px 0px;
}

span.partnergroup-member-line {
border-bottom: 1px solid #999;
position: absolute;
display: inline-block;
width: 10px;
margin: -10px 0px 0px -18px;
}

div.partnergroup-add {
padding: 10px 0px 0px 0px;
}

div.partnergroup {
margin: 0px 0px 40px 0px;
}

div.partnergroup-members {
border-left: 1px solid #999;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 5px;
}

div.partnergroup-header {
font-size: 1.8em;
letter-spacing: -1px;
font-weight: 800;
margin: 0px 0px 10px 0px;
}

div.partnergroup-member {
font-size: 1.3em;
font-weight: 500;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 3px;
}

div.newsletter-sent-to {
font-size: 0.9em;
margin: 8px 0px 8px 0px;
}

span.newsletter-sent-status-downloads {
font-size: 0.9em;
margin: 0px 10px 0px 0px;
display: inline-block;
width: 50px;
text-align: center;
font-weight: 800;
}

span.newsletter-sent-status-downloads i {
padding: 0px 3px 0px 0px;
}

span.newsletter-sent-status-downloads-red {
color: #BD0000;
}

span.newsletter-sent-status-downloads-green {
color: #289958;
}

span.newsletter-sent-status-red, span.newsletter-sent-status-yellow, span.newsletter-sent-status-green,
span.newsletter-sent-status-blue {
padding: 5px 10px 6px 10px;
font-size: 0.7em;
text-transform: uppercase;
border-radius: 5px;
color: #fff;
position: relative;
bottom: 1px;
display: inline-block;
width: 60px;
text-align: center;
margin: 0px 10px 0px 0px;
}

span.newsletter-sent-status-red {
background: #BD0000;
}

span.newsletter-sent-status-yellow {
background: #DCA230;
}

span.newsletter-sent-status-green {
background: #289958;
}

span.newsletter-sent-status-blue {
background: #287099;
}

div.agreement-tabs {
margin: 10px 0px 10px 0px;
}

span.agreement-tab {
margin: 0px 20px 0px 0px;
cursor: pointer;
color: #777;
padding: 0px 0px 3px 0px;
}

span.agreement-tab-active {
font-weight: 800;
color: #000;
}

div.agreement-agree {
margin: 0px 0px 30px 0px;
font-size: 0.8em;
font-style: italic;
text-align: center;
line-height: 1.7em;
font-weight: 800;
}

div.signup-agreement-top {
margin: -30px 0px 0px 0px;
}

div.signup-agreement {
max-height: 60vh;
overflow: auto;
background: #fff;
border: 2px solid #eee;
border-radius: 10px;
padding: 20px;
font-size: 0.9em;
}

div.signup-agreement-1 {
margin: -15px 0px 0px 0px;
}

div.signup-agreement-1 .c0 {
font-weight: 800;
margin: 25px 0px 25px 0px;
display: block;
}

div.signup-agreement-2 {
margin: -15px 0px 0px 0px;
}

div.signup-agreement-2 .c2 {
font-weight: 800;
margin: 25px 0px 25px 0px;
display: block;
}

div.signup-agreement-3 {
margin: -15px 0px 0px 0px;
}

div.signup-agreement-3 .c4 {
font-weight: 800;
margin: 25px 0px 25px 0px;
display: block;
}


div.list-item-error {
color: red;
font-size: 0.9em;
margin: 2px 0px 0px 0px;
font-weight: 800;
}

div.list-item-error li {
margin: 3px 0px 0px 3px;
}

span.newsletter-warnings {
color: red;
font-weight: 800;
}

span.newsletter-warnings i {
font-size: 0.9em !important;
margin: 0px 0px 0px 5px !important;
padding: 0px !important;
top: 0px !important;
}

span.newsletter-warnings-count {

}

span.modal_users_newsletter {
padding: 0px 0px 0px 10px;
}

span.modal_users_newsletter input {

}

span.modal_users_newsletter label {
font-size: 0.8em;
}

div.editnewsletter-basics {
margin: 30px 0px 0px 0px;
}

div.newsletter-image {
margin: 20px 0px 0px 0px;
}

div.newsletter-image img {
max-width: calc(100% + 40px);
margin: 0px 0px 0px -20px;
}

div.newsletter-header {
text-align: center;
font-weight: 800;
font-size: 1.4em;
margin: 20px 0px 20px 0px;
}

div.newsletter-text {
font-size: 1em;
line-height: 1.5em;
margin: 20px auto 20px auto;
max-width: 340px;
}

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

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

div.newsletter-button {
background: #000;
color: #fff;
padding: 15px;
border-radius: 10px;
font-weight: 800;
cursor: pointer;
text-align: center;
margin: 25px auto 25px auto;
max-width: 320px;
}

div.newsletter-largecollection {
margin: 30px 0px 30px 0px;
text-align: center;
}

div.newsletter-largecollection img {
border-radius: 5px;
max-width: 340px;
}

div.newsletter-largecollection-title {
text-align: center;
font-weight: 600;
font-size: 1.3em;
margin: 10px 0px 0px 0px;
}

div.newsletter-largecollection-subtitle {
text-align: center;
font-weight: 400;
font-size: 0.8em;
margin: 5px 0px 0px 0px;
}

div.newsletter-smallcollections {
margin: 30px 0px 30px 0px;
text-align: center;
}

div.newsletter-smallcollections img {
border-radius: 5px;
max-width: 160px;
}

div.newsletter-smallcollections-title {
font-weight: 600;
font-size: 0.8em;
margin: 5px 0px 0px 0px;
overflow: hidden;
white-space: nowrap;
width: 160px;
text-align: left;
box-sizing: border-box;
padding: 0px 0px 0px 10px;

}

div.newsletter-smallcollections-item {
width: 179px;
display: inline-block;
margin: 0px 0px 10px 0px;
}

div.editnewsletter-segment {
margin: 30px 0px 30px 0px;
}

div.editnewsletter-segment-title {
font-size: 1.3em;
font-weight: 800;
margin: 0px 0px 20px 0px;
letter-spacing: -0.5px;
}

div.editnewsletter-segment-fieldtitle {
font-size: 0.8em;
font-weight: 700;
margin: 20px 0px 0px 0px;
}

div.editnewsletter-segment-field label {
font-size: 0.8em;
padding: 0px 15px 0px 6px;
}

div.editnewsletter-segment-field img {
max-width: 300px;
max-height: 300px;
border-radius: 10px;
padding: 5px 0px 5px 0px;

}

div.editnewsletter-segment-field {
margin: 6px 0px 0px 0px;
}

div.editnewsletter-preview {
border: 1px solid #000;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
height: 80vh;
overflow: auto;
width: 400px;
background: rgba(255,255,255,0.5);
position: fixed;
right: 7vw;
top: 12vh;
z-index: 10000000000000000000000000000000;
}

input.field {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
font-size: 0.9em;
border-radius: 5px;
width: 20vw;
border: 1px solid #ddd;
}

textarea.field {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
font-size: 0.9em;
border-radius: 5px;
width: 40vw;
height: 100px;
border: 1px solid #ddd;
}

div.sendnewsletter-field {
margin: 30px 0px 30px 0px;
}

div.sendnewsletter-button {
margin: 40px 0px 0px 0px;
}

div.sendnewsletter-settings {
border-top: 5px solid #eee;
padding: 20px;
margin: 20px 0px 0px 0px;
}

div.sendnewsletter-header {
font-weight: 600;
font-size: 1.3em;
margin: 10px 0px 10px 0px;
}

div.partnerdetails-header {
font-size: 1.5em;
font-weight: 800;
margin: 30px 0px 20px 0px;
}

div.partnerdetails-detail {
margin: 7px 0px 7px 0px;
}

span.partnerdetails-detail-header {
font-weight: 700;
padding: 0px 5px 0px 0px;
}

span.dashboard-options-button {
border: 1px solid #000;
color: #000;
padding: 7px 15px 7px 15px;
cursor: pointer;
border-radius: 10px;
font-size: 0.8em;
margin: 0px 0px 0px 10px;
position: relative; bottom: 2px;
}

select.select-button {
border: 1px solid #000;
color: #000;
padding: 7px 15px 7px 15px;
cursor: pointer;
border-radius: 10px;
font-size: 0.8em;
margin: 0px 0px 0px 10px;
position: relative; bottom: 2px;
background: #fff;
-webkit-appearance:none;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
}

span.editnewsletter-button {
border: 1px solid #000;
color: #000;
padding: 7px 15px 7px 15px;
cursor: pointer;
border-radius: 10px;
font-size: 0.8em;
margin: 0px 10px 0px 0px;
}

span.editnewsletter-button i {
font-size: 0.8em;
position: relative;
bottom: 1px;
padding: 0px 5px 0px 0px;
}

span.editnewsletter-button-green {
border: 1px solid green;
color: green;
padding: 7px 15px 7px 15px;
cursor: pointer;
border-radius: 10px;
font-size: 0.8em;
margin: 0px 10px 0px 0px;
}

span.editnewsletter-button-green i {
font-size: 1.4em;
position: relative;
top: 2px;
padding: 0px 5px 0px 0px;

}

span.editnewsletter-button-red {
border: 1px solid #BD0000;
color: #BD0000;
padding: 7px 15px 7px 15px;
cursor: pointer;
border-radius: 10px;
font-size: 0.8em;
margin: 0px 10px 0px 0px;
}

span.editnewsletter-button-red i {
font-size: 1.4em;
position: relative;
top: 2px;
padding: 0px 5px 0px 0px;

}

span.editnewsletter-button-blue {
border: 1px solid #4f359b;
color: #4f359b;
padding: 7px 15px 7px 15px;
cursor: pointer;
border-radius: 10px;
font-size: 0.8em;
margin: 0px 10px 0px 0px;
}

span.editnewsletter-button-blue i {
font-size: 1.4em;
position: relative;
top: 2px;
padding: 0px 5px 0px 0px;

}


span.dashboard-invited {
font-size: 0.7em;
padding: 0px 0px 0px 10px;
position: relative; bottom: 3px;
color: #bbb;
}

div.partnerdetails-graphs {

}

div.partnerdetails-graph {
height: 250px;
margin: 30px 0px 0px 0px;
}

div.partnerdetails-graph-header {
font-size: 1.1em;
font-weight: 800;
letter-spacing: -0.5px;
margin: -15px 0px 0px 0px;
text-align: center;
}

div.partnerdetails-graph-subheader {
font-size: 0.9em;
margin: 3px 0px 0px 0px;
text-align: center;
display: none;
}

div.partnerstatus {
margin: 10px 0px 10px 0px;
}

span.partnerstatus {
padding: 5px 10px 5px 10px;
border-radius: 15px;
}

span.partnerstatus-grey {
background: #ddd;
color: #000;
}

span.partnerstatus-green {
background: #17bebb;
color: #fff;
}

span.partnerstatus-verygreen {
background: #70CF5F;
color: #fff;
}

div.dashboard-floater {
padding: 20px;
width: 350px;
position: fixed;
right: 30px;
bottom: 30px;
background: rgba(0,0,0,0.5);
border-radius: 15px;
color: #fff;
text-align: center;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}

div.dashboard-floater-header {
font-size: 1.5em;
font-weight: 800;
}

div.dashboard-floater-subheader {
margin: 10px 0px 0px 0px;
}

div.dashboard-floater-buttons {
margin: 30px 0px 17px 0px;
}

div.dashboard-search {
margin: 20px 0px 0px 1.3vw;
}

div.dashboard-options {
margin: 30px 0px 20px 1.3vw;
}

div.dashboard-options input {
position: relative;
bottom: 1px;
margin: 0px 8px 0px 10px;
}

div.dashboard-options label {
padding: 0px 30px 0px 0px;
}

span.dashboard-search-icon {
position: absolute;
font-size: 1.3em;
margin: 10px 0px 0px 14px;
color: #555;
}

input.dashboard-search {
border: 2px solid #555;
padding: 10px 10px 10px 50px;
font-size: 1em;
outline: none;
border-radius: 10px;
width: 400px;
}

div.modal-search {
margin: 20px 0px 10px 0px;
}

span.modal-search-icon {
position: absolute;
font-size: 1em;
margin: 8px 0px 0px 14px;
color: #ccc;
}

input.modal-search {
border: 1px solid #ccc;
padding: 7px 7px 7px 40px;
font-size: 1em;
outline: none;
border-radius: 10px;
width: 90%;
}

table.dashboard-partners-table {
margin: 10px 0px 0px 0px;
}

table.dashboard-partners-table td {
font-size: 1em;
border-bottom: 1px solid #fff;
}

table.dashboard-partners-table tr td {
padding: 10px 0px 10px 5px;
cursor: pointer;
}

table.dashboard-partners-table tr:hover td {
background: #eee;
}

td.dashboard-partners-table-header {
padding: 15px 0px 15px 5px !important;
font-weight: 800;
}

td.dashboard-partners-table-header span {
padding: 0px 0px 5px 5px;
color: #666;
}

tr.dashboard-partners-table-header:hover td {
background: #fff !important;
}

tr.dashboard-compact-selected td {
background: #bbb !important;
}

div.dashboard-main {
padding: 20px 0px 200px 0px;
}

div.dashboard-header {
font-weight: 800;
font-size: 2em;
text-align: center;
letter-spacing: -1.5px;
margin: 0px 0px 30px 1.65vw;
}

div.dashboard-header2 {
font-weight: 900;
font-size: 1.5em;
letter-spacing: -1.5px;
padding: 0px 0px 0px 1.65vw;
clear: both;
margin: 40px 0px 0px 0px;
}

div.dashboard-header3 {
font-weight: 700;
font-size: 1.8em;
letter-spacing: -1.5px;
padding: 30px 0px 0px 1.65vw;
}

div.dashboard-stats {
clear: both;
margin: 30px 0px 30px 0px;
height: 420px;
}

div.dashboard-stat {
width: 29vw;
margin: 0px 1.65vw 0px 1.65vw;
float: left;
}

div.dashboard-stat-big {
width: 96.7vw;
margin: 0px 1.65vw 0px 1.65vw;
}

div.dashboard-stat-graph-big {
height: 350px;
margin: 0px 0px 0px 0px;
}

div.dashboard-stat-graph {
height: 350px;
margin: 0px 0px 0px 0px;
}

div.dashboard-stat-graph-hide {
height: 20px;
width: 60px;
position: absolute;
background: #fff;
margin: -25px 0px 0px 0px;
}

div.dashboard-stat-graph-hide2 {
height: 20px;
width: 60px;
position: absolute;
background: #fff;
display: none;
margin: -23px 0px 0px 0px;
}


div.dashboard-stat-header {
font-weight: 800;
font-size: 1.3em;
letter-spacing: -0.5px;
margin: 0px 0px 3px 0px;
text-align: center;
}

div.dashboard-stat-subheader {
font-size: 0.8em;
text-align: center;
}

div.dashboard-stat-subheader2 {
text-align: center;
font-size: 1.3em;
font-weight: 600;
margin: 8px 0px 0px 0px;
}

div.download-cart-download-in-progress {

}

div.download-cart-progress {
width: 120px;
height: 120px;
border-radius: 120px;
background: rgba(0,0,0,0.8);
color: #fff;
margin: 20px auto 15px auto;
font-weight: 800;
font-size: 2em;
box-sizing: border-box;
padding: 41px 0px 0px 0px;
}

div.download-cart-title {
font-weight: 800;
margin: 0px 0px 10px 0px;
}

span.already-downloaded {
background: #70CF5F;
color: #fff;
position: absolute;
padding: 5px 8px 5px 8px;
margin: 5px 0px 0px -5px;
border-radius: 5px;
font-size: 0.6em;
font-weight: 700;
transform:translateX(-100%);
white-space: nowrap;
}

span.is-exp {
background: #388DC9;
color: #fff;
position: absolute;
padding: 5px 8px 5px 8px;
margin: 5px 0px 0px -5px;
border-radius: 5px;
font-size: 0.6em;
font-weight: 700;
transform:translateX(-100%);
white-space: nowrap;
}

span.in-list {
background: #3399FF;
color: #fff;
position: absolute;
padding: 5px 8px 5px 8px;
margin: 30px 0px 0px -5px;
border-radius: 5px;
font-size: 0.6em;
font-weight: 700;
transform:translateX(-100%);
white-space: nowrap;
}

span.already-downloaded-hidden {
position: relative;
top: 10px;
margin: 0px;
}

span.in-list-hidden {
position: relative;
top: 10px;
margin: 0px 0px 0px 10px;
}

div.download-cart-back {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 21;
}

div.download-cart-button {
margin: 20px 0px 20px 0px;
}

div.download-cart-button span.button {
display: block;
}

div.download-cart-row {
text-align: left;
padding: 5px 0px 5px 0px;
}

div.shopping-cart-row {
text-align: left;
padding: 10px 0px 10px 0px;
}

div.download-cart-row-img {

}

div.download-cart-row-img img {
width: 80px;
border-radius: 5px;
}

div.download-cart-row-id {
opacity: .8;
font-size: 0.9em;
margin: 0px 0px 5px 0px;
display: none;
}

div.download-cart-row-resolution {
opacity: .8;
font-size: 0.8em;
}

div.shopping-cart-price {
font-weight: 500;
margin: 10px 0px 0px 0px;
}

div.shopping-cart-size {
opacity: .8;
font-size: 0.8em;
}

div.download-cart-row-title {
font-weight: 700;
font-size: 1.1em;
margin: 0px 0px 5px 0px;
}

div.shopping-cart-row-title {
font-weight: 700;
font-size: 1em;
margin: 0px 0px 5px 0px;
}

div.download-cart {
padding: 15px 20px 20px 20px;
position: fixed;
top: 90px;
right: 20px;
z-index: 22;
background: rgba(255,255,255,0.9);
border-radius: 7px;
width: 350px;
max-height: 70vh;
overflow: auto;
color: #000;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

div.download-cart-header {
font-weight: 800;
letter-spacing: -1px;
font-size: 1.3em;
margin: 0px 0px 10px 0px;
text-align: center;
}

div.download-cart-target {
text-align: center;
font-size: 0.9em;
font-weight: 300;
}

div.settings-profile-picture-container img {
height: 100px;
width: 100px;
border-radius: 100px;
}

div.settings-profile-picture-container-button {
padding: 20px 0px 0px 0px;
}

div.directoryedit-tags {
line-height: 2.3em;
}

span.directoryedit-tags-tag {
font-size: 0.9em;
background: #eee;
padding: 5px 10px 5px 10px;
white-space: nowrap;
margin: 0px 5px 0px 0px;
border-radius: 5px;
cursor: pointer;
}

span.directoryedit-tags-tag i {
opacity: 0.3;
padding: 0px 0px 0px 5px;
font-size: 0.8em;
}

span.directoryedit-tags-tag:hover {
background: #444;
color: #fff;
}

span.directoryedit-tags-tag:hover i {
opacity: 1;
}

div.directory-table-scoreboxes {
position: relative;
bottom: 5px;
}

table.directory-table {
margin: auto;
}

td.directory-table-header {
font-weight: 600;
text-align: right;
padding: 10px 20px 10px 0px;
}

td.directory-table-value {
}

div.directoryedit-block1 {
float: left;
width: 50%;
box-sizing: border-box;
}

div.directoryedit-block2 {
float: left;
width: 50%;
padding: 0px 10px 0px 10px;
box-sizing: border-box;
}

div.directoryedit-blocks:after {
content: "";
display: table;
clear: both;
}

div.directoryedit-blocks {
padding: 0px 0px 10px 0px;
}

div.directoryedit-image img {
max-width: 90%;
border-radius: 10px;
}

span.directory-dot-green {
display: inline-block;
width: 13px;
height: 13px;
border-radius: 13px;
background: green;
margin: 0px 5px 0px 0px;
position: relative;
top: 1px;
}

span.directory-dot-red {
display: inline-block;
width: 13px;
height: 13px;
border-radius: 13px;
background: #BD0000;
margin: 0px 5px 0px 0px;
position: relative;
top: 1px;
}

div.directoryedit-title {
font-size: 0.9em;
margin: 20px 0px 0px 0px;
}

div.directoryedit-input {
margin: 8px 0px 0px 0px;
}

div.directoryedit-input input {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
font-size: 0.9em;
border-radius: 5px;
width: 20vw;
border: 1px solid #ddd;
}

div.directoryedit-addtags input {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
font-size: 0.9em;
border-radius: 5px;
width: 20vw;
border: 1px solid #ddd;
margin: 0px 30px 0px 0px;
text-transform: uppercase;
}

div.directoryedit-addtags {
margin: 25px 0px 0px 0px;
}

input.directory-input {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
border: 1px solid #ddd;
font-size: 0.9em;
border-radius: 5px;
width: 20vw;
}


div.directory-artworks {

}

div.directory-artworks-thumbs {
padding: 50px 0px 0px 0px;
}

div.directory-artworks-list {
padding: 50px 0px 0px 0px;
}

div.directory-artwork-image {
background-size: cover;
background-position: center;
cursor: pointer;
border-radius: 10px;
}

div.directory-artworks-thumbs div.directory-artwork-status-title {
font-weight: 300;
font-size: 1.3em;
margin: 0px 0px 3px 0px;
width: 150px;
text-align: center;
white-space: nowrap;
overflow: hidden;
}

div.directory-artworks-thumbs div.directory-artwork {
width: 200px;
height: 240px;
display: inline-block;
}

div.directory-artworks-thumbs div.directory-artwork-img {

}

div.directory-artworks-thumbs div.directory-artwork-image {
width: 150px;
height: 150px;
}

div.directory-artworks-thumbs div.directory-artwork-status {
font-size: 0.8em;
font-weight: 700;
margin: 10px 0px 0px 0px;
width: 150px;
text-align: center;
}

div.directory-artworks-thumbs div.directory-artwork-title {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-category {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-listing {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-buttons {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-score {
display: none;
}

div.directory-artworks-list div.directory-artwork {
display: block;
width: 100%;
border-bottom: 1px solid #ddd;
padding: 20px 0px 20px 0px;
}

div.directory-artworks-list div.directory-artwork-status-title {
display: none;
}

div.directory-artworks-list div.directory-artwork-img {
width: 75px;
box-sizing: border-box;
display: inline-block;
}

div.directory-artworks-list div.directory-artwork-image {
width: 50px;
height: 50px;
display: inline-block;
position: absolute;
box-sizing: border-box;
margin: -30px 0px 0px 0px;
}

div.directory-artworks-list div.directory-artwork-status {
display: inline-block;
width: 10vw;
box-sizing: border-box;
font-size: 0.9em;
font-weight: 600;
}

div.directory-artworks-list div.directory-artwork-title {
display: inline-block;
width: 25vw;
box-sizing: border-box;
}

div.directory-artworks-list div.directory-artwork-listing {
display: inline-block;
width: 10vw;
box-sizing: border-box;
}

div.directory-artworks-list div.directory-artwork-category {
display: inline-block;
width: 15vw;
box-sizing: border-box;
}

div.directory-artworks-list div.directory-artwork-buttons {
display: inline-block;
width: calc(100% - 75vw - 75px);
box-sizing: border-box;
text-align: right;
}

div.directory-artworks-list div.directory-artwork-score {
display: inline-block;
width: 15vw;
box-sizing: border-box;
}

div.directory-artwork-score div.directory-table-scoreboxes {
transform: scale(0.7);
}

div.modal-upperbuttons {

}

span.search-directory-all {
float: right;
}

span.search-directory {
color: #ccc;
position: absolute;
margin: 9px 0px 0px 10px;
}

input.search-directory {
padding: 7px 13px 8px 33px;
border-radius: 4px;
font-size: 1em;
margin: 0px 5px 0px 0px;
border: 1px solid #aaa;
}

input.search-directory:focus {
border: 1px solid #000;
}

span.upperbutton {
padding: 7px 13px 8px 13px;
border-radius: 4px;
font-size: 1em;
font-weight: 800;
margin: 0px 5px 0px 0px;
cursor: pointer;
}

span.upperbutton-onlyicon {
padding: 7px 13px 7px 13px;
}

span.upperbutton i {
padding: 0px 5px 0px 0px;
}

span.upperbutton-onlyicon i {
padding: 0px;
}

span.overlay-buttons {
display: none;
}

div.window-main div.load-image-bigthumbs span.overlay-buttons {
display: none;
position: absolute;
margin: -40px 0px 0px 0px;
width: calc(100vw / 4.1);
z-index: 10;
}

div.window-main-open div.load-image-bigthumbs span.overlay-buttons {
display: none;
position: absolute;
margin: -40px 0px 0px 0px;
width: calc(calc(100vw - 400px) / 4);
z-index: 10;
}


span.overlay-button {
background: rgba(79,53,155,0.8);
color: #fff;
padding: 8px 12px 8px 12px;
border-radius: 10px;
font-size: 0.8em;
font-weight: 700;
border: 1px solid #fff;
}

span.overlay-button2 {
color: #fff;
padding: 8px 12px 8px 12px;
border-radius: 10px;
font-size: 0.8em;
font-weight: 700;
background: #17bebb;
}

span.overlay-button2adjust {
position: relative;
bottom: 40px;
}

span.overlay-button i {
font-size: 0.9em;
padding: 0px 5px 0px 0px;
}

span.overlay-button2 i {
font-size: 0.9em;
padding: 0px 5px 0px 0px;
}

div.collections-page {
padding: 35px 43px 0px 430px;
}

div.collections-page-full {
padding: 0px 0px 0px 0px;
}

div.collections-page-sidebar {
width: 350px;
font-family: "Libre Franklin", sans-serif;
background: #fff;
box-shadow: 0px 0px 40px #ddd;
position: fixed;
left: 40px;
top: 100px;
height: calc(100vh - 130px);
color: #000;
box-sizing: border-box;
overflow: auto;
border-radius: 7px;
}

div.collections-page-sidebar-header {
font-weight: 800;
font-size: 1em;
margin: 15px 0px 15px 0px;
}

div.collections-page-sidebar-header a {
color: #000;
}

div.collections-page-sidebar-header a {
color: #000;
}

div.collections-page-sidebar-collection {
padding: 5px 0px 5px 3px;
}

div.collections-page-sidebar-collection a {
color: #000;
font-weight: 500;
font-size: 0.9em;
}

div.collections-page-sidebar-collections {
border-left: 1px solid #aaa;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 5px;
}

span.navi-search {
margin: 5px 0px 0px 50px;
position: absolute;
}

input.top-search {
background: rgba(255,255,255,0.1);
border: 0px;
padding: 8px 10px 8px 40px;
border-radius: 10px;
outline: none;
color: #fff;
font-size: 1em;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
}

input.top-search:focus {
background: rgba(255,255,255,0.3);
}

span.top-search-icon {
color: rgba(255,255,255,0.2);
position: absolute;
margin: 9px 0px 0px 15px;
}

div.footer {
background: #000;
color: #fff;
}

div.footer-inner2 {
display: inline-block;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 50px 100px 50px 100px;
box-sizing: border-box;
background: rgba(0,0,0,0.2);
border-radius: 30px;
text-align: center;
}

div.footer-inner {
padding: 50px 100px 50px 100px;
box-sizing: border-box;
max-width: calc(100vw - 750px);
margin: auto;
}

img.footer-logo {
filter: invert(1);
width: 200px;
opacity: 1;
}

div.footer-logo {
margin: 0px 0px 20px 0px;
}

div.footer-text {
margin: 0px 0px 20px 0px;
line-height: 1.8em;
font-size: 0.9em;
}

div.footer-contact {
margin: 40px 0px 0px 0px;
}

span.footer-contact {
background: rgba(255,255,255,0.7);
color: #000;
font-weight: 800;
padding: 10px 20px 10px 20px;
border-radius: 10px;
cursor: pointer;
}

span.footer-contact:hover {
background: rgba(255,255,255,1);
}

div.collections-all-front {
}

div.collections-all-front-notloggedin {
margin: 0px 0px 0px 0px;
}

span.collections-top-button {
font-weight: 600;
font-size: 1em;
padding: 13px 20px 12px 20px;
border-radius: 15px;
cursor: pointer;
text-transform: uppercase;
border: 1px solid #fff;
color: #fff;
}

span.collections-top-button:hover {
background: #fff;
color: #000;
}

div.collections-top2:hover span.collections-top-button {
background: #fff;
color: #000;
}

span.collections-top-button:hover {
opacity: 1;
}

div.collections-top-title {
text-align: center;
font-size: 4em;
font-weight: 800;
letter-spacing: -1.5px;
color: #fff;
}

div.collections-top-title-black {
color: #000;
}

div.collections-top-button {
text-align: center;
margin: 40px 0px 0px 0px;
}

div.collections-top2 {
height: 30vh;
border-radius: 7px;
cursor: pointer;
}

div.collections-all-images {
overflow: auto;
white-space: nowrap;
padding: 0px 0px 40px 40px;
}

div.collections-all-images::-webkit-scrollbar {
height: 10px;
}

div.collections-all-images::-webkit-scrollbar-track {
background: #fff;
}

div.collections-all-images::-webkit-scrollbar-thumb {
background: #eee;
border-radius: 10px;
}

div.collections-all-images::-webkit-scrollbar-thumb:hover {
background: #ccc;
}

div.image-big-allcoll {
width: 250px;
height: 250px;
display: inline-block;
margin: 0px 0px 0px 0px;
text-align: left;
}

div.image-big-allcoll:hover .image-big-thumb-allcoll {
border: 1px solid #000;
}

div.image-big-thumb-allcoll {
width: 220px;
height: 220px;
border-radius: 6px;
background-size: cover;
overflow: hidden;
border: 1px solid #ddd;
box-sizing: border-box;
}

div.image-big-header-allcoll {
font-size: 1em;
letter-spacing: -1px;
font-weight: 800;
margin: 10px 0px 2px 0px;
width: 220px;
white-space: nowrap;
overflow: hidden;
}

div.image-big-header-allcoll-gradient {
width: 220px;
font-size: 1.3em;
font-weight: 800;
position: relative;
margin: -1.35em 0px 0px 0px;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(9,9,121,0) 75%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)
100%);
}

div.image-big-subheader-allcoll {
font-size: 0.8em;
}

div.collections-all {
padding: 20px 0px 0px 0px;
}

div.collections-all-header {
font-size: 2em;
letter-spacing: -1.5px;
font-weight: 900;
margin: 20px 0px 40px 0px;
border-bottom: 2px solid #000;
padding: 0px 0px 10px 40px;
}

div.modal-rejreasons {
margin: 0px 0px 30px 0px;
color: #9B2222;
}

div.modal-rejreasons li {
margin: 20px 0px 0px 0px;
}

div.modal-rejreasons-header {
font-weight: 800;
font-size: 1.2em;
margin: 0px 0px 10px 0px;
}

div.modal-rejreasons-text {
font-weight: 600;
}

div.prreview-reason {
margin: 0px 0px 20px 0px;
}

div.prreview-reason-header {
font-size: 1.3em;
font-weight: 800;
}

div.prreview-reason-text {
margin: 10px 0px 0px 0px;
}

div.review-image-big {
margin: 30px 0px 0px 0px;
}

div.review-image-big img {
border-radius: 10px;
cursor: pointer;
}

div.review-image-big div.review-data {
font-size: 0.9em;
margin: 10px 0px 30px 0px;
}

div.review-image-small {
display: inline-block;
margin: 0px 10px 20px 10px;
}

div.review-image-small img {
border-radius: 5px;
cursor: pointer;
height: 250px;
}

div.review-image-small div.review-data {
display: none;
}

div.review-bio {
margin: 20px auto 30px auto;
font-style: italic;
line-height: 1.6em;
max-width: 1000px;
}

div.review-data {
font-family: 'PT mono';
line-height: 1.5em;
}

div.review-lists {
}

div.review-list {
padding: 30px;
text-align: center;
background: #eee;
margin: 60px 0px 0px 0px;
}

div.review-header {
font-size: 2em;
font-weight: 800;
letter-spacing: -1px;
}

div.review-buttons {
margin: 40px 0px 40px 0px;
}

span.portfolioreview-uploader-slot-trash {
font-size: 0.3em;
background: #BD0000;
color: #fff;
border-radius: 5px;
padding: 4px 10px 4px 10px;
opacity: .8;
position: relative;
top: 26px;
cursor: pointer;
}

span.portfolioreview-uploader-slot-trash:hover {
opacity: 1;
}

div.slot-inner {
margin: -5px 0px 0px -5px;
}

div.slot-uploading {
font-size: 0.5em;
color: #000;
}

div.portfolioreview-uploader {
margin: 30px 0px 0px 0px;
text-align: center;
}

div.portfolioreview-uploader-slot {
height: 110px;
width: 110px;
display: inline-block;
margin: 10px;
border: 2px solid #ccc;
border-radius: 5px;
font-size: 3em;
color: #ccc;
text-align: center;
box-sizing: border-box;
background-size: cover;
}

div.portfolioreview-uploader-hasimage {
border: 0px;
}

table.portfolioreview-uploader-slot {
height: 110px;
width: 110px;
}

div.activate-uploadbutton {
text-align: center;
margin: 30px 0px 0px 0px;
}

span.activate-biography-status {
font-size: 0.9em;
font-weight: 800;
padding: 0px 0px 0px 20px;
position: relative;
top: 2px;
}

div.activate-biography-button {
margin: 20px 0px 50px 0px;
text-align: center;
}

div.activate-didntget {
font-size: 0.9em;
text-align: center;
padding: 0px 0px 40px 0px;
margin: 50px 0px 0px 0px;
opacity: .7;
}

div.activate-header {
text-align: center;
font-size: 1.1em;
margin: 40px 0px 40px 0px;
}

div.activate-code {
text-align: center;
padding: 0px 0px 0px 0px;
}

input.activate-input {
width: 30px;
font-size: 2.5em;
padding: 10px;
text-align: center;
margin: 0px 4px 0px 4px;
}

span.signup-step-next {
color: #17bebb;
font-size: 2em;
cursor: pointer;
position: relative;
top: 6px;
margin: 0px 0px 0px 10px;
}

span.signup-step-status-error {
color: #CB2D2D;
font-size: 2em;
cursor: pointer;
position: relative;
top: 6px;
margin: 0px 0px 0px 10px;
}

span.signup-step-status-ok {
color: #38AD0F;
font-size: 2em;
cursor: pointer;
position: relative;
top: 6px;
margin: 0px 0px 0px 10px;
}

div.signup-step-error {
margin: 4px 0px 0px 0px;
font-size: 0.8em;
font-weight: 800;
color: #CB2D2D;
padding: 0px 0px 0px 5px;
}

div.signup-step {
margin: 0px 0px 20px 0px;
}

div.signup-step-header {
font-size: 0.9em;
margin: 0px 0px 5px 0px;
}

div.signup-step-input {

}

div.signup-step-input input {
font-size: 1em;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
border: 0px;
border-radius: 7px;
width: 70%;
padding: 10px;
}

div.signup-captcha {
margin: 50px 0px 30px 0px;
}

div.signup-section-separator {
width: 80%;
border-top: 1px solid #000;
margin: 0px auto 34px auto;
}

div.signup-section-icon {
font-size: 3.5em;
margin: 0px 0px 10px 0px;
}

div.signup-section {
text-align: center;
margin: 0px 0px 60px 0px;
}

div.signup-section-header {
font-size: 2em;
font-weight: 900;
letter-spacing: -1px;
}

div.signup-section-subheader {
font-size: 1.2em;
margin: 20px 0px 0px 0px;
}

div.signup-section-button {
margin: 40px 0px 0px 0px;
}

span.signup-section-button {
border-radius: 10px;
padding: 13px 30px 15px 30px;
font-weight: 600;
font-size: 1.3em;
cursor: pointer;
}

div.white-text {
color: #fff !important;
}

img.white-text {
filter: invert(1);
}

a.view-author-link {
border-bottom: 1px dashed #000;
padding: 0px 0px 2px 0px;
}

div.collection-header-img {
text-align: center;
}

div.collection-header-img img {
width: 150px;
height: 150px;
border-radius: 150px;
}

span.view-data-tag-score {
opacity: 0.7;
font-size: 0.8em;
font-weight: 800;
position: relative;
bottom: 1px;
letter-spacing: -1px;
padding: 0px 0px 0px 5px;
}

span.view-data-value-iconlabel {
font-size: 0.9em;
position: relative;
font-weight: 700;
bottom: 3px;
padding: 0px 0px 0px 4px;
}

div.collection-tabs {
margin: 40px 0px 0px 0px;
}

div.collection-tabs-artists {
margin: 50px 0px 0px 0px;
}

div.closemodal {
position: fixed;
cursor: pointer;
z-index: 100000000000;
display: none;
color: #000;
box-sizing: border-box;
padding: 20px 20px 0px 20px;
}

div.closemodal-white {
color: #fff;
}

div.closemodal-size-dynamic {
top: 5vh;
width: 800px;
margin: 0px 0px 0px -400px;
left: 50%;
}

div.closemodal-size-full {
top: 0px;
width: 30px;
right: 30px;
}

div.closemodal-size-large {
width: 50vw;
max-width: 100%;
max-height: 100%;
top: 50%;
left: 50%;
margin: -47.5vh 0px 0px -3vw;
}

div.closemodal-size-small {
width: 500px;
max-width: 100%;
top: 50%;
left: 50%;
margin: -250px 0px 0px -250px;
}

.computer-hide {
display: none;
}

div.main {
width: 100%;
margin: 0px 0px 0px 0px;
}

span.view-data-scorebox2 {
background: #E5EDE4;
padding: 10px;
font-size: 1px;
margin: 0px 3px 0px 0px;
border-radius: 4px;
border: 1px solid rgba(112,207,95,0.3);
}

span.view-data-scorebox2-filled {
background: #70CF5F;
}

span.view-data-scorebox {
background: #DDE2E7;
padding: 10px;
font-size: 1px;
margin: 0px 3px 0px 0px;
border-radius: 4px;
}

span.view-data-scorebox-filled {
background: #1D73C9;
}

span.image-dot {
display: inline-block;
width: 15px;
height: 15px;
background: #70CF5F;
border-radius: 15px;
position: absolute;
margin: 2px 0px 0px 7px;
opacity: .7;
}

span.notification-dot {
display: inline-block;
width: 15px;
height: 15px;
background: #70CF5F;
border-radius: 15px;
position: absolute;
margin: 4px 0px 0px -29px;
opacity: .7;
}

div.notifications-main {
position: fixed;
top: 100px;
right: 30px;
z-index: 2;
}

div.notifications-item {
width: 350px;
padding: 15px 20px 15px 50px;
color: #000;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(240,240,240,0.6);
margin: 0px 0px 20px 0px;
border-radius: 20px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
font-size: 0.9em;
font-weight: 800;
line-height: 1.5em;
cursor: pointer;
}

div.notifications-item:hover {
background: rgba(255,255,255,1);
}

div.notifications-item:hover span.notification-dot {
opacity: 1;
}

div.about-contact {
margin: -40px 0px 0px 0px;
text-align: center;
padding: 0px 0px 150px 0px;
}

div.about-contact-front-anon {
padding: 0px 0px 180px 0px;
}

span.about-contact-button {
background: #000;
color: #fff;
font-size: 2.5em;
padding: 20px 50px 23px 50px;
font-weight: 800;
border-radius: 20px;
cursor: pointer;
}

div.about-section {
height: 60vh;
clear: both;
max-height: 600px;
}

div.about-section-notlast {
}

div.about-section1-left {
width: 40%;
height: 60vh;
max-height: 600px;
float: left;
background-size: cover;
box-sizing: border-box;
}

div.about-section1-right {
width: 60%;
height: 60vh;
max-height: 600px;
float: right;
background: #000;
color: #fff;
box-sizing: border-box;
padding: 0px 160px 0px 100px;
}

div.about-section2-left {
width: 60%;
height: 60vh;
max-height: 600px;
float: left;
background: #000;
color: #fff;
box-sizing: border-box;
padding: 0px 100px 0px 160px;
text-align: right;
}

div.about-section2-right {
width: 40%;
height: 60vh;
max-height: 600px;
float: right;
background-size: cover;
box-sizing: border-box;
}

div.about-section-header {
font-size: 4.5em;
font-weight: 800;
letter-spacing: -1px;
line-height: 1.1em;
}

div.headercolor1 {
color: #17bebb;
}

div.headercolor2 {
color: #CF9853;
}

div.headercolor3 {
color: #8A73CD;
}

div.headercolor4 {
color: #CA1144;
}

div.about-section-text {
font-size: 1.5em;
font-weight: 300;
margin: 20px 0px 0px 0px;
opacity: .9;
line-height: 1.4em;
}

div.about-section-text p {
margin: 15px 0px 0px 0px;
padding: 0px;
}

div.about-section-text2 {
font-size: 1.8em;
line-height: 1.4em;
font-weight: 700;
opacity: 1;
}

div.about-topimg {
text-align: center;
margin: 150px 0px -40px 0px;
}

div.about-topimg img {
max-width: 40vw;
}

div.about-bigheader {
font-weight: 900;
font-size: 3em;
letter-spacing: -2px;
text-align: center;
padding: 100px 100px 100px 100px;
max-width: 1400px;
margin: auto;
line-height: 1.1em;
}

div.about-bigheader-front-anon {
padding: 30px 0px 120px 0px;
font-size: 3.3em;
max-width: 1000px;
margin: auto;
}

div.about-bigheader-front-anon2 {
padding: 30px 0px 180px 0px;
}

div.about-bigheader p {
margin: 40px 0px 0px 0px;
padding: 0px;
}

span.navi-link-button-right-label {
position: relative;
bottom: 1px;
}

span.navi-link-buttons-right {
display: inline-block;
float: right;
margin: 8px 0px 0px 0px;
padding: 0px 80px 0px 0px;
}

span.navi-link-button-right {
background: rgba(255,255,255,0.1);
padding: 7px 10px 7px 10px;
font-weight: 800;
border-radius: 7px;
margin: 0px 0px 0px 10px;
cursor: pointer;
color: rgba(255,255,255,0.7);
letter-spacing: -0.5px;
}

span.navi-link-button-right i {
margin: 0px 5px 0px 0px;
font-size: 1.2em;
}

span.navi-link-button-right:hover {
color: rgba(255,255,255,1);
}

span.navi-link-button-downloads {
border: 1px solid #CB2D2D;
color: #CB2D2D;
padding: 9px 10px 7px 10px;
font-weight: 700;
border-radius: 7px;
cursor: pointer;
letter-spacing: -0.5px;
font-size: 0.8em;
float: right;
position: relative;
right: 14px;
top: 6px;
}

span.navi-link-button-downloads i {
margin: 0px 5px 0px 0px;
}

span.navi-link-button-cart {
color: #39B43F;
border: 1px solid #39B43F;
padding: 7px 10px 7px 10px;
font-weight: 600;
font-size: 0.8em;
border-radius: 7px;
cursor: pointer;
letter-spacing: -0.5px;
margin: 0px 0px 0px 10px;
}

span.navi-link-button-cart i {
margin: 0px 5px 0px 0px;
font-size: 1.2em;
}

span.download-cart-count {
padding: 3px 6px 3px 6px;
font-weight: 900;
position: relative;
bottom: 1px;
background: #CB2D2D;
color: #fff;
border-radius: 10px;
font-size: 0.7em;
margin: 0px 0px 0px 5px;
}

span.view-data-tag {
background: #eee;
padding: 3px 10px 3px 10px;
margin: 0px 5px 0px 0px;
font-size: 0.8em;
border-radius: 5px;
white-space: nowrap;
}

span.view-data-tag:hover {
background: #333;
color: #fff;
}

div.view-data {
margin: 40px 0px 0px 0px;
}

div.view-data-header {
font-weight: 800;
margin: 20px 0px 0px 0px;
}

div.view-data-value {
margin: 4px 0px 0px 0px;
}

div.view-data-value-tags {
line-height: 1.8em;
margin: 10px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
gap: 5px 0px;
}

div.view-data-value i {
font-size: 1.5em;
padding: 5px 0px 5px 0px;
}

div.view-wall-img-horizontal {
}

div.view-wall-img-portrait {

}

div.view-wall-img-horizontal img {
width: 15vw;
box-shadow: -3px 3px 10px rgba(0,0,0,0.3);
position: absolute;
border: 4px solid #000;
margin: 4vw 0px 0px 11.5vw;
opacity: 0.9;
border-radius: 2px;
padding: 15px;
background: #eee;
}

div.view-wall-img-portrait img {
height: 15vw;
box-shadow: -3px 3px 10px rgba(0,0,0,0.3);
position: absolute;
border: 4px solid #000;
margin: 4vw 0px 0px 14vw;
opacity: 0.9;
border-radius: 2px;
padding: 15px;
background: #eee;
}

div.view-wall img {
width: 30vw;
border-radius: 7px;
}

div.view-block1 {
float: left;
width: 50%;
padding: 10px;
box-sizing: border-box;
}

div.view-block2 {
float: left;
width: 50%;
padding: 10px;
box-sizing: border-box;
}

div.view-blocks:after {
content: "";
display: table;
clear: both;
}

div.view-blocks {
max-width: 1400px;
margin: auto;
padding: 40px 0px 100px 0px;
}

div.collection-other {
text-align: center;
margin: 60px 0px 0px 0px;
font-size: 1.1em;
}

div.collection-downloaded {
text-align: center;
margin: 10px 0px 0px 0px;
font-size: 1em;
font-style: italic;
}

div.collection-other-topspace {
padding: 40px 0px 0px 0px;
}

span.collection-other-link {
font-weight: 800;
border-bottom: 2px solid #ddd;
margin: 0px 3px 0px 3px;
padding: 0px 0px 2px 0px;
}

span.collection-other-link:hover {
border-bottom: 2px solid #000;
}

div.image-big-thumb-sub {
background-size: cover;
width: 10vw;
height: 10vw;
display: inline-block;
margin: -3px 0px 0px 0px;
}

div.image-big-thumb-sub-horiz {
background-size: cover;
background-position: center 40%;
width: 20vw;
height: 10vw;
display: inline-block;
margin: -3px 0px 0px 0px;
}

div.collections-allcat {
clear: both;
padding: 30px 0px 0px 0px;
text-align: center;
}

div.collections-top {
width: 100%;
clear: both;
margin: 71px 0px 0px 0px;
}

div.collections-top-left-image {
height: calc(60vw / 6.05);
width: calc(60vw / 6.05);
background-size: cover;
display: inline-block;
margin: -1px 0px 0px 0px;
padding: 0px;
}

div.collections-top-left {
height: 45vh;
width: 60%;
background: #111;
float: left;
overflow: hidden;
line-height: 0px;
letter-spacing: 0px;
}

div.collections-top-right-inner {
height: 100%;
width: 100%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}

div.collections-top-right {
height: 45vh;
width: 40%;
background: #111;
float: right;
}

div.collections-top-right-title {
text-align: center;
color: #fff;
font-size: 4em;
font-weight: 800;
letter-spacing: -2px;
line-height: 1.1em;
margin: -20px 0px 0px 0px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

div.collections-top-right-button {
margin: 50px 0px 0px 0px;
text-align: center;
}

span.collections-top-right-button {
background: #fff;
color: #000;
font-weight: 800;
font-size: 1.1em;
letter-spacing: -1px;
padding: 10px 20px 10px 20px;
border-radius: 10px;
cursor: pointer;
opacity: .9;
}

span.collections-top-right-button:hover {
opacity: 1;
}

div.modal_linkcollection {
margin: 10px 0px 10px 0px;
font-size: 1.2em;
font-weight: 800;
letter-spacing: -1px;
cursor: pointer;
opacity: .7;
}

div.modal_linkcollection:hover {
opacity: 1;
}

span.collcat-hideonlyicons {
margin: 0px 0px 0px 7px;
position: relative;
bottom: 5px;
display: none;
}

span.collcat-hideonlyicons2 {
margin: 0px 0px 0px 5px;
position: relative;
bottom: 17px !important;
display: none;
}

div.collection_categories_category_title:hover span.collcat-hideonlyicons {
display: inline;
}

div.collection_categories_category_coll:hover span.collcat-hideonlyicons2 {
display: inline;
}

div.collection_categories_category_coll_img {
width: 40px;
height: 40px;
border-radius: 5px;
display: inline-block;
background-size: cover;
border: 1px solid #000;
margin: 0px 10px 0px 0px;
}

div.collection_categories {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}

div.collection_categories_category {
padding: 0px 20px 10px 20px;
border-left: 2px solid #aaa;
margin: 10px 0px 0px 20px;
}

div.collection_categories_category_title {
font-weight: 800;
letter-spacing: -1px;
font-size: 1.4em;
margin: 0px 0px 15px 0px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;

}

div.collection_categories_category_coll {
padding: 3px 0px 3px 0px;
font-size: 1.2em;
font-weight: 600;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;

}

div.collection_categories_category_coll span {
position: relative;
bottom: 14px;
}

div.collection_categories_category_add {
padding: 7px 0px 7px 20px;
margin: 5px 0px 0px 0px;
}

div.collection_categories_category_add i {
margin: 0px 10px 0px 0px;
}

div.modal_tabs {
margin: 5px 0px 5px 0px;
text-align: center;
}

span.modal_tabs_tab {
font-weight: 400;
margin: 0px 10px 0px 10px;
opacity: .5;
padding: 0px 0px 3px 0px;
cursor: pointer;
white-space: nowrap;
}

span.modal_tabs_tab:hover {
opacity: 1;
border-bottom: 1px solid #aaa;
}

span.modal_tabs_tab_active {
font-weight: 700;
opacity: 1;
border-bottom: 1px solid #000;
}

div.modal_notfound {

}

div.modal_notfound_header {
font-size: 1.8em;
font-weight: 600;
letter-spacing: -1px;
text-align: center;
}

div.modal_notfound_sub {
text-align: center;
margin: 10px 0px 0px 0px;
}

div.modal_downloads {

}

div.modal_downloads_download {
margin: 10px 0px 10px 0px;
border-bottom: 1px solid #eee;
padding: 0px 0px 10px 0px;
}

div.modal_downloads_download_percent {
font-weight: 600;
}

div.modal_downloads_download_status {
font-weight: 600;
}

div.modal_downloads_download_icon {
font-size: 2em;
color: #731963;
}

div.modal_downloads_download_photos {
font-weight: 800;
font-size: 1.3em;
}

div.modal_downloads_download_date {

}

div.modal_downloads_download_buttons {
text-align: right;
}

div.modal_users_buttons {
display: none;
padding: 0px 0px 0px 30px;
}

div.modal_users_buttons i {
margin: 0px !important;
}

select.select {
-webkit-appearance:none;
font-family: 'Libre Franklin', -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu,
Roboto, Noto, "Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #f6f6f6;
border: 0px;
border-bottom: 1px solid #ddd;
font-size: 0.9em;
}

select.filter-select {
-webkit-appearance:none;
font-family: 'Libre Franklin', -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu,
Roboto, Noto, "Segoe UI", Arial, sans-serif;
color: #000;
padding: 8px 22px 8px 22px;
background: #f6f6f6;
border: 0px;
border-bottom: 1px solid #ddd;
font-weight: 500;
font-size: 0.9em;
outline: none;
}

select.filter-select option {
-webkit-appearance:none;
background-color: #000;
}

div.modal_users_company {
font-size: 0.9em;
margin: 3px 0px 0px 0px;
}

img.modal_users_img {
width: 40px;
height: 40px;
border-radius: 40px;
}

div.modal_users_name {
font-weight: 700;
}

div.modal_users {
margin: 0px 0px 20px 0px;
}

div.modal_users_user {
margin: 10px 0px 10px 0px;
cursor: pointer;
}

div.modal_users_user:hover div.modal_users_buttons {
display: block;
}

div.modal_users_user:hover {
opacity: 1;
}

div.modal_headersmall {
font-weight: 800;
font-size: 1.4em;
margin: 30px 0px 20px 0px;
}

div.msg {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000000000;
}

div.qmsg-item {
padding: 20px 25px 20px 25px;
background: rgba(255,255,255,0.9);
border-radius: 7px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
z-index: 100000000000;
box-sizing: border-box;
font-size: 0.9em;
font-weight: 500;
color: #000;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
margin: 15px 0px 0px 0px;
width: 400px;
}

div.qmsg-item b {
font-weight: 600;
}

div.select-popup-buttons {
margin: 30px 0px 0px 0px;
}

div.select-popup-button {
margin: 0px 0px 20px 0px;
}

div.select-popup {
position: fixed;
min-width: 250px;
top: 90px;
right: 20px;
background: rgba(255,255,255,0.9);
box-sizing: border-box;
padding: 15px 25px 10px 25px;
border-radius: 7px;
text-align: center;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
z-index: 1;
}

div.select-popup-adjusted {
top: 90px;
}

div.select-popup-status {
font-size: 1.4em;
font-weight: 500;
letter-spacing: -1px;
}

span.select-popup-status-counter {
font-weight: 800;
padding: 0px 3px 0px 0px;
}

div.select {
margin: 10px 0px 0px 0px;
}

div.select i {
font-size: 1.5em;
}

div.window-main-small-select div.select {
margin: 5px 0px 0px 0px;
}

div.window-main-small-select div.select i {
font-size: 1em;
}


div.notfound {
text-align: center;
}

div.notfound-icon {
font-size: 3em;
opacity: .3;
}

div.notfound-big {
font-size: 2.1em;
font-weight: 700;
letter-spacing: -1px;
}

div.notfound-sub {
font-size: 1.1em;
margin: 5px 0px 0px 0px;
}

div.modal_progressbar {

}

div.modal_progressbar_bar {

}

div.modal_progressbar_barpart_red {
background: #CB2D2D;
display: inline-block;
color: #fff;
font-size: 0.7em;
font-weight: 800;
text-align: right;
padding: 6px 10px 6px 0px;
box-sizing: border-box;
}

div.modal_progressbar_barpart_blue {
background: #4f359b;
display: inline-block;
border-radius: 6px 0px 0px 6px;
color: #fff;
font-size: 0.7em;
font-weight: 800;
text-align: right;
padding: 6px 10px 6px 0px;
box-sizing: border-box;
}

div.modal_progressbar_barpart_blue_rounded {
border-radius: 6px;
}

div.modal_progressbar_barpart_grey {
background: #ccc;
display: inline-block;
border-radius: 0px 6px 6px 0px;
color: #fff;
font-size: 0.7em;
font-weight: 800;
text-align: right;
padding: 6px 10px 6px 0px;
box-sizing: border-box;
}

div.modal_progressbar_barpart_redend {
display: inline-block;
border-radius: 0px 6px 6px 0px;
color: #fff;
font-size: 0.7em;
font-weight: 800;
text-align: right;
padding: 6px 10px 6px 0px;
box-sizing: border-box;
background: #CB2D2D;
}

div.modal_progressbar_bar_labels {
font-size: 0.7em;
font-weight: 400;
margin: 5px 0px 0px 0px;
}

div.modal_progressbar_bar_labels_1 {
text-align: right;
padding: 0px 5px 0px 0px;
box-sizing: border-box;
display: inline-block;
}

div.modal_progressbar_bar_labels_3 {
text-align: left;
padding: 0px 0px 0px 5px;
box-sizing: border-box;
display: inline-block;
}

div.modal_progressbar_bar_labels_2 {
box-sizing: border-box;
}


div.modal_textcontent {
line-height: 1.4em;
margin: 0px 0px 20px 0px;
}

div.modal_textcontent_error {
line-height: 1.4em;
margin: 20px 0px 20px 0px;
color: #CB2D2D;
font-weight: 800;
}

div.modal_textcontent a {
font-weight: 800;
}

.red-heart {
color: #CB2D2D;
}

span.collection-buttons-title i {
position: relative;
font-size: 1.1em;
margin: 0px 2px 0px 0px;
top: 1.5px;
right: 3px;
}

div.modal-addlightbox-title i {
position: relative;
font-size: 1.1em;
margin: 0px 2px 0px 0px;
top: 1.5px;
right: 3px;
}

div.collection-header i {
font-size: 0.7em;
margin: 0px 17px 0px 0px;
position: relative;
bottom: 4px;
}

div.image-header i {
position: relative;
font-size: 1.1em;
margin: 0px 2px 0px 0px;
top: 1.5px;
right: 3px;
}

div.modal-addlightbox-row {
margin: 10px 0px 10px 0px;
opacity: .8;
cursor: pointer;
}

div.modal-addlightbox-row:hover {
opacity: 1;
}

div.modal-addlightbox-checkbox {
font-size: 1.8em;
padding: 0px 15px 0px 10px;
}

div.modal-addlightbox-title {
font-size: 1.5em;
font-weight: 700;
letter-spacing: -1px;
}

div.navi-link-menu-item a {
color: #fff;
}

div.images-center {
text-align: center;
padding-bottom: 20px;
}

div.images-topspace {
margin-top: 100px;
}

div.images-topspace2 {
margin-top: 40px;
}

div.window-sidebar-clearfilters {
margin: 30px 0px 0px 0px;
text-align: center;
}

.clearfilters {
background: #fff;
color: #4f359b;
padding: 10px 20px 10px 20px;
}

div.modal-images {
margin: 50px 0px 50px 0px;
}

div.modal-pageswitcher {
text-align: center;
margin: 20px 0px;
user-select: none;
}

span.modal-pageswitcher-arrow {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
font-size: 1em;
color: #333;
border-radius: 5px;
margin: 0px 2px;
}

span.modal-pageswitcher-arrow:hover {
background: #eee;
}

span.modal-pageswitcher-arrow.disabled {
color: #ccc;
cursor: default;
}

span.modal-pageswitcher-arrow.disabled:hover {
background: none;
}

span.modal-pageswitcher-page {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
font-weight: 600;
font-size: 0.9em;
border-radius: 5px;
margin: 0px 2px;
color: #333;
}

span.modal-pageswitcher-page:hover {
background: #eee;
}

span.modal-pageswitcher-page.active {
background: #333;
color: #fff;
}

div.modal-image {
width: 20vw;
cursor: pointer;
height: 22vw;
display: inline-block;
text-align: center;
}

div.modal-image img {
max-width: 18vw;
max-height: 15vw;
border-radius: 5px;
}

div.modal-image-id {
font-weight: 800;
margin: 10px 0px 0px 0px;
}

div.modal-image-status {
font-size: 0.8em;
margin: 5px 0px 20px 0px;
}


span.circle-red {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #BD0000;
margin: 0px 3px 0px 0px;
position: relative;
top: 0.5px;
}

span.circle-green {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #17bebb;
margin: 0px 3px 0px 0px;
position: relative;
top: 0.5px;
}

div.invoice-img img {
width: 200px;
border-radius: 15px;
border: 1px solid #ddd;
}

div.invoice-id {
font-weight: 800;
text-align: center;
margin: 10px 0px 0px 0px;
}

div.invoice-due {
font-size: 0.8em;
margin: 5px 0px 5px 0px;
}

div.invoice-status {
font-size: 0.8em;
margin: 0px 0px 40px 0px;
}

div.navi-link-menu-item i {
font-size: 0.8em;
opacity: .5;
margin: 0px 5px 0px 0px;
display: inline-block;
width: 20px;
text-align: center;
}

div.found-nothing-header {
text-align: center;
font-weight: 800;
font-size: 2em;
margin: 150px 0px 10px 0px;
opacity: .7;
letter-spacing: -1px;
}

div.found-nothing-sub {
text-align: center;
font-size: 1em;
opacity: .7;
padding: 0px 0px 200px 0px;
}

div.window-main-search {
padding: 50px 0px 0px 0px;
}

div.front-search-slim {
text-align: center;
}

div.front-search-slim span.front-search-icon {
position: absolute;
font-size: 1.3em;
margin: 11px 0px 0px 20px;
z-index: 2;
color: rgba(0,0,0,0.1);
}

div.front-search-slim input.front-search {
font-size: 1.3em;
font-weight: 600;
letter-spacing: -1px;
padding: 10px 10px 10px 10px;
text-align: center;
width: 80%;
max-width: 900px;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
border-radius: 10px;
outline: 5px solid #eee;
border: 0px;
}

div.front-search2 {
position: relative;
bottom: 170px;
text-align: center;
margin: -40px 0px 0px 0px;
}

div.front-search {
text-align: center;
margin: 40px 0px 0px 0px;
}

div.front-search2 span.front-search-icon {
color: rgba(0,0,0,0.15);
position: absolute;
font-size: 3.5em;
margin: 17px 0px 0px 30px;
z-index: 2;
}

div.front-search2 input.front-search {
font-size: 2em;
font-weight: 700;
letter-spacing: -1px;
padding: 30px 40px 30px 30px;
text-align: center;
width: 100%;
max-width: 900px;
background: rgba(255,255,255,0.5);
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
border-radius: 30px;
outline: none;
border: 0px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}

div.front-search2 input.white-text {
color: #000;
}

div.front-search2 input.white-text::placeholder {
color: #000;
opacity: 0.7;
}


div.front-search2 input.front-search:focus {
background: rgba(255,255,255,0.8);
}





div.front-search span.front-search-icon {
color: rgba(0,0,0,0.1);
position: absolute;
font-size: 1.5em;
margin: 16px 0px 0px 20px;
z-index: 2;
}

div.front-search input.front-search {
font-size: 1.5em;
font-weight: 700;
letter-spacing: -1px;
padding: 15px 30px 15px 30px;
text-align: center;
width: 100%;
max-width: 900px;
background: #fff;
border: 0px;
outline: 5px solid #eee;
font-family: 'Libre Franklin', -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu,
Roboto, Noto, "Segoe UI", Arial, sans-serif;
border-radius: 10px;
}

div.front-search input.front-search:focus {
}

input.front-search-darker {
background: #eee !important;
}

div.front-search input.white-text {
color: #000;
}

div.front-search input.white-text::placeholder {
color: #000;
opacity: 0.7;
}


div.front-search input.front-search:focus {
background: rgba(255,255,255,0.8);
}

div.viewer {
padding: 0px 0px 100px 0px;
}

span.key-shortcut {
font-size: 0.8em;
position: relative;
bottom: 1px;
opacity: .6;
}

span.key-shortcut i {
margin: 0px 3px 0px 4px !important;
position: relative;
bottom: 3px;
}

div.view-buttons {
margin: 30px 0px 0px 0px;
line-height: 2.2em;
}

div.view-prev {
position: absolute;
height: 77vh;
width: 15vw;
left: 0px;
top: 50px;
box-sizing: border-box;
padding: 29vh 0px 0px 20px;
font-size: 4em;
opacity: .15;
cursor: pointer;
color: #fff;
}

div.view-next {
position: absolute;
height: 77vh;
width: 15vw;
right: 0px;
top: 50px;
box-sizing: border-box;
padding: 29vh 20px 0px 0px;
font-size: 4em;
opacity: .15;
cursor: pointer;
text-align: right;
color: #fff;
}

div.view-prev:hover {
opacity: 1;
}

div.view-next:hover {
opacity: 1;
}


div.view-img {
text-align: center;
background: rgba(0,0,0,0.85);
box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
}

div.view-img img {
max-height: 77vh;
max-width: 90vw;
cursor: zoom-in;
margin: 0px 0px -3px 0px;
}

div.view-img-fs {
text-align: center;
background: rgba(0,0,0,0.85);
box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
}

div.view-img-fs img {
max-height: 100vh;
max-width: 100%;
cursor: zoom-out;
margin: 0px 0px -3px 0px;
}

div.view-title {
font-size: 2.5em;
font-weight: 800;
letter-spacing: -1px;
}

div.view-author {
font-size: 0.9em;
margin: 3px 0px 0px 0px;
padding: 0px 0px 0px 3px;
}

div.load-image {
cursor: pointer;
}

div.window-main div.load-image-bigthumbs:hover span.overlay-buttons {
display: block;
}

div.window-main div.overlay-buttons-hidden {
display: none !important;
}

div.window-main div.load-image-bigthumbs:hover span.overlay-buttons-hidden {
display: none !important;
}

div.window-main-open div.load-image-bigthumbs:hover span.overlay-buttons {
display: block;
}

div.window-main-open div.overlay-buttons-hidden {
display: none !important;
}

div.window-main-open div.load-image-bigthumbs:hover span.overlay-buttons-hidden {
display: none !important;
}


span.collection-buttons-title {
font-size: 1.2em;
font-weight: 800;
padding: 0px 30px 0px 0px;
line-height: 1px;
position: relative;
top: 2px;
}

span.sidebar_close {
float: right;
margin: -7px 18px 0px 0px;
color: #aaa;
font-size: 1.2em;
cursor: pointer;
}

span.sidebar_close:hover {
color: #000;
}

div.edit_collection_cover img {
max-height: 200px;
}

div.edit_collection_cover {
margin: 0px 0px 10px 0px;
}

div.nloader-msg {
font-size: 1.2em;
font-weight: 800;
margin: 10px 0px 0px 0px;
text-align: center;
}

div.nloader-back {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 100000000000000000;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
display: none;
background: rgba(255,255,255,0.5);
}

div.nloader-front {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 100000000000000001;
display: none;
}

div.modal_input-title {
font-weight: 400;
font-size: 0.8em;
margin: 20px 0px 10px 0px;
}

div.window-sidebar-header {
font-weight: 800;
margin: 20px 0px 7px 0px;
font-size: 0.9em;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 0px 0px 8px 15px;
}

div.window-sidebar-options {
padding: 0px 0px 0px 15px;
line-height: 1.4em;
}

span.window-sidebar-options-option {
cursor: pointer;
}

span.window-sidebar-options-option-disabled {
opacity: .4;
}

span.window-sidebar-options-option-disabled:hover {
opacity: .7;
}

span.window-sidebar-options-option-icon {
}

span.window-sidebar-options-option-label {
font-size: 0.7em;
padding: 0px 10px 0px 3px;
position: relative;
bottom: 2px;
font-weight: 500;
}

span.window-sidebar-options-option-label-img {
font-size: 0.7em;
padding: 0px 15px 0px 5px;
position: relative;
top: 9px;
font-weight: 500;
}

span.window-sidebar-options-option-label-img img {
filter: invert(1);
}

span.window-sidebar-options-option-label-img img {
width: 30px;
height: 30px;
}

div.window-main {
width: 100%;
}

div.window-main-open {
width: calc(100vw - 400px);
margin: 0px 0px 0px 400px;
}

div.window-sidebar {
width: 350px;
font-family: "Libre Franklin", sans-serif;
background: #fff;
box-shadow: 0px 0px 40px #ddd;
position: fixed;
left: -400px;
top: 100px;
height: calc(100vh - 130px);
color: #000;
box-sizing: border-box;
overflow: auto;
border-radius: 7px;
}

div.window-sidebar-bigheader {
font-weight: 800;
font-size: 2em;
padding: 0px 0px 0px 15px;
}

div.window-sidebar-bigheadersub {
display: none;
font-size: 1em;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}

div.window-sidebar-inner {
padding: 0px 0px 15px 0px;
}

div.lm_loader {
padding: 30px 0px 30px 0px;
}

div.window-main div.load-image-bigthumbs {
width: calc(100vw / 4.1);
height: calc(100vw / 3.8);
display: inline-block;
}

div.window-main div.load-image-bigthumbs img {
max-width: calc(100vw / 4.5);
max-height: calc(100vw / 4.5);
border-radius: 5px;
}

div.window-main div.load-image-smallthumbs {
width: 12.5vw;
height: 12.5vw;
display: inline-block;
}

div.window-main div.load-image-smallthumbs img {
max-width: 11.5vw;
max-height: 11.5vw;
border-radius: 5px;
}

div.window-main div.load-image-tinythumbs {
width: 8vw;
height: 9vw;
display: inline-block;
}

div.load-image-tinythumbs div.titleextras {
display: none;
}

div.load-image-smallthumbs div.titleextras {
display: none;
}

div.window-main div.load-image-tinythumbs img {
max-width: 7vw;
max-height: 7vw;
border-radius: 5px;
}


div.window-main-open div.load-image-bigthumbs {
width: calc(calc(100vw - 400px) / 4);
height: calc(calc(100vw - 400px) / 4);
display: inline-block;
}

div.window-main-open div.load-image-bigthumbs img {
max-width: calc(calc(100vw - 350px) / 5);
max-height: calc(calc(100vw - 350px) / 5);
border-radius: 5px;
}

div.window-main-open div.load-image-smallthumbs {
width: 12.5vw;
height: 13vw;
display: inline-block;
}

div.window-main-open div.load-image-smallthumbs img {
max-width: 11vw;
max-height: 11vw;
border-radius: 5px;
}

div.window-main-open div.load-image-tinythumbs {
width: 8vw;
height: 9vw;
display: inline-block;
}

div.window-main-open div.load-image-tinythumbs img {
max-width: 7vw;
max-height: 7vw;
border-radius: 5px;
}


div.error {
color: red;
padding: 0px 0px 0px 0px;
font-weight: 800;
font-size: 0.8em;
margin: -10px 0px -5px 0px;
}

div.collection-buttons {
margin: 40px 0px 0px 0px;
text-align: center;
}

div.collection-buttons-sticky {
position: fixed;
top: 10px;
right: 20px;
width: calc(100% - 40px);
padding: 20px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(255,255,255,0.9);
box-sizing: border-box;
z-index: 20;
border-radius: 7px;
text-align: center;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

div.collection-buttons-sticky span.button {
}

div.collection-buttons-sticky span.button i {
font-size: 0.9em;
position: relative;
bottom: 7px;
top: 0px;
margin: 0px 2px 0px 0px;
}

div.collection-buttons-sticky span.unfold i {
margin: 0px 1px 0px 1px;
}

div.collection-buttons-sticky-sidebar {
width: calc(100vw - 440px);
top: 20px;
}

div.collection-images {
margin: 50px 0px 40px 0px;
}

div.collection-top-img {
background-size: cover;
background-position: center 55%;
height: 400px;
box-sizing: border-box;
margin: 40px 0px 0px 40px;
width: calc(100% - 80px);
border-radius: 7px;
}

div.collection-top {
margin: 40px 0px 0px 0px;
}

div.collection-header {
font-size: 3em;
font-weight: 800;
letter-spacing: -2px;
text-align: center;
margin: 0px 0px 10px 0px;
}

div.collection-top-img div.collection-header {
font-size: 4em !important;
}

div.collection-subheader {
text-align: center;
font-size: 1.1em;
font-weight: 800;
}

span.collection-buttons-title img {
width: 35px;
height: 35px;
border-radius: 35px;
position: absolute;
margin: -10px 0px 0px -43px;
}

div.search-header {
text-align: center;
font-size: 2em;
font-weight: 800;
margin: 0px 0px 20px 0px;
letter-spacing: -1px;
}

div.artist-top div.collection-header-img img {
width: 100px;
height: 100px;
border-radius: 100px;
}

div.artist-top div.collection-header {
font-size: 2.5em;
font-weight: 800;
letter-spacing: -2px;
text-align: center;
margin: 10px 0px 10px 0px;
}

div.artist-top div.collection-subheader {
text-align: center;
font-size: 1em;
font-weight: 800;
}

div.artist-top {
margin: 40px 0px 0px 0px;
}

div.navi-link-menu {
width: 230px;
background: rgba(0,0,0,0.5);
position: absolute;
border-radius: 10px;
padding: 10px 0px 10px 0px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
display: none;
margin-top: 5px;
left: 20px;
z-index: 20;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
margin-left: 280px;
}

div.navi-link-menu-left-adjust {
left: 0px;
width: 230px;
}

div.navi-link-menu-item {
padding: 6px 15px 6px 15px;
font-weight: 700;
}

div.navi-link-menu-item-spacer {
border-top: 1px solid rgba(255,255,255,0.1);
margin: 10px 0px 0px 0px;
padding: 7px 0px 0px 0px;
text-align: center;
font-weight: 1000;
font-size: 1.1em;
}

div.navi-link-menu-item:hover {
background: rgba(255,255,255,0.3);
color: #fff;
}

div.navi-link-menu-item:hover a {
color: #fff;
}

span.navi-link-menu-trigger:hover div.navi-link-menu {
display: block;
}

div.modal_input {
margin: 10px 0px 0px 0px;
}

div.modal_input input {
padding: 10px;
border-radius: 10px;
border: 1px solid #eee;
font-family: 'Libre Franklin', -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu,
Roboto, Noto, "Segoe UI", Arial, sans-serif;
font-size: 1em;
margin: 0px 0px 0px -5px;
width: 97%;
outline: none;
background: rgba(255,255,255,0.5);
}

div.modal_smallinput input {
width: 400px;
}

div.modal_input textarea {
padding: 10px;
border-radius: 10px;
border: 1px solid #eee;
font-family: 'Libre Franklin',-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu,
Roboto, Noto, "Segoe UI", Arial, sans-serif;
font-size: 1em;
margin: 0px 0px 0px -5px;
width: 97%;
height: 100px;
outline: none;
background: rgba(255,255,255,0.5);
}

div.modal_input input:focus {
border: 1px solid #ccc;
box-shadow: 0px 0px 10px #ccc;
}

div.modal_input label {
font-size: 0.9em;
padding: 0px 20px 0px 0px;
}

div.modal_buttons {
margin: 30px 0px 0px 0px;
}

div.modal_buttons_center {
text-align: center;
margin: 40px 0px 0px 0px;
}

span.button {
border-radius: 7px;
cursor: pointer;
font-weight: 600;
white-space: nowrap;
}

span.button i {
font-size: 1.1em;
position: relative;
top: 1px;
margin: 0px 5px 0px 0px;
}

span.large {
font-size: 1.5em;
padding: 10px 20px 11px 20px;
font-weight: 800;
}

span.medium {
font-size: 0.8em;
font-weight: 700;
padding: 8px 13px 8px 13px;
}

span.tiny {
font-size: 0.7em;
padding: 4px 7px 4px 7px;
border-radius: 7px;
}

span.small {
font-size: 0.8em;
padding: 6px 10px 7px 10px;
border-radius: 7px;
}

span.xsmall {
font-size: 0.7em;
padding: 4px 7px 5px 7px;
border-radius: 7px;
}

span.small i {
margin: 0px 2px 0px 0px;
}

span.dlcartbutton i {
margin: 0px 0px 0px 0px;
}

span.verysmall {
font-size: 0.5em;
padding: 6px 5px 7px 9px;
border-radius: 7px;
position: relative;
bottom: 3px;
margin: 0px 0px 0px 5px;
}

span.verysmall i {

}

span.onlyicon {
font-weight: unset !important;
letter-spacing: unset !important;
font-size: 10px;
padding: 6px 2px 7px 7px;
border-radius: 10px;
}

span.onlyicon i {

}

div.loader {
text-align: center;
}

div.loader img {
width: 40px;
height: 40px;
-webkit-animation: rotating 4s linear infinite;
-moz-animation: rotating 4s linear infinite;
-ms-animation: rotating 4s linear infinite;
-o-animation: rotating 4s linear infinite;
animation: rotating 4s linear infinite;
}

div.modal_inner {
padding: 22px 30px 22px 30px;
box-sizing: border-box;
}

div.modal_header {
font-weight: 800;
font-size: 1.6em;
letter-spacing: -1px;
}

div.modal_header2 {
font-weight: 700;
font-size: 1.2em;
letter-spacing: -1px;
margin: 20px 0px 20px 0px;
}

div.modal_headersub {
margin: 1px 0px 25px 0px;
font-size: 0.8em;
font-weight: 300;
text-transform: uppercase;
}

div.modal_back {
background: rgba(215,215,215,0.7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

div.modal {
position: fixed;
background: #fff;
border-radius: 7px;
}

span.modal_close {
position: absolute;
cursor: pointer;
opacity: .6;
}

span.modal_close:hover {
opacity: 1;
}

div.modal-size-full {
width: 100%;
height: 100%;
overflow: auto;
top: 0px;
left: 0px;
border-radius: 0px;
background: rgba(255,255,255,1);
}

div.modal-size-full span.modal_close {
right: 20px;
top: 20px;
color: #fff;
}

div.modal-size-small {
width: 500px;
max-width: 100%;
max-height: 100%;
overflow: auto;
top: 50%;
left: 50%;
margin: -250px 0px 0px -250px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
}

div.modal-size-small span.modal_close {
left: 450px;
top: 20px;
}

div.modal-size-medium {
width: 800px;
height: 900px;
max-width: 100%;
max-height: 100%;
overflow: auto;
top: 50%;
left: 50%;
margin: -450px 0px 0px -400px;
box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
}

div.modal-size-medium span.modal_close {
left: 750px;
top: 20px;
}

div.modal-size-dynamic {
width: 800px;
min-height: 200px;
max-width: 100%;
max-height: 90vh;
overflow: auto;
left: 50%;
top: 5vh;
margin: 0px 0px 0px -400px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
padding: 0px 0px 20px 0px;
}

div.modal-size-dynamic span.modal_close {
left: 750px;
top: 20px;
}


div.modal-size-large {
width: 95vw;
height: 95vh;
max-width: 100%;
max-height: 100%;
overflow: auto;
top: 50%;
left: 50%;
margin: -47.5vh 0px 0px -47.5vw;
box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
}

div.modal-size-large span.modal_close {
left: calc(95vw - 50px);
top: 20px;
}

div.image-header {
font-weight: 700;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 5px;
width: 17vw;
overflow: hidden;
white-space: nowrap;
text-align: left;
}

div.image-header2 {
font-weight: 400;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 5px;
width: 17vw;
overflow: hidden;
white-space: nowrap;
font-size: 0.9em;
opacity: .6;
}

div.image-subheader {
font-weight: 400px;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 5px;
width: 17vw;
overflow: hidden;
white-space: nowrap;
text-align: left;
}

div.section {
padding: 0px 0px 40px 0px;
}

div.header {
font-weight: 800;
font-size: 1.7em;
letter-spacing: -1px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 2vw;
}

div.images {

}

div.image-big {
width: 24vw;
height: 25vw;
display: inline-block;
margin: 0px 0px 50px 0px;
}

div.image-big-thumb {
width: 20vw;
height: 19.6vw;
border-radius: 10px;
background-size: cover;
margin: auto;
overflow: hidden;
}

div.image-big-header {
font-size: 1.7em;
letter-spacing: -1px;
font-weight: 800;
margin: 20px 0px 5px 0px;
}

div.image-big-subheader {

}

div.image {
width: 17.6vw;
height: 22vw;
display: inline-block;
margin: 0px 0px 0px 2vw;
}

div.image2 {
width: 17.6vw;
height: 20vw;
display: inline-block;
margin: 0px 0px 0px 2vw;
}

div.image-thumb {
width: 16vw;
height: 16vw;
border-radius: 6px;
background-size: cover;
}

div.front-section12 {
background: #8bb8a8;
height: 70vh;
max-height: 700px;
}

div.front-section1 {
background: #000;
height: 70vh;
}

div.welcome-text-mobile {
display: none;
}

div.detail-item-data-bidding {
font-family: 'Courier';
font-size: 1.1em;
margin: 10px 0px 0px 0px;
}

div.detail-item-data-bidding input {
border: 1px solid #000;
font-family: 'Mulish',sans-serif;
padding: 10px;
border-radius: 5px;
font-size: 0.8em;
outline: none;
position: relative;
bottom: 1px;
}


div.detail-item-data-header {
font-weight: 800;
font-size: 0.9em;
margin: 20px 0px 3px 0px;
}

div.detail-item-data-value-pre {
font-family: 'Courier';
font-size: 1.1em;
}

div.detail-item-data-info-newbids {
font-size: 0.8em;
margin: 10px 0px 30px 0px;
color: #888;
font-weight: 300;
font-style: italic;
}


div.detail-item-data-info {
font-size: 0.9em;
margin: 30px 0px 30px 0px;
width: 70%;
color: #000;
line-height: 1.6em;
font-weight: 300;
}

img.detail-item-data-author-img {
width: 30px;
height: 30px;
border-radius: 30px;
margin: 0px 5px 0px 5px;
position: relative;
top: 9px;
}

span.artist {
font-weight: 800;
padding: 0px 0px 0px 0px;
letter-spacing: -0.5px;
}

div.detail-item {

}

div.detail-item-img {
width: 50vw;
box-sizing: border-box;
text-align: right;
margin: 140px 0px 0px 0px;
float: left;
}

div.detail-item-img img {
max-width: 40vw;
max-height: 80vh;
border-radius: 5px;
}

div.detail-item-data {
width: 50vw;
box-sizing: border-box;
margin: 140px 0px 0px 0px;
float: right;
padding: 0px 0px 0px 50px;
}

div.detail-item-data-title {
font-family: 'Lusitana',sans-serif;
font-size: 3em;
font-weight: 800;
}

div.detail-item-data-author {
padding: 0px 0px 0px 5px;
margin: -10px 0px 0px 0px;
}

div.segment-items {
margin: 60px 0px 50px 0px;
}

div.segment-item {
width: 20vw;
margin: 0px 0.5vw 0px 0.5vw;
display: inline-block;
border: 1px solid #999;
border-radius: 10px;
box-sizing: border-box;
cursor: pointer;
background: #fff;
transition: transform 0.5s; /* Animation */
}

div.segment-item:hover {
border: 1px solid #000;
transform: scale(1.05);
}

div.segment-item-img {
height: 250px;
border-radius: 10px 10px 0px 0px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

div.segment-item-img img {
max-width: 100%;
border-radius: 20px 20px 0px 0px;
}

div.segment-item-title {
font-family: 'Lusitana',sans-serif;
font-size: 1.5em;
font-weight: 600;
text-align: left;
padding: 20px 0px 0px 20px;
}

div.segment-item-author {
padding: 0px 0px 0px 20px;
text-align: left;
color: #aaa;
}

div.segment-item-bid {
padding: 15px 0px 0px 20px;
text-align: left;
}

div.segment-item-currentbid {
font-family: 'Courier New','Courier';
}

div.segment-item-bidbutton {
float: right;
position: relative;
bottom: 23px;
right: 13px;
}

div.main-segment {
padding: 40px 0px 80px 0px;
}

div.main-segment-center {
text-align: center;
}

div.main-cover {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: calc(100vh - 195px);
box-sizing: border-box;
margin: 83px 0px 0px 0px;
}

div.cover-inner {
width: 100%;
height: 100%;
box-sizing: border-box;
}

div.cover-inner-left {
width: 50%;
height: 100%;
float: left;
box-sizing: border-box;
padding: 25vh 40px 0px 40px;
text-align: center;
}

div.cover-inner-right {
width: 37%;
height: 100%;
float: right;
box-sizing: border-box;
padding: 15vh 40px 0px 40px;
text-align: center;
}

div.navi {
width: 100%;
position: fixed;
top: 0px;
left: 0px;
background: rgba(0,0,0,0.7);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
padding: 15px 40px 13px 40px;
z-index: 21;
}

div.navi-inner {
}

div.navi-logo {
display: inline-block;
}

div.navi-logo img {
height: 40px;
border-radius: 2px;
}

div.navi-logo-black {
display: inline-block;
}

div.navi-logo:hover img {
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

div.navi-links {
display: inline-block;
position: relative;
left: 10px;
bottom: 13px;
white-space: nowrap;
}

span.navi-link {
padding: 5px 10px 3px 10px;
font-weight: 800;
font-size: 1em;
border-bottom: 3px solid rgba(255,255,255,0);
cursor: pointer;
color: rgba(255,255,255,0.7);
border-radius: 2px;
letter-spacing: -0.5px;
}

span.navi-link-spacer {
padding: 5px 0px 3px 20px;
font-size: 0.9em;
border-bottom: 3px solid rgba(255,255,255,0);
cursor: pointer;
color: #fff;
border-radius: 2px;
letter-spacing: -0.5px;
border-left: 1px solid #fff;
margin: 0px 0px 0px 10px;
font-weight: 700;
letter-spacing: -0.5px;
}

span.navi-link a {
color: rgba(255,255,255,1);
}

span.navi-link:hover {
}

img.navi-link-img {
width: 30px;
height: 30px;
border-radius: 30px;
margin: 0px 10px 0px 0px;
position: relative;
top: 8px;
}

div.header-small, div.header-normal, div.header-big, div.header-huge {
font-family: 'Lusitana',sans-serif;
}

div.header-huge {
font-weight: 800;
font-size: 4em;
margin: 0px 0px 20px 0px;
color: #000;
letter-spacing: -2.5px;
line-height: 1em;
}

div.header-big {
font-weight: 700;
font-size: 3em;
margin: 0px 0px 10px 0px;
color: #000;
letter-spacing: -2px;
line-height: 1em;
}

div.text-small, div.text-normal, div.text-big, div.text-huge {
font-family: 'Mulish',sans-serif;
}

div.text-big {
font-size: 1.2em;
letter-spacing: -0.3px;
line-height: 1.5em;
}

div.text-normal {
line-height: 1.6em;
}

div.button-normal {
margin: 30px 0px 40px 0px;
}

div.button-big {
margin: 35px 0px 40px 0px;
}

span.button-small, span.button-normal, span.button-big, span.button-huge {
font-family: 'Mulish',sans-serif;
cursor: pointer;
}

span.button-normal {
padding: 10px 20px 10px 20px;
border-radius: 4px;
font-weight: 400;
font-size: 0.9em;
}

span.button-big {
padding: 13px 30px 13px 30px;
border-radius: 4px;
font-weight: 400;
font-size: 1em;
}

.black {
border: 1px solid #000;
color: #000;
}

.black:hover {
background: #000;
color: #fff;
}

.grey {
border: 1px solid #333;
color: #333;
}

.grey:hover {
color: #fff;
background: #333;
}

.darkgrey {
border: 1px solid #555;
color: #555;
}

.darkgrey:hover {
color: #fff;
background: #555;
}

.green {
border: 1px solid #17bebb;
color: #17bebb;
}

.green:hover {
background: #17bebb;
color: #fff;
}

.icon-green {
color: #70CF5F;
}

.icon-dark-green {
color: #38AD0F;
}

.icon-red {
color: #BD0000;
}

.red {
border: 1px solid #BD0000;
color: #BD0000;
}

.red:hover {
background: #BD0000;
color: #fff;
}

.lilac {
border: 1px solid #4f359b;
color: #4f359b;
}

.lilac:hover {
color: #fff;
background: #4f359b;
}

.purple {
border: 1px solid #731963;
color: #731963;
}

.purple:hover {
background: #731963;
color: #fff;
}

.orange {
border: 1px solid #E77606;
color: #E77606;
}

.orange:hover {
color: #fff;
background: #E77606;
}

.blue {
border: 1px solid #7EA0C6;
color: #7EA0C6;
}

.blue:hover {
background: #7EA0C6;
color: #fff;
}

.yellow {
border: 1px solid #CF9853;
color: #CF9853;
}

.yellow:hover {
color: #fff;
background: #CF9853;
}

.pink {
border: 1px solid #619399;
color: #619399;
}

.pink:hover {
color: #fff;
background: #619399;
}

img.big-logo2 {
margin: -100px 0px 0px 0px;
height: 20vh;
}

img.big-logo {
height: 20vh;
}

div.front-header2 {
font-size: 2.7em;
font-weight: 800;
margin: 0px auto 0px auto;
color: #000;
letter-spacing: -2px;
width: 1000px;
line-height: 1.2em;
}

div.front-header {
font-size: 2.7em;
font-weight: 800;
margin: 0px auto 0px auto;
color: #000;
letter-spacing: -2px;
width: 1000px;
line-height: 1.2em;
}

.extra-space-top {
margin-top: 50px !important;
}

div.load-image-dashboard-incoming {
height: calc(100vw / 3.3) !important;
}

div.autoresize-big {
position: fixed;
top: 20px;
height: calc(100vh - 40px);
}

span.unfold {

}

span.unfold i {
margin: 0px;
}

span.unfold:hover {
background: #000;
border: 1px solid #000;
}

div.button-unfold {
display: none;
background: #000;
color: #ccc;
width: 200px;
border-radius: 7px;
position: absolute;
text-align: left;
margin: 18px 0px 0px -28px;
padding: 10px 0px 10px 0px;
box-sizing: border-box;
z-index: 2;
}

span.unfold:hover div.button-unfold {
display: inline-block;
}

div.button-unfold:hover {
display: inline-block;
}

div.button-unfold-item {
padding: 7px 0px 7px 15px;
}

div.button-unfold-item:hover {
color: #fff;
}

div.button-unfold-item i {
margin: 0px 10px 0px 0px;
display: inline-block;
width: 15px;
}

}

/* Style: TABLET */

@media (max-width: 1200px) and (min-width: 900px) {

span.new-navi-logo {
padding: 0px 15px 0px 0px;
position: relative;
top: 10px;
}

span.new-navi-logo img {
height: 30px;
}

span.already-downloaded {
display: none;
}

span.in-list {
display: none;
}

span.overlay-button2 {
color: #fff;
padding: 3px 5px 3px 5px;
border-radius: 10px;
font-size: 0.5em;
font-weight: 700;
background: #17bebb;
}

span.overlay-button2 i {
display: none;
}

div.collection-buttons-sticky span.medium {
font-size: 0.7em;
padding: 4px 8px 4px 8px;
margin-right: -5px;
}

span.collection-buttons-title {
font-size: 0.8em;
}

span.collection-buttons-title img {
display: none;
}

.hidetablet {
display: none;
}

div.front-search input.front-search {
font-size: 1.5em;
font-weight: 700;
letter-spacing: -1px;
padding: 15px 30px 15px 30px;
text-align: center;
width: 100%;
max-width: 500px;
background: #fff;
border: 1px solid #aaa;
font-family: 'Libre Franklin', -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu,
Roboto, Noto, "Segoe UI", Arial, sans-serif;
border-radius: 10px;
outline: none;
}

td.dashboard-front-stats{
width: 200px;
}

div.dashboard-front-stat-mainheader {
font-size: 1em;
}

div.dashboard-front-stat-value {
font-size: 1.5em;
}

div.account-menu-target-grid-item {
cursor: pointer;
width: 11vw;
height: 11vw;
border-radius: 7px;
display: inline-block;
margin: 0px 1vw 1vw 1vw;
text-align: center;
opacity: .7;
padding: 5px;
box-sizing: border-box;
}

div.account-menu-target {
display: block;
height: 100vh;
overflow: hidden;
position: fixed;
width: 350px;
top: 0px;
right: -345px;
background: rgba(255,255,255,0.8);
z-index: 1;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
transition: right 0.3s ease-in-out;
}

span.account-menu:hover div.account-menu-target {
right: 0px;
}

span.account-menu-target-button {
background: rgba(0,0,0,0.07);
padding: 5px 10px 5px 10px;
font-weight: 400;
margin: 0px 5px 0px 5px;
font-size: 0.7em;
border-radius: 7px;
cursor: pointer;
}

span.navi-search {
display: none;
}

span.new-navi-search input {
width: 7vw;
}

.artists-directory {
display: none;
}

div.artists-feature{
padding: 35px 43px 0px 43px;
}

div.collections-page {
padding: 35px 43px 0px 43px;
}

div.collections-page-sidebar {
display: none;
}

div.interiors-top-text-seg1 {
font-size: 2em;
}

div.interiors-top-text-seg3 {
font-size: 0.8em;
}

div.interiors-howto-step-text {
font-size: 1em;
}

div.interiors-preview {
width: 50%;
height: 55vw;
float: left;
}

div.interiors-preview-text-header {
max-width: 40vw;
overflow: hidden;
whitespace: no-wrap;
}

.onlytablet {
display: unset !important;
}

}

/* Fixes for LOW HEIGHT */

@media (max-height: 1100px) {

div.account-menu-target-top img {
width: 40px;
height: 40px;
}

div.view-download-buttons span.dlbuttonfix {
font-size: 0.5em;
}

div.view-download-buttons span.view-download-label {
font-size: 0.5em;
}

div.account-menu-target-top-name {
font-size: 1em;
}

div.account-menu-target-buttons {
padding: 0px 0px 10px 0px;
}

div.account-menu-target-grid-compact div.account-menu-target-grid-item {
cursor: pointer;
width: unset;
height: unset;
border-radius: unset;
display: block;
margin: unset;
text-align: unset;
opacity: .7;
padding: 2px 0px 2px 0px;
box-sizing: border-box;
}

div.account-menu-target-grid-compact div.account-menu-target-grid-item-icon {
display: inline-block;
margin: 0px 20px 0px 20px;
width: 10px;
text-align: center;
font-size: 1em;
position: relative;
bottom: 3px;
}

div.account-menu-target-grid-compact div.account-menu-target-grid-item-title{
display: inline-block;
position: relative;
bottom: 3px;
font-size: 0.8em;
}


}

/* Style: MOBILE */

@media (max-width: 900px) {

span.image-big-allcoll-new {
display: none;
}

div.recommendations-fixed {
display: none;
}

div.view-download-buttons {
display: none;
}

div.view-description {
margin: 20px 0px -10px 0px;
line-height: 1.5em;
}

div.browse-titleartist {
display: none;
}

div.modal-search {
margin: 20px 0px 10px 0px;
}

span.modal-search-icon {
position: absolute;
font-size: 1em;
margin: 8px 0px 0px 14px;
color: #ccc;
}

input.modal-search {
border: 1px solid #ccc;
padding: 7px 7px 7px 40px;
font-size: 1em;
outline: none;
border-radius: 10px;
width: 90%;
}

div.artist-biography-fadeout {
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
position: relative;
width: 100%;
height: 95px;
margin: -95px 0px 0px 0px;
}

div.artist-biography-showall {
position: relative;
margin: -10px 0px 0px 0px;
text-align: center;
z-index: 1;
}

span.artist-biography-showall {
background: rgba(240,240,240,0.9);
border-radius: 7px;
padding: 5px 10px 5px 10px;
font-size: 0.8em;
font-weight: 600;
color: #000;
cursor: pointer;
}

span.artist-biography-showall i {
font-size: 1.4em;
position: relative;
padding: 0px 3px 0px 0px;
bottom: 1px;
}

div.artist-biography {
max-width: 1000px;
margin: auto;
padding: 0px 30px 0px 30px;
line-height: 1.5em;
height: 95px;
overflow: hidden;
}

div.artist-biography-unfold {
max-height: auto;
overflow: unset;
height: unset;
}

div.modal_article-header2 {
font-size: 1em;
margin: 0px 0px 15px 0px;
font-weight: 600;
}

div.modal_article-text2{
font-size: 1em;
line-height: 1.4em;
margin: 0px 0px 15px 0px;
}

div.modal_article-header3 {
font-size: 1em;
margin: 20px 0px 20px 0px;
font-weight: 600;
border-top: 1px solid #000;
padding: 20px 0px 0px 0px;
}

div.modal_article-text3{
font-size: 1em;
line-height: 1.4em;
margin: 0px 0px 15px 0px;
}

div.modal_article-text3 li {
margin: 0px 0px 10px 0px;
}

div.modal_article-text4{
font-size: 1em;
line-height: 1.4em;
margin: 20px 0px 15px 0px;
border-top: 1px solid #000;
padding: 20px 0px 0px 0px;
}

div.modal_article-text5{
font-size: 1em;
line-height: 1.4em;
margin: 0px 0px 15px 0px;
padding: 0px 0px 50px 0px;
font-weight: 600;
}

div.modal_article-header{
font-size: 2em;
margin: 30px 0px 20px 0px;
line-height: 1.2em;
font-weight: 600;
}

div.modal_article-text {
font-size: 1.1em;
line-height: 1.4em;
margin: 0px 0px 20px 0px;
}

div.expprod_image{
width: 20vw;
height: 27vw;
display: inline-block;
margin: 0px 5px 5px 0px;
}

div.expprod_image img{
width: 20vw;
height: 20vw;
}

div.expprod_image_check{
text-align: center;
font-size: 1.2em;
padding: 5px 0px 0px 0px;
}

div.modal_expprod_sign_check2 {
padding: 0px 0px 8px 20px;
}

div.modal_expprod_sign_check2 input {
margin: 0px 10px 0px 0px;
}

div.modal_expprod_sign_check2 label {
position: relative;
top: 2px;
font-weight: 400;
}

div.modal_expprod_sign_check2 b {
font-weight: 600;
border-bottom: 1px solid #000;
}

div.modal_expprod_sign_check2_header {
padding: 20px 0px 15px 20px;
font-weight: 700;
}

div.modal_expprod_sign_buttons {
margin: 30px 0px 0px 0px;
text-align: center;
}

div.modal_expprod_sign_check {
padding: 0px 0px 0px 20px;
}

div.modal_expprod_sign_check input {
margin: 0px 10px 0px 0px;
}

div.modal_expprod_sign_check label {
position: relative;
top: 2px;
font-weight: 600;
}

div.modal_expprod_sign_who {
padding: 10px 40px 20px 40px;
line-height: 1.5em;
font-size: 0.9em;
}

div.modal_expprod_sign {
font-family: "Sacramento", cursive;
font-weight: 400;
font-style: normal;
font-size: 2em;
padding: 0px 40px 5px 40px;
border-bottom: 1px solid #000;
}

div.modal_expprod_text li {
margin: 5px 0px 5px 0px;
list-style: square;
}

div.modal_expprod_text u {
font-weight: 600;
}

div.modal_expprod_text {
margin: 0px 0px 10px 0px;
line-height: 1.4em;
}

div.modal_expprod_header {
font-weight: 700;
margin: 0px 0px 10px 0px;
}

div.modal_expprod_header2 {
font-weight: 700;
font-size: 1.3em;
margin: 20px 0px 20px 0px;
}

div.earnings_label {
font-weight: 800;
margin: 0px 0px 10px 0px;
}

div.earnings_value {
font-size: 2em;
font-weight: 300;
margin: 0px 0px 15px 0px;
}

span.earnings_divider {
padding: 0px 10px 0px 10px;
}

div.earnings_desc {
margin: 0px 0px 10px 0px;
font-style: italic;
}

div.earnings_photosales_title {
font-weight: 600;
font-size: 1em;
padding: 10px 0px 0px 0px;
}

div.earnings_photosales_amount {
font-size: 0.9em;
margin: 3px 0px 0px 0px;

}

div.apply-button {
background: #40BB4B;
color: #fff;
padding: 10px 20px 15px 20px;
font-size: 1.3em;
font-weight: 800;
border-radius: 7px;
margin: 30px auto 0px auto;
display: inline-block;
}

div.apply-button i {
margin: 0px 10px 0px 0px;
font-size: 1.3em;
position: relative;
top: 3px;
}

div.inf-banner {
border-top: 5px dashed #ddd;
padding: 70px 0px 50px 0px;
margin: 0px 0px 0px 0px;
}

div.inf-banner-header {
font-size: 2em;
font-weight: 800;
letter-spacing: -1.5px;
}

div.inf-banner-header2 {
font-size: 1em;
font-weight: 800;
letter-spacing: -1px;
}

div.inf-target {
padding: 0px 0px 200px 0px;
}


div.qmsg-inner-icon {
font-size: 2em;
padding: 0px 20px 0px 0px;
}

div.qmsg-item {
padding: 20px 25px 20px 25px;
background: rgba(255,255,255,0.9);
border-radius: 7px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
z-index: 100000000000;
box-sizing: border-box;
font-size: 0.9em;
font-weight: 500;
color: #000;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
margin: 15px 0px 0px 0px;
width: 100%;
}

span.new-navi-item-right {
float: right;
font-size: 0.8em;
font-weight: 500;
position: relative;
top: 1px;
cursor: pointer;
margin: 0px 10px 0px 10px;
}

div.nv-image {
margin: 20px 0px 20px 0px;
text-align: center;
}

div.nv-image img {
max-width: 80%;
border-radius: 10px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}

div.nv-bigheader-top {
text-align: center;
font-size: 1em;
font-weight: 700;
letter-spacing: -1px;
margin: 30px 0px 0px 0px;
}

div.nv-bigheader {
text-align: center;
font-size: 1.5em;
font-weight: 700;
letter-spacing: -2px;
}

div.nv-bigheader img {
width: 100px;
margin: 0px 5px 0px 7px;
position: relative;
top: 4px;
}

div.nv-maintext {
text-align: center;
margin: 20px 0px 30px 0px;
line-height: 1.4em;
font-size: 0.9em;
font-weight: 500;
}

div.nv-smallheader {
font-size: 1.3em;
font-weight: 800;
margin: 20px 0px 10px 0px;
}

div.nv-smalltext {
line-height: 1.4em;
border-bottom: 1px dashed rgba(0,0,0,0.1);
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
}

div.nv-smalltext-noborder {
border: 0px;
}

div.nv-smalltext-button {
text-align: center;
padding: 0px 0px 10px 0px;
}

span.new-feature-arrow-left {
display: none;
font-size: 2.5em;
color: #fff;
position: absolute;
margin: -35px 0px 0px 60px;
}

span.new-feature-arrow-top {
display: none;
}

span.new-feature-arrow-right {
display: none;
}

div.new-feature {
background: #fff;
z-index: 2;
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
padding: 15px 20px 25px 20px;
position: absolute;
width: 90vw;
left: 5vw;
box-sizing: border-box;
border-radius: 7px;
text-align: left;
display: inline-block;
font-size: 0.8em;
line-height: 1.5em;
margin: 40px 0px 0px 0px;
}

div.new-feature-arrow-left span.new-feature-arrow-left {
display: inline-block;
text-shadow: -5px 0px 5px rgba(0,0,0,0.1);
transform: rotate(90deg);
}

div.new-feature-header {
margin: 0px 0px 10px 0px;
font-weight: 800;
}

div.new-feature-image {
margin: 15px 0px 15px 0px;
text-align: center;
}

div.new-feature-image img {
max-width: 250px;
border-radius: 7px;
}

div.new-feature-button {
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 1.1em;
}

span.new-feature-badge {
font-size: 0.6em;
background: #D03333;
color: #fff;
font-weight: 500;
padding: 5px 8px 5px 8px;
border-radius: 5px;
margin: 0px 7px 0px 0px;
}

div.new-feature-followbutton {
}

div.settings-profile-picture-container img {
width: 40px;
height: 40px;
border-radius: 40px;
}

div.account-menu-target-mobile {
width: 100vw;
position: fixed;
left: 0px;
overflow: scroll;
background: rgba(250,250,250,0.7);
z-index: 10;
display: block;
box-sizing: border-box;
padding: 0px 0px 30px 0px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
transition: bottom 0.5s ease-in-out;
}

div.account-menu-target-partner {
font-weight: 400;
font-size: 0.8em;
text-align: center;
margin: -20px 0px 20px 0px;
display: none;
}

div.account-menu-target-partner i {
font-size: 1.1em;
position: relative;
top: 1px;
margin: 0px 5px 0px 0px;
}

div.account-menu-target-buttons {
margin: 6px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

div.account-menu-target-top {
padding: 10px 20px 10px 20px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}

div.account-menu-target-top-name {
padding: 12px 0px 0px 0px;
font-weight: 400;
font-size: 1.2em;
position: relative;
left: 6px;
}

div.account-menu-target-top img {
width: 60px;
height: 60px;
border-radius: 60px;
position: relative;
top: 9px;
float: left;
margin: 0px 10px 0px 0px;
}

div.account-menu-target-top .profile-pic-placeholder {
width: 60px;
height: 60px;
border-radius: 60px;
background: #ccc;
display: inline-block;
position: relative;
top: 9px;
float: left;
margin: 0px 10px 0px 0px;
}

span.account-menu-target-button {
background: rgba(0,0,0,0.07);
padding: 5px 10px 5px 10px;
font-weight: 600;
margin: 0px 5px 0px 5px;
font-size: 0.7em;
border-radius: 7px;
cursor: pointer;
}

span.account-menu-target-button i {
margin: 0px 5px 0px 0px;
font-size: 1.2em;
position: relative;
top: 2px;
opacity: .4;
}

div.account-menu-target-grid {
}

div.account-menu-target-grid-item {
cursor: pointer;
width: 6vw;
height: 6vw;
border-radius: 7px;
display: inline-block;
margin: 0px 1vw 1vw 1vw;
text-align: center;
opacity: .7;
padding: 10px;
box-sizing: border-box;
}

div.account-menu-target-grid-item:hover {
opacity: 1;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

div.account-menu-target-grid-item-icon{
font-size: 2em;
opacity: .7;
}

div.account-menu-target-grid-item-title{
margin: 8px 0px 0px 0px;
font-weight: 800;
line-height: 1.2em;
font-size: 0.9em;
}

div.account-menu-target-inner {

}

div.account-menu-target-grid-compact div.account-menu-target-grid-item {
cursor: pointer;
width: unset;
height: unset;
border-radius: unset;
display: block;
margin: unset;
text-align: unset;
opacity: .7;
padding: 7px 0px 7px 0px;
box-sizing: border-box;
}

div.account-menu-target-grid-compact div.account-menu-target-grid-item-icon {
display: inline-block;
margin: 0px 20px 0px 20px;
width: 30px;
text-align: center;
font-size: 1.3em;
position: relative;
top: 0px;
}

div.account-menu-target-grid-compact div.account-menu-target-grid-item-title{
display: inline-block;
position: relative;
bottom: 3px;
}


span.new-navi-mobile-menu {
position: absolute;
right: 20px;
margin: -6px 0px 0px 0px;
}

span.new-navi-mobile-menu img {
width: 30px;
height: 30px;
border-radius: 30px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

span.new-navi-mobile-menu .profile-pic-placeholder {
width: 30px;
height: 30px;
border-radius: 30px;
background: #ccc;
display: inline-block;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

span.follow {
color: #B533FF;
border: 1px solid #B533FF;
box-shadow: 0px 0px 10px rgba(181,51,255,0.4);
}

span.follow:hover {
background: #B533FF;
color: #fff;
}

span.follow-off {
color: #aaa;
border: 1px solid #aaa;
}

.hidetablet {
display: none;
}

span.scroll-to-top {
display: none;
}

span.new-navi-item {
font-size: 0.8em;
font-weight: 800;
margin: 0px 7px 0px 0px;
position: relative;
bottom: 2px;
}

span.new-navi-user {
font-weight: 700;
float: right;
position: relative;
top: 3px;
}

span.new-navi-user img {
width: 25px;
height: 25px;
border-radius: 25px;
position: relative;
top: 7px;
margin: 0px 8px 0px 0px;
}

span.new-navi-user .profile-pic-placeholder {
width: 25px;
height: 25px;
border-radius: 25px;
background: #ccc;
display: inline-block;
position: relative;
top: 7px;
margin: 0px 8px 0px 0px;
}

div.account-menu-target {
display: none;
}

div.dashboard-front-allstats-mobile {
font-size: 0.6em;
text-align: center;
margin: 0px 0px 10px 0px;
}

td.dashboard-front-stats{
width: 0px;
}

td.front-dashboard-graphtd-01 {
width: 100vw;
}

div.dashboard-front-stat-value-green {
color: #22B632;
}

div.dashboard-front-stats {
text-align: center;
font-size: 0.8em;
}

div.dashboard-front-stat-mainheader {
font-weight: 400;
font-size: 1.5em;
margin: 0px 0px 10px 0px;
}

div.dashboard-front-stat-header {
font-size: 0.9em;
color: #666;
}

div.dashboard-front-stat-value {
margin: 2px 0px 14px 0px;
font-size: 1.5em;
font-weight: 800;
letter-spacing: -1px;
}

div.dashboard-front-graph-logohide {
width: 100px;
height: 20px;
margin: -20px 0px 0px 0px;
background: #fff;
position: relative;
z-index: 1;
}

div.dashboard-front-allstats {
position: absolute;
}

div.dashboard-front-stats {
margin: 30px 0px 0px 0px;
}

div.dashboard-front-graph {
height: 20vh;
}

div.dashboard-front-inner {
}

div.dashboard-front-hello {
font-size: 1.5em;
font-weight: 200;
text-transform: uppercase;
letter-spacing: -1px;
padding: 25px 0px 0px 80px;
}

div.dashboard-front-hello b {
font-weight: 600;
margin: 0px 0px 0px 5px;
}

div.dashboard-front-hello img {
width: 40px;
height: 40px;
border-radius: 40px;
position: absolute;
margin: -6px 0px 0px -50px;
}


div.new-navi {
position: fixed;
bottom: 0px;
left: 0px;
background: rgba(255,255,255,0.7);
box-sizing: border-box;
padding: 15px 10px 13px 10px;
width: 100%;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}

span.new-navi-logo {
padding: 0px;
position: unset;
top: unset;
}

span.new-navi-logo img {
}

.onlytablet {
display: none;
}

div.faq-sect-main {
font-size: 1.7em;
font-weight: 300;
margin: 40px 0px 40px 0px;
}

div.faq-sect-main span {
margin: 0px 10px 0px 0px;
}

div.faq-sect-sub {
font-weight: 900;
font-size: 1.1em;
margin: 20px 0px 15px 0px;
}

div.faq-sect-sub span {
margin: 0px 10px 0px 0px;
}

div.faq-sect-text {
line-height: 1.6em;
}

div.faq-sect-text b {
font-weight: 600;
margin: 0px 5px 0px 0px;
}

div.faq-sect-text p {
margin: 5px 0px 5px 0px;
}

div.faq-main {
max-width: 1200px;
margin: auto;
padding: 10px 10px 300px 10px;
}

div.faq-header {
font-size: 1.7em;
font-weight: 400;
letter-spacing: -1px;
margin: 0px 0px 25px 0px;
}

div.faq-header i {
font-size: 4em;
color: #eee;
float: right;
display: none;
}

div.faq-header b {
font-weight: 900;
margin: 0px 5px 0px 0px;
}

div.faq-subheader {
font-size: 1.7em;
font-weight: 300;
margin: 40px 0px 40px 0px;
text-transform: uppercase;
}

div.faq-toc-main {
font-weight: 700;
margin: 20px 0px 10px 0px;
}

div.faq-toc-main b {
font-weight: 500;
margin: 0px 5px 0px 0px;
}

div.faq-toc-sub {
font-weight: 500;
font-size: 0.7em;
margin: 0px 0px 7px 0px;
cursor: pointer;
}

div.faq-toc-sub i {
margin: 0px 10px 0px 3px;
color: #aaa;
}


div.itopsearch-target {
display: none;
}

span.explore-interiors {
background: #000;
color: #fff;
padding: 10px 20px 11px 17px;
font-size: 1em;
font-weight: 600;
border-radius: 10px;
cursor: pointer;
}

span.explore-interiors i {
padding: 0px 8px 0px 0px;
position: relative;
top: 1px;
}

div.front-interiors-text {
padding: 0px 0px 0px 20px; margin: 0px 0px 25px 0px; font-weight: 600; font-size: 1em;
line-height: 1.4em;
}

div.interiors-howto-step {
padding: 10px;
}

div.interiors-howto-step-no {
font-size: 1.5em;
font-weight: 200;
margin: 0px 0px 20px 0px;
}

div.interiors-howto-step-text {
font-size: 1em;
line-height: 1.5em;
font-weight: 700;
}

div.interiors-howto-step-text span {
margin: 0px 5px 0px 7px;
position: relative;
bottom: 2px;
}

div.interiors-howto {
background: #ddd;
color: #000;
padding: 40px;
display: none;
}

div.interiors-howto-login {
display: block;
}

div.interiors-howto-header {
text-align: center;
font-size: 2em;
font-weight: 800;
letter-spacing: -1.5px;
}

div.interiors-howto-subheader {
text-align: center;
font-weight: 600;
margin: 20px 0px 40px 0px;
}

div.interiors-howto-login {
text-align: center;
}

div.interiors-howto-subsubheader {
text-align: center;
margin: 40px 0px 0px 0px;
}

span.interiors-howto-subsubheader-link {
font-weight: 800;
border-bottom: 2px solid #000;
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px 5px;
cursor: pointer;
}


span.interiors-crop {
font-size: 0.5em;
position: relative;
bottom: 6px;
padding: 0px 5px 0px 10px;
color: #aaa;
}

div.interiors-preview-add {
margin: 30px 0px 0px 0px;
}

div.interiors-preview-specs {
margin: 15px 0px 0px 0px;
}

span.interiors-preview-spec {
background: #eee;
padding: 7px 15px 7px 15px;
font-size: 0.8em;
font-weight: 300;
margin: 0px 5px 0px 0px;
border-radius: 5px;
}

span.interiors-preview-spec i {

}

div.interiors-all {
}

div.interiors-top {
}

div.interiors-top-text {
background: #eee;
color: #000;
padding: 30px;
}

div.interiors-top-image {
height: 50vh;
background: url('<?= $mockup_backend_url ?>?p=2728445&i=86');
background-size: cover;
background-position: 0px -100px;
display: none;
}

div.interiors-top-text-seg1 {
font-size: 2.5em;
font-weight: 800;
letter-spacing: -1.7px;
line-height: 1.1em;
}

div.interiors-top-text-seg2 {
font-size: 1.2em;
font-weight: 400;
letter-spacing: -0.5px;
margin: 20px 0px 20px 0px;
line-height: 1.5em;
}

div.interiors-top-text-seg3 {
font-size: 1.1em;
font-weight: 600;
text-align: center;
letter-spacing: -0.5px;
margin: 10px 0px 0px 0px;
line-height: 1.7em;
}

span.interiors-top-text-seg3-bold{
font-weight:1000;
padding: 4px 8px 4px 8px;
background: #E1BCEA;
border-radius: 3px;
margin: 0px 0px 0px 5px;
white-space: nowrap;
}

div.interiors-preview {
margin: 0px 0px 30px 0px;
}

div.interiors-preview-img {

}

table.interiors-preview {
margin: auto;
}

div.interiors-preview-img img {
max-width: 100vw;
}

div.interiors-preview-text {
padding: 0px 20px 0px 20px;
}

div.interiors-preview-text-header {
font-size: 0.9em;
margin: 10px 0px 0px 0px;
font-weight: 800;
}

div.interiors-preview-text-header span.button {
float: right;
font-size: 0.8em;
}


div.sec-search-element-lessheight2 {
position: relative;
top: 45px;
left: 15px;
text-align: center;
}

div.sec-search-element-lessheight {
position: relative;
top: 30px;
left: 15px;
text-align: center;
}

div.sec-search-element {
text-align: center;
position: relative;
top: 40px;
}

span.sec-search-icon {
position: relative;
left: 30px;
color: #aaa;
}

input.sec-search {
border: 1px solid #aaa;
border-radius: 20px;
padding: 10px 10px 10px 10px;
font-size: 1em;
width: 220px;
outline: none;
text-align: center;
}

input.sec-search:focus {
border: 1px solid #000;
}

div.sec-search-element-sticky {
position: fixed;
top: 30px;
width: 100%;
left: 0px;
z-index: 50;
}

div.sec-search-element-sticky input.sec-search {
width: 220px;
text-align: unset;
padding: 10px 10px 10px 40px;
}


div.counter-main {
padding: 30px;
height: 80vh;
}

div.counter-number {
font-size: 10em;
font-weight: 1000;
text-align: center;
letter-spacing: -4px;
}

div.counter-today {
font-size: 2em;
color: #00aa00;
font-weight: 600;
text-align: center;
letter-spacing: -1px;
}

span.counter-today-number {
font-weight: 1000;
padding: 0px 5px 0px 5px;
}

div.counter-button {
text-align: center;
margin-top: 35px;
}

div.dashboard-tooltips {
position: absolute;
padding: 10px;
margin: -30px 0px 0px 0px;
}

div.dashboard-tooltip {
margin: 3px 0px 0px 0px;
}

span.dashboard-tooltip-box {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 3px;
position: relative;
top: 2px;
margin: 0px 5px 0px 0px;
}

span.dashboard-tooltip-text {
font-size: 0.9em;
}


div.dashboard-stat-subheader2 {
text-align: center;
font-size: 1.3em;
font-weight: 600;
margin: 8px 0px 0px 0px;
}

div.reorder-move-here {
display: none;
}

div.hidedownloadedbutton {
clear: both;
text-align: center;
margin: 20px 0px 10px 0px;
}

div.shop-product-flat2 {
width: calc(100vw / 3.5);
height: calc(100vw / 3.5);
display: inline-block;
cursor: pointer;
}

div.shop-product-flat2 img {
max-width: calc(100vw / 3.5);
max-height: calc(100vw / 3.5);
border-radius: 5px;
}

div.shop-product-flat {
width: 40vw;
height: 30vh;
display: inline-block;
cursor: pointer;
}

div.shop-product-flat img {
max-width: calc(100vw / 2.3);
max-height: calc(100vw / 2.3);
border-radius: 5px;

}

div.newfront-main-smallcover {
width: 100%;
height: 10vh;
background-size: cover;
background-position: 0% 40%;
text-align: center;
}

div.newfront-main-smallheader {
font-size: 1.3em;
font-weight: 800;
display: inline-block;
width: 67vw;
text-transform: uppercase;
text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff;
}

div.newfront-main-smallbutton {
display: inline-block;
width: 29vw;
position: relative;
bottom: 4px;
text-align: center;
}

span.newfront-main-smallbutton {
background: #000;
color: #AC33FF;
font-size: 0.8em;
font-weight: 800;
padding: 6px 10px 6px 10px;
border-radius: 10px;
cursor: pointer;
text-transform: uppercase;
}

div.newfront-main-logo {

}

div.newfront-main-logo img {
height: 30px;
}

div.newfront-main-badge {
margin: 7px 0px 7px 0px;
}

span.newfront-main-badge {
color: #000;
font-weight: 1000;
font-size: 0.9em;
}

div.newfront-main-header {
font-size: 2.5em;
font-weight: 1000;
text-transform: uppercase;
letter-spacing: -2px;
text-shadow: 0px 0px 40px #fff, 0px 0px 40px #fff, 0px 0px 40px #fff;
}

div.newfront-main-button {
margin: 20px 0px 0px 0px;
}

span.newfront-main-button {
background: #000;
color: #AC33FF;
font-size: 1em;
font-weight: 800;
padding: 10px 20px 10px 20px;
border-radius: 14px;
cursor: pointer;
text-transform: uppercase;
}

div.newfront-main {
margin: 0px 0px 0px 0px;
}

div.newfront-main-cover {
height: 30vh;
background-size: cover;
background-position: 0% 20%;
text-align: center;
}

span.filter-colorselection {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 5px;
position: relative;
top: 2px;
border: 2px solid rgba(255,255,255,1);
}

span.window-sidebar-options-option-disabled span.filter-colorselection {
border: 2px solid rgba(255,255,255,0);
}

div.partnerdetails-downloadlogs {

}

div.partnerdetails-downloadlog {
width: 100px;
height: 140px;
display: inline-block;
margin: 0px 10px 0px 0px;
}

img.partnerdetails-downloadlog {
width: 100px;
height: 100px;
border-radius: 5px;
}

div.partnerdetails-downloadlog-when {
font-weight: 600;
font-size: 0.7em;
margin: 3px 0px 0px 0px;
}

div.buy-artist table {
margin: auto;
}

div.buy-artist-name {
font-weight: 800;
margin: 0px 0px 4px 0px;
font-size: 0.9em;
padding: 0px 0px 0px 10px;
}

div.buy-artist-artworks {
font-size: 0.7em;
padding: 0px 0px 0px 10px;
}

img.buy-artist-img {
width: 40px;
height: 40px;
border-radius: 40px;
}

div.mobile-move-up {
margin: -70px 0px 0px 0px;
}

div.newfront-button {
text-align: center;
margin: -80px 0px 20px 0px;
}

div.newfront-button-inner {
font-weight: 1000;
letter-spacing: -1px;
font-size: 1.8em;
margin: 0px 0px 40px 0px;
color: #AC33FF;
}

span.newfront-button {
background: #000;
padding: 10px 20px 10px 20px;
font-weight: 800;
font-size: 0.8em;
cursor: pointer;
color: #fff;
border-radius: 20px;
}

div.front-top-big {
font-size: 5vw;
font-weight: 800;
letter-spacing: -1px;
padding: 0px 0px 100px 0px;
text-align: center;
margin: -60px 0px 0px 0px;
}

div.front-top-img {
margin: 0px 0px 5px 0px;
}

div.front-top-img img {
height: 7vw;
}

span.navi-link-button-cart {
background: #39B43F;
color: #fff;
padding: 7px 10px 7px 10px;
font-weight: 800;
border-radius: 7px;
cursor: pointer;
letter-spacing: -0.5px;
position: absolute;
right: 0px;
margin: -26px 32px 0px 0px;
}

span.navi-link-button-cart i {
margin: 0px 5px 0px 0px;
font-size: 1.2em;
}

span.download-cart-count {
padding: 0px 3px 0px 5px;
font-weight: 500;
}


/* BEGIN STORE */

div.shop-topbuttons {
margin: 10px 0px 30px 0px;
text-align: center;
}

div.countrysel-item {
font-size: 1.5em;
font-weight: 600;
margin: 10px 0px 10px 0px;
cursor: pointer;
opacity: .7;
}

div.countrysel-item:hover {
opacity: 1;
}

div.countrysel-item span.fi {
margin: 0px 10px 0px 0px;
position: relative;
top: 1px;
}

span.button-flag {
margin: 0px 5px 0px 0px;
}

div.checkout-label-below {
color: #ff0000;
font-weight: 800;
font-size: 0.9em;
margin: 5px 0px 0px 0px;
}

div.checkout-buttons {
margin: 30px 0px 0px -4px;
}

div.checkout-row-info {
font-size: 0.8em;
font-style: italic;
margin: 20px 0px 0px 0px;
line-height: 1.5em;
text-align: center;
}

div.checkout-row {
margin: 0px 0px 8px 0px;
text-align: center;
}

div.checkout-row2 {
margin: 0px 0px 8px 0px;
}

div.checkout-row-total {
border-top: 1px dashed #bbb;
margin: 20px 0px 0px 0px;
padding: 12px 0px 0px 0px;
}

span.checkout-row-bold {
font-weight: 800;
padding: 0px 3px 0px 0px;
}

span.checkout-row-value {

}

div.input_checkout-forms input {
background: #eee !important;
border: 1px solid #ddd !important;
}

div.checkout-header {
font-size: 1.2em;
margin: 20px 0px 15px 0px;
}

div.input_checkout-forms-payment {
width: 344px;
}

div.input_checkout-forms-payment-small {
width: 150px;
}

div.input_checkout-forms-payment input {
font-family: 'Courier New' !important;
}

div.checkout-forms {
}

div.checkout-summary {
margin: 30px 0px 0px 0px;
}

div.checkout-summary-inner {
}

div.more-about {
margin: 30px 0px 0px 0px;
font-size: 0.9em;
cursor: pointer;
}

span.more-about {
border-bottom: 1px solid #000;
}

span.cart-total-bold {
font-weight: 800;
padding: 0px 3px 0px 0px;
}

div.cart-total {
text-align: center;
margin: 10px 0px 10px 0px;
}

span.buy-price {
background: #ddd;
padding: 4px 10px 4px 10px;
border-radius: 10px;
font-size: 0.8em;
font-weight: 800;
margin: 0px 0px 0px 10px;
letter-spacing: -1px;
display: inline-block;
width: 30px;
text-align: center;
}

div.buy-pricing {
margin: 30px 0px 30px 0px;
font-size: 1em;
}

span.buy-pricing-total {
font-weight: 800;
}

span.buy-pricing-price {
}

div.buy-pricing-sub {
font-size: 0.7em;
font-style: italic;
margin: 5px 0px 0px 0px;
}

div.details-buyprint {
margin: 30px 0px 30px 0px;
}

span.details-buyprint {
background: #000;
color: #fff;
font-weight: 600;
font-size: 1.3em;
padding: 10px 20px 10px 20px;
border-radius: 7px;
cursor: pointer;
}

div.store-top {
padding: 90px 30px 0px 30px;
margin: 0px 0px 0px 0px;
text-align: center;
}

span.back-to-storefront {
padding: 15px 0px 0px 0px;
}

div.buy-buttons {
margin: 40px 0px 0px 0px;
}

div.buy-button-buy {
background: #40B439;
box-sizing: border-box;
padding: 10px 0px 10px 0px;
text-align: center;
color: #fff;
border-radius: 15px;
font-size: 1.3em;
font-weight: 600;
cursor: pointer;
margin: 0px 0px 10px 0px;
}

div.buy-button-buy i {
font-size: 0.8em;
margin: 0px 5px 0px 0px;
position: relative;
bottom: 1.5px;
}

div.buy-button-cancel {
background: #aaa;
box-sizing: border-box;
padding: 10px 0px 10px 0px;
text-align: center;
color: #fff;
border-radius: 15px;
font-size: 1em;
font-weight: 600;
cursor: pointer;
}

div.buy-logo {
font-size: 2em;
display: none;
text-align: center;
font-weight: 700;
letter-spacing: -1px;
position: absolute;
width: 45vw;
margin: 79.5vh 0px 0px -45px;
opacity: .5;
display: none;
}

div.buy-logo img {
height: 3.5vh;
position: relative;
top: 7px;
}

/* Cart stuff */

div.shop-cart-print-portrait {
height: 66px;
width: 40px;
background-size: cover;
transform: perspective(30px) rotateY(10deg);
margin: 0px 0px 0px 18px;
}

div.shop-cart-print-landscape {
height: 66px;
width: 100px;
background-size: cover;
transform: perspective(30px) rotateY(10deg);
margin: 0px 0px 0px 5px;
}

div.shop-cart-print-square {
height: 66px;
width: 66px;
background-size: cover;
transform: perspective(30px) rotateY(10deg);
margin: 0px 0px 0px 13px;
}


div.shop-cart-canvas-new-landscape-side {
height: 66px;
width: 100px;
background-size: cover;
clip-path: inset(0px 95px 0px 0px);
}

div.shop-cart-canvas-new-landscape-front {
height: 66px;
width: 100px;
clip-path: inset(0px 0px 0px 5px);
background-size: cover;
margin: 0px 0px 0px -5px;
}

div.shop-cart-canvas-new-landscape-side-outer {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-cart-canvas-new-landscape-front-outer {
height: 66px;
width: 95px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-cart-canvas-new-landscape-overlays-side {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-cart-canvas-new-landscape-overlays-front {
width: 95px;
height: 66px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-cart-canvas-new-landscape-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 5px;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-cart-canvas-new-landscape-graphics {
white-space: nowrap;
margin: 0px 0px 0px 5px;
transition: margin 1s;
}

div.shop-cart-canvas-new-portrait-side {
height: 66px;
width: 40px;
background-size: cover;
clip-path: inset(0px 35px 0px 0px);
}

div.shop-cart-canvas-new-portrait-front {
height: 66px;
width: 40px;
clip-path: inset(0px 0px 0px 5px);
background-size: cover;
margin: 0px 0px 0px -5px;
}

div.shop-cart-canvas-new-portrait-side-outer {
display: inline-block;
height: 40px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-cart-canvas-new-portrait-front-outer {
height: 66px;
width: 35px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-cart-canvas-new-portrait-overlays-side {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-cart-canvas-new-portrait-overlays-front {
width: 35px;
height: 66px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-cart-canvas-new-portrait-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 18px;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-cart-canvas-new-portrait-graphics {
white-space: nowrap;
margin: 0px 0px 0px 18px;
transition: margin 1s;
}

div.shop-cart-canvas-new-square-side {
height: 66px;
width: 66px;
background-size: cover;
clip-path: inset(0px 61px 0px 0px);
}

div.shop-cart-canvas-new-square-front {
height: 66px;
width: 66px;
clip-path: inset(0px 0px 0px 5px);
background-size: cover;
margin: 0px 0px 0px -5px;
}

div.shop-cart-canvas-new-square-side-outer {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-cart-canvas-new-square-front-outer {
height: 66px;
width: 61px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-cart-canvas-new-square-overlays-side {
display: inline-block;
height: 66px;
width: 5px;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-cart-canvas-new-square-overlays-front {
width: 61px;
height: 66px;
overflow: hidden;
display: inline-block;
transform: perspective(30px) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-cart-canvas-new-square-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 13px;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-cart-canvas-new-square-graphics {
white-space: nowrap;
margin: 0px 0px 0px 13px;
transition: margin 1s;
}

/* Wall preview */

div.shop-buy-canvas-new-landscape-side {
height: 20vw;
width: 30vw;
background-size: cover;
clip-path: inset(0px 29.3vw 0px 0px);
}

div.shop-buy-canvas-new-landscape-front {
height: 20vw;
width: 30vw;
clip-path: inset(0px 0px 0px 0.7vw);
background-size: cover;
margin: 0px 0px 0px -0.7vw;
}

div.shop-buy-canvas-new-landscape-side-outer {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-buy-canvas-new-landscape-front-outer {
height: 20vw;
width: 29.3vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px 0px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-buy-canvas-new-landscape-overlays-side {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-buy-canvas-new-landscape-overlays-front {
width: 29.3vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-buy-canvas-new-landscape-overlays {
position: absolute;
z-index: 1;
margin: 0vh 0px 0px 1.5vw;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-buy-canvas-new-landscape-graphics {
white-space: nowrap;
margin: 0vh 0px 0px 1.5vw;
transition: margin 1s;
}

div.wall-print {
transition: transform 1s;
transition: top 1s;
transition: left 1s;
position: relative;
top: 17vh;
left: 6vw;
transform: scale(2);
transform-origin: top left;
}

div.buy-wall-size-1 div.wall-print {
transform: scale(0.7);
left: 16vw;
top: 24vh;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-overlays-side {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-side-outer {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-overlays-front {
width: 28vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-front-outer {
width: 28vw;
box-shadow: 5px 10px 40px rgba(0,0,0,0.5);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-side {
clip-path: inset(0px 28vw 0px 0px);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-front {
clip-path: inset(0px 0px 0px 2vw);
margin: 0px 0px 0px -2vw;
}


div.buy-wall-size-2 div.wall-print {
transform: scale(0.9);
left: 14vw;
top: 22vh;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-overlays-side {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-side-outer {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-overlays-front {
width: 28.4vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-front-outer {
width: 28.4vw;
box-shadow: 5px 5px 30px rgba(0,0,0,0.4);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-side {
clip-path: inset(0px 28.4vw 0px 0px);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-front {
clip-path: inset(0px 0px 0px 1.6vw);
margin: 0px 0px 0px -1.6vw;
}

div.buy-wall-size-3 div.wall-print {
transform: scale(1.5);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-overlays-side {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-side-outer {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-overlays-front {
width: 28.8vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-front-outer {
width: 28.8vw;
box-shadow: 5px 5px 25px rgba(0,0,0,0.4);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-side {
clip-path: inset(0px 28.8vw 0px 0px);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-landscape-front {
clip-path: inset(0px 0px 0px 1.2vw);
margin: 0px 0px 0px -1.2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-graphics {
margin: 0vh 0px 0px -5vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-landscape-overlays {
margin: 0vh 0px 0px -5vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-graphics {
margin: 0vh 0px 0px -3vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-landscape-overlays {
margin: 0vh 0px 0px -3vw;
}

/* Shop Preview Portrait */

div.shop-buy-canvas-new-portrait-side {
height: 20vw;
width: 15vw;
background-size: cover;
clip-path: inset(0px 14.3vw 0px 0px);
}

div.shop-buy-canvas-new-portrait-front {
height: 20vw;
width: 15vw;
clip-path: inset(0px 0px 0px 0.7vw);
background-size: cover;
margin: 0px 0px 0px -0.7vw;
}

div.shop-buy-canvas-new-portrait-side-outer {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-buy-canvas-new-portrait-front-outer {
height: 20vw;
width: 14.3vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-buy-canvas-new-portrait-overlays-side {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-buy-canvas-new-portrait-overlays-front {
width: 14.3vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-buy-canvas-new-portrait-overlays {
position: absolute;
z-index: 1;
margin: 0vh 0px 0px 0vw;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-buy-canvas-new-portrait-graphics {
white-space: nowrap;
margin: 0vh 0px 0px 0vw;
transition: margin 1s;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-overlays-side {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-side-outer {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-overlays-front {
width: 13vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-front-outer {
width: 13vw;
box-shadow: 5px 5px 40px rgba(0,0,0,0.5);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-side {
clip-path: inset(0px 13vw 0px 0px);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-front {
clip-path: inset(0px 0px 0px 2vw);
margin: 0px 0px 0px -2vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-overlays-side {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-side-outer {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-overlays-front {
width: 13.4vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-front-outer {
width: 13.4vw;
box-shadow: 5px 5px 30px rgba(0,0,0,0.4);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-side {
clip-path: inset(0px 13.4vw 0px 0px);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-front {
clip-path: inset(0px 0px 0px 1.6vw);
margin: 0px 0px 0px -1.6vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-overlays-side {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-side-outer {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-overlays-front {
width: 13.8vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-front-outer {
width: 13.8vw;
box-shadow: 5px 5px 25px rgba(0,0,0,0.4);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-side {
clip-path: inset(0px 13.8vw 0px 0px);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-portrait-front {
clip-path: inset(0px 0px 0px 1.2vw);
margin: 0px 0px 0px -1.2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-graphics {
}

div.buy-wall-size-1 div.shop-buy-canvas-new-portrait-overlays {
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-graphics {
}

div.buy-wall-size-2 div.shop-buy-canvas-new-portrait-overlays {
}


/* Shop preview Square */

div.shop-buy-canvas-new-square-side {
height: 20vw;
width: 20vw;
background-size: cover;
clip-path: inset(0px 19.3vw 0px 0px);
}

div.shop-buy-canvas-new-square-front {
height: 20vw;
width: 20vw;
clip-path: inset(0px 0px 0px 0.7vw);
background-size: cover;
margin: 0px 0px 0px -0.7vw;
}

div.shop-buy-canvas-new-square-side-outer {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-buy-canvas-new-square-front-outer {
height: 20vw;
width: 19.3vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
transition: box-shadow 1s;
}

div.shop-buy-canvas-new-square-overlays-side {
display: inline-block;
height: 20vw;
width: 0.7vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-buy-canvas-new-square-overlays-front {
width: 19.3vw;
height: 20vw;
overflow: hidden;
display: inline-block;
transform: perspective(13vw) rotateY(10deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(219,220,218,0) 0%, rgba(219,220,218,0.4766281512605042) 100%);
}

div.shop-buy-canvas-new-square-overlays {
position: absolute;
z-index: 1;
margin: 0vh 0px 0px 1.5vw;
white-space: nowrap;
opacity: .7;
transition: margin 1s;
}

div.shop-buy-canvas-new-square-graphics {
white-space: nowrap;
margin: 0vh 0px 0px 1.5vw;
transition: margin 1s;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-overlays-side {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-side-outer {
width: 2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-overlays-front {
width: 18vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-front-outer {
width: 18vw;
box-shadow: 5px 5px 40px rgba(0,0,0,0.5);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-side {
clip-path: inset(0px 18vw 0px 0px);
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-front {
clip-path: inset(0px 0px 0px 2vw);
margin: 0px 0px 0px -2vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-overlays-side {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-side-outer {
width: 1.6vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-overlays-front {
width: 18.4vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-front-outer {
width: 18.4vw;
box-shadow: 5px 5px 30px rgba(0,0,0,0.4);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-side {
clip-path: inset(0px 18.4vw 0px 0px);
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-front {
clip-path: inset(0px 0px 0px 1.6vw);
margin: 0px 0px 0px -1.6vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-overlays-side {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-side-outer {
width: 1.2vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-overlays-front {
width: 18.8vw;
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-front-outer {
width: 18.8vw;
box-shadow: 5px 5px 25px rgba(0,0,0,0.4);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-side {
clip-path: inset(0px 18.8vw 0px 0px);
}

div.buy-wall-size-3 div.shop-buy-canvas-new-square-front {
clip-path: inset(0px 0px 0px 1.2vw);
margin: 0px 0px 0px -1.2vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-graphics {
margin: 0vh 0px 0px -4vw;
}

div.buy-wall-size-1 div.shop-buy-canvas-new-square-overlays {
margin: 0vh 0px 0px -4vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-graphics {
margin: 0vh 0px 0px -3vw;
}

div.buy-wall-size-2 div.shop-buy-canvas-new-square-overlays {
margin: 0vh 0px 0px -3vw;
}


/* White sides */

div.product-whitesides div.shop-buy-canvas-new-portrait-side {
clip-path: unset;
background: #fff !important;
}

div.product-whitesides div.shop-buy-canvas-new-portrait-overlays-side {
opacity: .1;
}

div.product-whitesides div.shop-buy-canvas-new-portrait-front-outer {
margin: 0px;
}

div.product-whitesides div.shop-buy-canvas-new-portrait-front {
clip-path: unset;
width: 14.3vw;
margin: 0px;
}

div.product-whitesides div.shop-buy-canvas-new-landscape-side {
clip-path: unset;
background: #fff !important;
}

div.product-whitesides div.shop-buy-canvas-new-landscape-overlays-side {
opacity: .1;
}

div.product-whitesides div.shop-buy-canvas-new-landscape-front-outer {
}

div.product-whitesides div.shop-buy-canvas-new-square-side {
clip-path: unset;
background: #fff !important;
}

div.product-whitesides div.shop-buy-canvas-new-square-overlays-side {
opacity: .1;
}

div.product-whitesides div.shop-buy-canvas-new-square-front-outer {
}

/* Poster */

div.product-poster div.shop-buy-canvas-new-portrait-side {
display: none;
}

div.product-poster div.shop-buy-canvas-new-portrait-overlays {
display: none;
}

div.product-poster div.shop-buy-canvas-new-landscape-side {
display: none;
}

div.product-poster div.shop-buy-canvas-new-landscape-overlays {
display: none;
}

div.product-poster div.shop-buy-canvas-new-square-side {
display: none;
}

div.product-poster div.shop-buy-canvas-new-square-overlays {
display: none;
}

div.buy-wall {
background-image: url('/assets/img/canvas-wall.jpg');
height: 60vh;
background-size: cover;
margin: 0px 0px 0px 0px;
}

div.buy-wall-outer {
width: 94vw;
overflow: hidden;
}

div.wall-preview2 {
height: 60vh;
background: #666;
}

div.wall-preview2 img {
max-height: 60vh;
max-width: 100%;
}


div.buy-settings {
box-sizing: border-box;
padding: 10px 15px 10px 15px;
}

div.buy-header {
font-size: 1.4em;
text-align: center;
font-weight: 800;
letter-spacing: -1px;
margin: 0px 0px 20px 0px;
}

div.buy-header2 {
font-size: 1.2em;
font-weight: 600;
margin: 15px 0px 15px 0px;
}

div.buy-options {
}

div.buy-option {
margin: 0px 0px 5px 0px;
}

div.buy-option label {
margin: 0px 0px 0px 10px;
}

div.buy-option input {

}

div.shop-canvas-new-portrait-side {
height: 40vw;
width: 30vw;
background-size: cover;
clip-path: inset(0px 29vw 0px 0px);
}

div.shop-canvas-new-portrait-front {
height: 40vw;
width: 30vw;
clip-path: inset(0px 0px 0px 1vw);
background-size: cover;
margin: 0px 0px 0px -1vw;
}

div.shop-canvas-new-portrait-side-outer {
display: inline-block;
height: 40vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-canvas-new-portrait-front-outer {
height: 40vw;
width: 29vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

div.shop-canvas-new-portrait-overlays-side {
display: inline-block;
height: 40vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-canvas-new-portrait-overlays-front {
width: 29vw;
height: 40vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(238,238,238,0) 0%, rgba(238,238,238,0.3488970588235294) 100%);
}

div.shop-canvas-new-portrait-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 14.5vw;
}

div.shop-canvas-new-portrait-graphics {
white-space: nowrap;
margin: 0px 0px 0px 14.5vw;
}

div.shop-canvas-new-landscape-side {
height: 30vw;
width: 40vw;
background-size: cover;
clip-path: inset(0px 39vw 0px 0px);
}

div.shop-canvas-new-landscape-front {
height: 30vw;
width: 40vw;
clip-path: inset(0px 0px 0px 1vw);
background-size: cover;
margin: 0px 0px 0px -1vw;
}

div.shop-canvas-new-landscape-side-outer {
display: inline-block;
height: 30vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-canvas-new-landscape-front-outer {
height: 30vw;
width: 39vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

div.shop-canvas-new-landscape-overlays-side {
display: inline-block;
height: 30vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-canvas-new-landscape-overlays-front {
width: 39vw;
height: 30vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(238,238,238,0) 0%, rgba(238,238,238,0.3488970588235294) 100%);
}

div.shop-canvas-new-landscape-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 10.8vw;
white-space: nowrap;
}

div.shop-canvas-new-landscape-graphics {
white-space: nowrap;
margin: 0px 0px 0px 10.8vw;
}

div.shop-canvas-new-square-side {
height: 40vw;
width: 40vw;
background-size: cover;
clip-path: inset(0px 39vw 0px 0px);
}

div.shop-canvas-new-square-front {
height: 40vw;
width: 40vw;
clip-path: inset(0px 0px 0px 1vw);
background-size: cover;
margin: 0px 0px 0px -1vw;
}

div.shop-canvas-new-square-side-outer {
display: inline-block;
height: 40vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
}

div.shop-canvas-new-square-front-outer {
height: 40vw;
width: 39vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
margin: 0px 0px 0px -1px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}

div.shop-canvas-new-square-overlays-side {
display: inline-block;
height: 40vw;
width: 1vw;
overflow: hidden;
transform: perspective(40vw) rotateY(-45deg);
transform-origin: right;
background: rgb(0,0,0);
background: linear-gradient(153deg, rgba(0,0,0,0.5189250700280112) 0%, rgba(0,0,0,0.15828081232492992) 100%);
}

div.shop-canvas-new-square-overlays-front {
width: 39vw;
height: 40vw;
overflow: hidden;
display: inline-block;
transform: perspective(40vw) rotateY(30deg);
transform-origin: left;
background: linear-gradient(90deg, rgba(238,238,238,0) 0%, rgba(238,238,238,0.3488970588235294) 100%);
}

div.shop-canvas-new-square-overlays {
position: absolute;
z-index: 1;
margin: 0px 0px 0px 12vw;
white-space: nowrap;
}

div.shop-canvas-new-square-graphics {
white-space: nowrap;
margin: 0px 0px 0px 12vw;
}

div.shop-product-whitesides div.shop-canvas-new-portrait-side {
clip-path: unset;
background: #fff !important;
}

div.shop-product-whitesides div.shop-canvas-new-portrait-overlays-side {
opacity: .3;
}

div.shop-product-whitesides div.shop-canvas-new-portrait-front {
clip-path: inset(0px 0px 0px 0px);
width: 29vw;
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-portrait-front-outer {
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-square-side {
clip-path: unset;
background: #fff !important;
}

div.shop-product-whitesides div.shop-canvas-new-square-overlays-side {
opacity: .3;
}

div.shop-product-whitesides div.shop-canvas-new-square-front {
clip-path: inset(0px 0px 0px 0px);
width: 39vw;
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-square-front-outer {
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-landscape-side {
clip-path: unset;
background: #fff !important;
}

div.shop-product-whitesides div.shop-canvas-new-square-landscape-side {
opacity: .3;
}

div.shop-product-whitesides div.shop-canvas-new-landscape-front {
clip-path: inset(0px 0px 0px 0px);
width: 37vw;
margin: 0px 0px 0px 0px;
}

div.shop-product-whitesides div.shop-canvas-new-landscape-front-outer {
margin: 0px 0px 0px 0px;
}



div.shop-product-label-landscape {
position: absolute;
display: none;
background: #fff;
margin: -80px 0px 0px 17.7vw;
transform: translateZ(100px);
padding: 10px;
font-weight: 800;
border-radius: 3px;
line-height: 1.3em;
font-size: 0.78em;
color: #fff;
background: #000;
text-transform: uppercase;
width: 70px;
}

div.shop-product-label-portrait {
position: absolute;
display: none;
background: #fff;
margin: -70px 0px 0px 16vw;
transform: translateZ(100px);
padding: 10px;
font-weight: 800;
border-radius: 3px;
line-height: 1.3em;
font-size: 0.5em;
color: #fff;
background: #000;
text-transform: uppercase;
width: 70px;
}

div.shop-product-label-square {
position: absolute;
display: none;
background: #fff;
margin: -70px 0px 0px 15vw;
transform: translateZ(100px);
padding: 10px;
font-weight: 800;
border-radius: 3px;
line-height: 1.3em;
font-size: 0.78em;
color: #fff;
background: #000;
text-transform: uppercase;
width: 70px;
}


div.shop-product-button {
margin: 30px 0px 0px 0px;
text-align: center;
}

span.shop-product-button {
background: #ddd;
border-radius: 10px;
padding: 7px 12px 7px 12px;
font-weight: 800;
font-size: 0.8em;
}

div.shop-products {
text-align: center;
}

div.shop-products2 {
height: 35vw;
white-space: nowrap;
overflow: hidden;
width: 100%;
}

div.shop-product {
width: 48vw;
height: 65vw;
display: inline-block;
position: relative;
z-index: 1;
cursor: pointer;
transform: translateZ(-10001px);
text-align: left;
}

div.shop-product2 {
width: 15vw;
height: 20vw;
display: inline-block;
position: relative;
z-index: 1;
cursor: pointer;
transform: translateZ(-10001px);
text-align: left;
}


div.shop-product img {
max-height: 17vw;
max-width: 20vw;
}

div.shop-product:hover span.shop-product-button {
background: #000;
color: #fff;
}

div.shop-top {
background: #000;
padding: 30px 0px 50px 0px;
}

div.shop-top-left {
display: none;
}

div.shop-top-right {
color: #fff;
}

img.shop-top-left-image {
max-width: 14vw;
max-height: 30vh;
border-radius: 4px;
}

div.shop-top-left table {
margin: 10vh auto auto auto;
}

div.shop-top-left td {
padding: 10px;
}

div.shop-top-right-headers {
}

div.collection-storeheader {
text-align: right;
font-size: 1.6em;
font-weight: 800;
letter-spacing: -1px;
margin: 0px 0px 20px 0px;
display: none;
}

div.collection-storeheader img {
height: 3vh;
position: relative;
top: 7px;
}



div.shop-top-right-header0 {
text-align: center;
font-size: 1.3em;
font-weight: 1000;
letter-spacing: -1px;
}

div.shop-top-right-header0 img {
height: 3vh;
filter: invert(1);
position: relative;
top: 4px;
}


div.shop-top-right-header1 {
text-align: center;
font-size: 4em;
font-weight: 800;
letter-spacing: -2px;
margin: 10px 0px 0px 0px;
line-height: 1em;
}

div.shop-top-right-header2 {
text-align: center;
font-size: 2em;
font-weight: 800;
letter-spacing: -1.5px;
margin: 10px 0px 0px 0px;
color: #AC33FF;
}

span.shop-explore-collection {
background: #000;
border-radius: 15px;
padding: 13px 20px 13px 30px;
color: #fff;
cursor: pointer;
font-size: 1em;
font-weight: 800;
}

span.shop-explore-collection i {
padding: 0px 0px 0px 10px;
font-size: 1em;
color: #AC33FF;
}

span.shop-explore-collection-red {
background: #000;
border-radius: 15px;
padding: 13px 60px 13px 30px;
color: #fff;
cursor: pointer;
font-size: 1em;
font-weight: 800;
}

span.shop-explore-collection-red i {
padding: 0px 0px 0px 3px;
font-size: 1.4em;
position: absolute;
color: #ff0000;
margin: -1px 0px 0px 9px;
}

div.shop-products2-button {
margin: 40px 0px 40px 0px;
text-align: center;
}

span.collections-all-header-collection {
background: #AC33FF;
color: #fff;
font-size: 0.3em;
letter-spacing: -1px;
padding: 7px 15px 7px 15px;
border-radius: 10px;
margin: 0px 10px 0px 0px;
position: relative;
bottom: 10px;
}



/* END OF STORE */

div.store-all {
}

div.slidercontainer {
text-align: center;
margin: 20px 0px 0px 0px;
}

span.slider-label {
padding: 0px 10px 0px 10px;
font-weight: 800;
font-size: 0.8em;
position: relative;
bottom: 3px;
}

.slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #7EA0C6;
cursor: pointer;
}

.slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #7EA0C6;
cursor: pointer;
}

div.sliderbelow {
margin: 5px 0px 0px 0px;
}

div.sliderbelow-text {
font-weight: 800;
font-size: 0.8em;
}

div.sliderbelow-red {
color: #B43939;
}

div.sliderbelow-green {
color: #40B439;
}

div.pricing-options {
margin: 15px 0px 15px 0px;
}

div.pricing-option {
margin: 0px 0px 3px 0px;
}

div.pricing-option label {
padding: 0px 0px 0px 10px;
font-size: 0.9em;
}

div.pricing-option input {

}

div.pricing-examples {

}

div.pricing-examples-header {
font-weight: 500;
padding: 5px 50px 7px 0px;
font-size: 0.9em;
color: #444;
}

div.pricing-examples-label {
font-weight: 500;
padding: 5px 50px 5px 0px;
}

div.pricing-examples-price {
font-family: 'Courier New';
padding: 5px 50px 5px 0px;
font-weight: 800;
text-align: center;
}

div.pricing-plus {
text-align: center;
font-weight: 300;
}

div.pricing-formula {
margin: 20px 0px 30px 0px;
}

div.pricing-formula-box {
background: rgba(0,0,0,0.05);
border-radius: 10px;
padding: 10px 15px 10px 15px;
box-sizing: border-box;
text-align: center;
}

div.pricing-formula-box-header {
font-weight: 800;
font-size: 0.9em;
margin: 0px 0px 15px 0px;
}

div.pricing-formula-box-text {
font-weight: 500;
font-size: 0.8em;
line-height: 1.4em;
}

div.pricing-formula-box-price {
font-size: 0.8em;
font-style: italic;
margin: 15px 0px 0px 0px;
}

div.slidercontainer-current {
margin: 5px 0px 0px 0px;
font-weight: 800;
font-size: 1.2em;
}

div.modal_header_small {
font-weight: 600;
font-size: 1.2em;
margin: 20px 0px 15px 0px;
}

div.modal_text {
margin: 0px 0px 10px 0px;
line-height: 1.5em;
font-size: 0.9em;
}

div.vip-logo {
margin: -15px 0px -40px 0px;
}

div.vip-logo img {
width: 250px;
}

div.collection-tabs {
margin: 10px 0px 0px 0px;
line-height: 2.7em;
}

div.collection-tabs-artists {
margin: 30px 0px 0px 0px;
}

span.new {
color: red;
font-size: 0.5em;
font-weight: 1000;
position: absolute;
margin: 17px 0px 0px -12px;
}

div.all-artists-header {
margin: 100px 0px 0px 0px;
}

div.all-artists {
margin: 50px 0px 100px 0px;
text-align: center;
}

span.all-artists {
background: #AC33FF;
font-size: 1.5em;
padding: 17px 40px 17px 40px;
border-radius: 10px;
color: #fff;
font-weight: 800;
letter-spacing: -1px;
}

div.artists-feature-items {
height: 170px;
overflow: auto;
width: 100vw;
white-space: nowrap;
}

div.artists-feature-item {
width: 150px;
height: 170px;
display: inline-block;
text-align: center;
}

div.artists-feature-img {

}

div.artists-feature-img img {
height: 100px;
width: 100px;
border-radius: 100px;
border: 4px solid #000;
}

div.artists-feature-name {
font-size: 0.9em;
font-weight: 800;
margin: 5px auto 0px auto;
width: 140px;
overflow: hidden;
white-space: nowrap;
}

div.artists-feature-stats {
font-size: 0.7em;
margin: 3px 0px 0px 0px;
}

div.artists-feature-big {
height: 50vh;
background-size: cover;
background-position: 0% 40%;
margin: 0px 0px 40px 0px;
}

div.artists-feature-big-box-left {
background: rgba(0,0,0,1);
border-radius: 30px;
color: #fff;
position: relative;
top: 27vh;
left: 5vw;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 30px;
width: 90vw;
box-sizing: border-box;
}

div.artists-feature-big-box-left-button {
margin: 15px 0px 10px 0px;
text-align: center;
}

span.artists-feature-big-box-left-mini {
position: absolute;
margin: -11px 0px 0px 20px;
}

img.artists-feature-big-box-left-mini {
width: 40px; height: 40px;
border-radius: 5px;
margin: 0px 0px 0px 3px;
}

span.artists-explore {
background: #AC33FF;
color: #000;
cursor: pointer;
padding: 9px 19px 9px 19px;
font-size: 0.7em;
font-weight: 800;
text-transform: uppercase;
border-radius: 10px;
}

div.artists-feature-big-box-left-supheader {
font-size: 0.8em;
font-weight: 800;
margin: 0px 0px 3px 0px;
color: #AC33FF;
text-align: center;
}

div.artists-feature-big-box-left-subheader {
font-size: 0.8em;
font-weight: 800;
margin: 6px 0px 0px 0px;
color: rgba(255,255,255,0.7);
}

div.artists-feature-big-box-left-subheader span {
padding: 0px 5px 0px 5px;
}

div.artists-feature-big-box-left-header {
text-align: center;
font-size: 2.5em;
font-weight: 800;
letter-spacing: -1.5px;
color: #fff;
}

div.artists-feature-big-box-left-header img {
position: absolute;
display: none;
width: 85px;
height: 85px;
border-radius: 85px;
margin: -83px 0px 0px -30px;
border: 5px solid #000;
}

div.artists-feature {
background: #fff;
float: right;
overflow: scroll;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
}

div.artists-directory {
display: none;
background: #000;
color: #fff;
float: left;
overflow: scroll;
}

div.artists-header {
font-size: 2em;
font-weight: 800;
letter-spacing: -1px;
padding: 80px 0px 15px 30px;
border-bottom: 3px solid #AC33FF;
margin: 0px 0px 0px 0px;
color: #AC33FF;
}

div.artists-artist {
text-align: center;
margin: 0px 0px 30px 0px;
cursor: pointer;
}

div.artists-artist-name {
font-size: 1.7em;
font-weight: 700;
letter-spacing: -1.5px;
color: #fff;
padding: 0px 20px 0px 20px;
line-height: 1em;
margin: 7px 0px 5px 0px;
}

div.artists-artist-country {
font-size: 1em;
font-weight: 600;
letter-spacing: -1px;
color: #fff;
opacity: .8;
}

div.artists-artist-country i {
padding: 0px 2px 0px 0px;
}

div.artists-artist-country span {
padding: 0px 5px 0px 5px;
}

div.artists-artist img {
height: 100px;
width: 100px;
border-radius: 100px;
border: 3px solid #fff;
}

div.artists-artist:hover img {
border: 3px solid #AC33FF;
}

div.artists-artist:hover div.artists-artist-name {
color: #AC33FF;
}

div.artists-artist:hover div.artists-artist-country {
color: #AC33FF;
}



div.prguide-showimg {
text-align: center;
}

div.prguide-showimg img {
border-radius: 10px;
max-height: 70vh;
}

div.prguide-slide {
margin: 20px 0px 30px 0px;
}

div.prguide-slide-images {
text-align: center;
margin: 30px 0px 20px 0px;
}

div.prguide-slide-images img {
height: 120px;
border-radius: 5px;
margin: 0px 10px 10px 10px;
cursor: pointer;
}

img.cross {
position: absolute;
width: 70px !important;
height: 70px !important;
margin: 25px 0px 0px -90px !important;
}


div.prguide-slide-header {
font-size: 1.5em;
text-align: center;
font-weight: 400;
margin: 0px 0px 30px 0px;
}

div.prguide-slide-text {
font-size: 1em;
margin: 0px 0px 15px 0px;
line-height: 1.4em;
}

div.prguide-slide-text i {
font-weight: 600;
}

div.review-selectas {
font-weight: 700;
margin: 5px 0px 0px 0px;
}

div.review-selectas label {
font-weight: 500;
font-size: 0.8em;
padding: 0px 0px 0px 3px;
}


div.modal_error {
font-weight: 800;
color: red;
text-align: center;
margin: 30px 0px 0px 0px;
}

div.modal_input-below {
font-style: italic;
font-size: 0.9em;
margin: 5px 0px 0px 0px;
}

div.directory-table-scoreboxes {
position: relative;
bottom: 5px;
}

table.directory-table {
margin: auto;
}

td.directory-table-header {
font-weight: 600;
text-align: right;
padding: 10px 20px 10px 0px;
}

td.directory-table-value {
}

div.directoryedit-image img {
max-width: 100%;
}

.darkgrey {
}

span.directory-dot-green {
display: inline-block;
width: 13px;
height: 13px;
border-radius: 13px;
background: green;
margin: 0px 5px 0px 0px;
position: relative;
top: 1px;
}

span.directory-dot-red {
display: inline-block;
width: 13px;
height: 13px;
border-radius: 13px;
background: #BD0000;
margin: 0px 5px 0px 0px;
position: relative;
top: 1px;
}

div.directoryedit-title {
font-size: 0.9em;
margin: 20px 0px 0px 0px;
}

div.directoryedit-input {
margin: 8px 0px 0px 0px;
}

div.directoryedit-input input {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
font-size: 0.9em;
border-radius: 5px;
width: 20vw;
border: 1px solid #ddd;
}

div.directoryedit-addtags input {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
font-size: 0.9em;
border-radius: 5px;
width: 20vw;
border: 1px solid #ddd;
margin: 0px 30px 0px 0px;
text-transform: uppercase;
}

div.directoryedit-addtags {
margin: 25px 0px 0px 0px;
}

input.directory-input {
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
border: 1px solid #ddd;
font-size: 0.9em;
border-radius: 5px;
width: 20vw;
}


div.directory-artworks {

}

div.directory-artworks-thumbs {
padding: 50px 0px 0px 0px;
}

div.directory-artworks-list {
padding: 50px 0px 0px 0px;
}

div.directory-artwork-image {
background-size: cover;
background-position: center;
cursor: pointer;
border-radius: 10px;
}

div.directory-artworks-thumbs div.directory-artwork-status-title {
font-weight: 300;
font-size: 1.3em;
margin: 0px 0px 3px 0px;
width: 150px;
text-align: center;
white-space: nowrap;
overflow: hidden;
}

div.directory-artworks-thumbs div.directory-artwork {
width: 160px;
height: 240px;
display: inline-block;
}

div.directory-artworks-thumbs div.directory-artwork-img {

}

div.directory-artworks-thumbs div.directory-artwork-image {
width: 150px;
height: 150px;
}

div.directory-artworks-thumbs div.directory-artwork-status {
font-size: 0.8em;
font-weight: 700;
margin: 10px 0px 0px 0px;
width: 150px;
text-align: center;
}

div.directory-artworks-thumbs div.directory-artwork-title {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-category {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-listing {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-buttons {
display: none;
}

div.directory-artworks-thumbs div.directory-artwork-score {
display: none;
}

div.directory-artworks-list div.directory-artwork {
display: block;
width: 100%;
border-bottom: 1px solid #ddd;
padding: 20px 0px 20px 0px;
}

div.directory-artworks-list div.directory-artwork-status-title {
display: none;
}

div.directory-artworks-list div.directory-artwork-img {
width: 75px;
box-sizing: border-box;
display: inline-block;
}

div.directory-artworks-list div.directory-artwork-image {
width: 50px;
height: 50px;
display: inline-block;
position: absolute;
box-sizing: border-box;
margin: -30px 0px 0px 0px;
}

div.directory-artworks-list div.directory-artwork-status {
display: inline-block;
width: 10vw;
box-sizing: border-box;
font-size: 0.9em;
font-weight: 600;
}

div.directory-artworks-list div.directory-artwork-title {
display: inline-block;
width: 25vw;
box-sizing: border-box;
}

div.directory-artworks-list div.directory-artwork-listing {
display: inline-block;
width: 10vw;
box-sizing: border-box;
}

div.directory-artworks-list div.directory-artwork-category {
display: inline-block;
width: 15vw;
box-sizing: border-box;
}

div.directory-artworks-list div.directory-artwork-buttons {
display: inline-block;
width: calc(100% - 75vw - 75px);
box-sizing: border-box;
text-align: right;
}

div.directory-artworks-list div.directory-artwork-score {
display: inline-block;
width: 15vw;
box-sizing: border-box;
}

div.directory-artwork-score div.directory-table-scoreboxes {
transform: scale(0.7);
}

div.modal-upperbuttons {

}

span.upperbutton {
padding: 7px 13px 8px 13px;
border-radius: 4px;
font-size: 1em;
font-weight: 800;
margin: 0px 5px 0px 0px;
cursor: pointer;
}

span.upperbutton-onlyicon {
padding: 7px 13px 7px 13px;
}

span.upperbutton i {
padding: 0px 5px 0px 0px;
}

span.upperbutton-onlyicon i {
padding: 0px;
}



div.directory-rules {
font-size: 0.8em;
font-style: italic;
margin: 25px 0px 0px 0px;
}

span.directory-rules-link {
font-weight: 800;
cursor: pointer;
border-bottom: 1px solid #000;
padding: 0px 0px 2px 0px;
}

div.modal-rules {
margin: 30px 0px 0px 0px;
}

div.modal-rules li {
list-style: square;
padding: 0px 0px 20px 0px;
}

div.modal-rule-header {
font-weight: 800;
margin: 0px 0px 10px 0px;
}

div.modal-rule-text {

}

div.artists-target {
text-align: center;
margin: 40px 0px -10px 0px;
height: 150px;
scroll-x: auto;
overflow: scroll;
white-space: nowrap;
}

div.window-main-open div.artists-target {
width: 100vw;
}

div.window-main div.artists-target {
width: 100vw;
}

div.search-artist {
display: inline-block;
height: 100px;
width: 100px;
}

div.search-artist-img {
}

div.search-artist-img img {
width: 75px;
height: 75px;
border-radius: 75px;
}

div.search-artist-name {
font-weight: 800;
margin: 10px auto 0px auto;
width: 75px;
font-size: 0.8em;
white-space: nowrap;
overflow: hidden;
}

div.search-artist-artworks {
font-size: 0.8em;
}


span.partnerlogo img {
max-width: 80px;
margin: 0px 10px 0px 10px;
}

div.partnerlogos {
margin: 20px 0px 0px 0px;
}

span.partnerlogo1 {
position: relative;
bottom: 7px;
}

span.partnerlogo2 {
position: relative;
bottom: 3px;
}

span.partnerlogo3 {
position: relative;
top: 1px;
}

span.partnerlogo4 {
position: relative;
bottom: 3px;
}

span.partnerlogo5 {
position: relative;
bottom: 13px;
}

span.partnerlogo6 {
position: relative;
bottom: 14px;
}

span.partnerlogo10 {
position: relative;
bottom: 3px;
}

span.partnerlogo11 {
position: relative;
bottom: 3px;
}

span.partnerlogo12 {
position: relative;
bottom: 5px;
}


span.goldtext {
background-image: linear-gradient(
to right,
#462523 0,
#cb9b51 22%,
#f6e27a 45%,
#f6f2c0 50%,
#f6e27a 55%,
#cb9b51 78%,
#462523 100%
);
color:transparent;
-webkit-background-clip:text;
text-shadow: 0px 0px 30px rgba(0,0,0,0.3);
}


div.footer-terms {
margin: 10px 0px 0px 0px;
}

span.footer-term {
font-weight: 600;
border-bottom: 1px solid rgba(255,255,255,0.5);
padding: 0px 0px 2px 0px;
cursor: pointer;
}

span.agreements-link {
border-bottom: 2px solid #000;
}

div.about-section-text-segments {
margin: 20px 0px 0px 0px;
font-size: 0.9em;
}

div.offer-button {
text-align: center;
margin: 40px 0px 100px 0px;
}

div.offer-button2 {
text-align: center;
margin: -70px 0px 120px 0px;
}


span.offer-button {
background: #000;
font-size: 1.2em;
padding: 15px 40px 16px 40px;
font-weight: 800;
border-radius: 15px;
cursor: pointer;
color: #fff;
}

span.offer-button2 {
font-size: 1.2em;
padding: 15px 40px 16px 40px;
font-weight: 800;
border-radius: 15px;
cursor: pointer;
color: #000;
border: 1px solid #000;
margin: 0px 0px 0px 5px;
}

div.offer {
max-width: 800px;
margin: 50px auto 50px auto;
padding: 0px 40px 0px 20px;

}

div.offer-header {
font-size: 3em;
font-weight: 900;
letter-spacing: -1.5px;
text-align: center;
margin: 30px 0px 40px 0px;
}

div.offer-list {

}

div.offer-list ul {

}

div.offer-list ul li {
list-style: square;
font-size: 1.2em;
padding: 0px 0px 20px 20px;
line-height: 1.4em;
}

span.offer-list-bold {
font-weight: 800;
font-size: 1.2em;
display: block;
margin: 0px 0px 3px 0px;

}

span.about-section-text-segment {
white-space: nowrap;
padding: 0px 10px 0px 0px;
font-weight: 400;
}

span.about-section-text-segment i {
font-size: 0.7em;
color: #82CA68;
padding: 0px 2px 0px 10px;
}


span.portfolioreview-uploader-slot-trash {
font-size: 0.3em;
background: #BD0000;
color: #fff;
border-radius: 5px;
padding: 4px 10px 4px 10px;
opacity: .8;
position: relative;
top: 26px;
cursor: pointer;
}

span.portfolioreview-uploader-slot-trash:hover {
opacity: 1;
}

div.slot-inner {
margin: -5px 0px 0px -5px;
}

div.slot-uploading {
font-size: 0.5em;
color: #000;
}

div.portfolioreview-uploader {
margin: 30px 0px 0px 0px;
text-align: center;
}

div.portfolioreview-uploader-slot {
height: 110px;
width: 110px;
display: inline-block;
margin: 10px;
border: 2px solid #ccc;
border-radius: 5px;
font-size: 3em;
color: #ccc;
text-align: center;
box-sizing: border-box;
background-size: cover;
}

div.portfolioreview-uploader-hasimage {
border: 0px;
}

table.portfolioreview-uploader-slot {
height: 110px;
width: 110px;
}

div.activate-uploadbutton {
text-align: center;
margin: 30px 0px 0px 0px;
}

span.activate-biography-status {
font-size: 0.9em;
font-weight: 800;
padding: 0px 0px 0px 20px;
position: relative;
top: 2px;
}

div.activate-biography-button {
margin: 20px 0px 50px 0px;
text-align: center;
}

span.signup-step-next {
color: #17bebb;
font-size: 2em;
cursor: pointer;
position: relative;
top: 6px;
margin: 0px 0px 0px 10px;
}

span.signup-step-status-error {
color: #CB2D2D;
font-size: 2em;
cursor: pointer;
position: relative;
top: 6px;
margin: 0px 0px 0px 10px;
}

span.signup-step-status-ok {
color: #38AD0F;
font-size: 2em;
cursor: pointer;
position: relative;
top: 6px;
margin: 0px 0px 0px 10px;
}

div.signup-step-error {
margin: 4px 0px 0px 0px;
font-size: 0.8em;
font-weight: 800;
color: #CB2D2D;
padding: 0px 0px 0px 5px;
}

div.signup-step {
margin: 0px 0px 20px 0px;
}

div.signup-step-header {
font-size: 0.9em;
margin: 0px 0px 5px 0px;
}

div.signup-step-input {

}

div.signup-step-input input {
font-size: 1em;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
border: 0px;
border-radius: 7px;
width: 70%;
padding: 10px;
}

div.signup-captcha {
margin: 50px 0px 30px 0px;
}

div.signup-section-separator {
width: 80%;
border-top: 1px solid #000;
margin: 0px auto 34px auto;
}

div.signup-section-icon {
font-size: 3.5em;
margin: 0px 0px 10px 0px;
}

div.signup-section {
text-align: center;
margin: 0px 0px 60px 0px;
}

div.signup-section-header {
font-size: 2em;
font-weight: 900;
letter-spacing: -1px;
}

div.signup-section-subheader {
font-size: 1.2em;
margin: 20px 0px 0px 0px;
}

div.signup-section-button {
margin: 40px 0px 0px 0px;
}

span.signup-section-button {
border-radius: 10px;
padding: 13px 30px 15px 30px;
font-weight: 600;
font-size: 1.3em;
cursor: pointer;
}

div.agreement-tabs {
margin: 10px 0px 10px 0px;
}

span.agreement-tab {
margin: 0px 20px 0px 0px;
cursor: pointer;
color: #777;
padding: 0px 0px 3px 0px;
}

span.agreement-tab-active {
font-weight: 800;
color: #000;
}

div.agreement-agree {
margin: 20px 0px -10px 0px;
font-size: 0.8em;
font-style: italic;
text-align: center;
line-height: 1.5em;
font-weight: 800;
}

div.signup-agreement-top {
margin: -30px 0px 0px 0px;
}

div.signup-agreement {
max-height: 40vh;
overflow: auto;
background: #fff;
border: 2px solid #eee;
border-radius: 10px;
padding: 20px;
font-size: 0.9em;
}

div.signup-agreement-1 {
margin: -15px 0px 0px 0px;
}

div.signup-agreement-1 .c0 {
font-weight: 800;
margin: 25px 0px 25px 0px;
display: block;
}

div.signup-agreement-2 {
margin: -15px 0px 0px 0px;
}

div.signup-agreement-2 .c2 {
font-weight: 800;
margin: 25px 0px 25px 0px;
display: block;
}

div.signup-agreement-3 {
margin: -15px 0px 0px 0px;
}

div.signup-agreement-3 .c4 {
font-weight: 800;
margin: 25px 0px 25px 0px;
display: block;
}

.mobilehide {
display: none;
}

.mobileshow {
display: unset;
}

div.partnerdetails-header {
font-size: 1.5em;
font-weight: 800;
margin: 30px 0px 20px 0px;
}

div.partnerdetails-detail {
margin: 7px 0px 7px 0px;
}

span.partnerdetails-detail-header {
font-weight: 700;
padding: 0px 5px 0px 0px;
}

span.dashboard-options-button {
border: 1px solid #000;
color: #000;
padding: 7px 15px 7px 15px;
cursor: pointer;
border-radius: 10px;
font-size: 0.8em;
margin: 0px 0px 0px 10px;
position: relative; bottom: 2px;
white-space: nowrap;
}

span.dashboard-invited {
font-size: 0.7em;
padding: 0px 0px 0px 10px;
position: relative; bottom: 3px;
color: #bbb;
}

div.partnerdetails-graphs {

}

div.partnerdetails-graph {
height: 250px;
margin: 30px 0px 0px 0px;
}

div.partnerdetails-graph-header {
font-size: 1.1em;
font-weight: 800;
letter-spacing: -0.5px;
margin: -15px 0px 0px 0px;
text-align: center;
}

div.partnerdetails-graph-subheader {
font-size: 0.9em;
margin: 3px 0px 0px 0px;
text-align: center;
display: none;
}

div.partnerstatus {
margin: 10px 0px 10px 0px;
}

span.partnerstatus {
padding: 5px 10px 5px 10px;
border-radius: 15px;
}

span.partnerstatus-grey {
background: #ddd;
color: #000;
}

span.partnerstatus-green {
background: #17bebb;
color: #fff;
}

span.partnerstatus-verygreen {
background: #70CF5F;
color: #fff;
}

div.dashboard-floater {
padding: 20px;
width: 350px;
position: fixed;
right: 30px;
bottom: 30px;
background: rgba(0,0,0,0.5);
border-radius: 15px;
color: #fff;
text-align: center;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}

div.dashboard-floater-header {
font-size: 1.5em;
font-weight: 800;
}

div.dashboard-floater-subheader {
margin: 10px 0px 0px 0px;
}

div.dashboard-floater-buttons {
margin: 30px 0px 17px 0px;
}

div.dashboard-search {
padding: 20px 1.3vw 0px 1.3vw;
}

div.dashboard-options {
margin: 30px 0px 20px 1.3vw;
line-height: 2.5em;
}

div.dashboard-options input {
position: relative;
bottom: 1px;
margin: 0px 8px 0px 10px;
}

div.dashboard-options label {
padding: 0px 30px 0px 0px;
}

span.dashboard-search-icon {
position: absolute;
font-size: 1.3em;
margin: 10px 0px 0px 14px;
color: #555;
}

input.dashboard-search {
border: 2px solid #555;
padding: 10px 10px 10px 50px;
font-size: 1em;
outline: none;
border-radius: 10px;
width: 50%;
}

table.dashboard-partners-table {
margin: 10px 0px 0px 0px;
}

table.dashboard-partners-table td {
font-size: 1.3em;
border-bottom: 1px solid #fff;
}

table.dashboard-partners-table tr td {
padding: 10px 0px 10px 5px;
cursor: pointer;
}

table.dashboard-partners-table tr:hover td {
background: #eee;
}

td.dashboard-partners-table-header {
padding: 15px 0px 15px 5px !important;
font-weight: 800;
}

td.dashboard-partners-table-header span {
padding: 0px 0px 5px 5px;
color: #666;
}

tr.dashboard-partners-table-header:hover td {
background: #fff !important;
}

tr.dashboard-compact-selected td {
background: #bbb !important;
}

div.dashboard-main {
padding: 10px 0px 200px 0px;
}

div.dashboard-header {
font-weight: 900;
font-size: 2.5em;
letter-spacing: -1.5px;
margin: 0px 0px 0px 1.65vw;
}

div.dashboard-header2 {
font-weight: 900;
font-size: 2em;
letter-spacing: -1.5px;
padding: 20px 0px 0px 1.65vw;
}

div.dashboard-stats {
clear: both;
margin: 30px 0px 30px 0px;
}

div.dashboard-stat {
margin: 0px 1.65vw 0px 1.65vw;
}

div.dashboard-stat-graph {
height: 300px;
margin: 0px 0px 0px 0px;
}

div.dashboard-stat-graph-hide {
height: 20px;
width: 60px;
position: absolute;
background: #fff;
margin: -25px 0px 0px 0px;
}

div.dashboard-stat-graph-hide2 {
height: 20px;
width: 60px;
position: absolute;
background: #fff;
margin: -23px 0px 0px 0px;
}


div.dashboard-stat-header {
font-weight: 800;
font-size: 1.3em;
letter-spacing: -0.5px;
margin: -15px 0px 3px 0px;
text-align: center;
}

div.dashboard-stat-subheader {
font-size: 0.8em;
text-align: center;
margin: 0px 0px 20px 0px;
}




span.already-downloaded {
background: #70CF5F;
color: #fff;
position: absolute;
padding: 5px 8px 5px 8px;
margin: 5px 0px 0px -5px;
border-radius: 5px;
font-size: 0.8em;
font-weight: 800;
transform:translateX(-100%);
white-space: nowrap;
}

span.in-list {
display: none;
}

span.already-downloaded-hidden {
display: none;
}

div.download-cart-back {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 21;
}

div.download-cart-button {
margin: 20px 0px 20px 0px;
}

div.download-cart-button span.button {
display: block;
}

div.download-cart-row {
text-align: left;
padding: 5px 0px 5px 0px;
}

div.download-cart-row-img {

}

div.download-cart-row-img img {
width: 80px;
border-radius: 5px;
}

div.download-cart-row-id {
opacity: .8;
font-size: 0.9em;
margin: 0px 0px 5px 0px;
display: none;
}

div.download-cart-row-resolution {
opacity: .8;
font-size: 0.8em;
}

div.download-cart-row-title {
font-weight: 700;
font-size: 1.1em;
margin: 0px 0px 5px 0px;
}

div.download-cart {
padding: 15px 20px 20px 20px;
position: fixed;
bottom: 58px;
right: 0px;
z-index: 21;
background: rgba(0,0,0,0.7);
width: 100%;
max-height: 70vh;
overflow: auto;
color: #fff;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-sizing: border-box;
}

div.download-cart-header {
font-weight: 800;
letter-spacing: -1px;
font-size: 1.3em;
margin: 0px 0px 10px 0px;
text-align: center;
}

div.download-cart-target {
text-align: center;
font-size: 0.9em;
font-weight: 300;
}


span.navi-link-button-downloads {
background: #CB2D2D;
color: #fff;
padding: 7px 10px 7px 10px;
font-weight: 800;
position: fixed;
bottom: 12px;
right: 12px;
border-radius: 7px;
cursor: pointer;
letter-spacing: -0.5px;
}

span.navi-link-button-downloads i {
margin: 0px 5px 0px 0px;
font-size: 1.2em;
}

span.overlay-buttons {
display: none;
}

div.collections-page-sidebar {
display: none;
}

span.navi-search {
display: none;
}

div.footer {
background: #000;
color: #fff;
padding: 50px 0px 50px 0px;
margin: 0px 0px -50px 0px;
position: relative;
}

div.footer-inner {
padding: 50px;
box-sizing: border-box;
}

img.footer-logo {
filter: invert(1);
width: 200px;
opacity: .85;
}

div.footer-logo {
margin: 0px 0px 20px 0px;
}

div.footer-text {
margin: 0px 0px 20px 0px;
line-height: 1.8em;
font-size: 0.9em;
}

div.footer-contact {
margin: 40px 0px 0px 0px;
}

span.footer-contact {
background: rgba(255,255,255,0.7);
color: #000;
font-weight: 800;
padding: 10px 20px 10px 20px;
border-radius: 10px;
cursor: pointer;
}

div.main {
padding: 0px 0px 100px 0px;
}


div.collections-all-front {
margin: -20px 0px 0px 0px;
}

span.collections-top-button {
background: #000;
padding: 10px 20px 10px 20px;
font-weight: 800;
font-size: 0.8em;
cursor: pointer;
color: #fff;
border-radius: 20px;
}

span.collections-top-button:hover {
opacity: 1;
}

div.collections-top-title {
text-align: center;
font-size: 2em;
font-weight: 800;
letter-spacing: -1.5px;
color: #fff;
padding: 0px 20px 0px 20px;
}

div.collections-top-title-black {
color: #000;
}

div.collections-top-button {
text-align: center;
margin: 40px 0px 0px 0px;
}

div.collections-top2 {
height: 30vh;
}

div.collections-all-images {
height: 22vh;
overflow: auto;
white-space: nowrap;
padding: 0px 0px 0px 20px;
overflow-y: hidden;
}

div.collections-all-images-interiors {
}

div.collections-all-images::-webkit-scrollbar {
height: 10px;
}

div.collections-all-images::-webkit-scrollbar-track {
background: #fff;
}

div.collections-all-images::-webkit-scrollbar-thumb {
background: #eee;
border-radius: 10px;
}

div.collections-all-images::-webkit-scrollbar-thumb:hover {
background: #ccc;
}

div.image-big-allcoll {
width: 30vw;
height: 22vh;
display: inline-block;
margin: 0px 0px 0px 0px;
text-align: left;
}

div.image-big-thumb-allcoll {
width: 25vw;
height: 25vw;
border-radius: 10px;
background-size: cover;
overflow: hidden;
border: 1px solid #ddd;
}

div.image-big-header-allcoll {
font-size: 0.9em;
letter-spacing: -1px;
font-weight: 800;
margin: 10px 0px 2px 0px;
width: 28vw;
white-space: nowrap;
overflow: hidden;
}

div.image-big-header-allcoll-gradient {
width: 30vw;
font-size: 0.9em;
font-weight: 800;
position: relative;
margin: -1em 0px 0px 0px;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(9,9,121,0) 75%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)
100%);
}

div.image-big-subheader-allcoll {
font-size: 0.8em;
}

div.collections-all {
padding: 20px 0px 0px 0px;
}

div.collections-all-header {
font-size: 1.2em;
letter-spacing: -0.5px;
font-weight: 900;
margin: 20px 0px 20px 0px;
border-bottom: 2px solid #000;
padding: 0px 0px 10px 20px;
}


div.white-text {
color: #fff !important;
}

img.white-text {
filter: invert(1);
}

a.view-author-link {
border-bottom: 1px dashed #000;
padding: 0px 0px 2px 0px;
}

div.collection-header-img {
text-align: center;
}

div.collection-header-img img {
width: 70px;
height: 70px;
border-radius: 70px;
}

span.view-data-value-iconlabel {
font-size: 0.9em;
position: relative;
font-weight: 700;
bottom: 3px;
padding: 0px 0px 0px 4px;
}

div.navi-link-menu-left-adjust {
visibility: hidden;
}

div.closemodal {
position: fixed;
bottom: 20px;
right: 25px;
cursor: pointer;
z-index: 100000000000;
display: none;
}

div.closemodal-size-full {
bottom: 7px;
right: 10px;
}

span.bottom-navi-icon {
padding: 0px 30px 0px 0px;
}

span.bottom-navi-icon img {
height: 29px;
width: 29px;
position: absolute;
margin: -4px 0px 0px 0px;
}

.mobile-hide {
display: none;
}

div.front-section1-inner {
position: relative;
bottom: 5vh;
}

span.view-data-scorebox2 {
background: #E5EDE4;
padding: 10px;
font-size: 1px;
margin: 0px 3px 0px 0px;
border-radius: 4px;
}

span.view-data-scorebox2-filled {
background: #70CF5F;
}

span.view-data-scorebox {
background: #DDE2E7;
padding: 10px;
font-size: 1px;
margin: 0px 3px 0px 0px;
border-radius: 4px;
}

span.view-data-scorebox-filled {
background: #1D73C9;
}

span.image-dot {
display: inline-block;
width: 15px;
height: 15px;
background: #70CF5F;
border-radius: 15px;
position: absolute;
margin: 2px 0px 0px 7px;
opacity: .7;
}

span.notification-dot {
display: inline-block;
width: 15px;
height: 15px;
background: #70CF5F;
border-radius: 15px;
position: absolute;
margin: 4px 0px 0px -29px;
opacity: .7;
}

div.notifications-main {
position: fixed;
bottom: 50px;
left: 3vw;
z-index: 2;
width: 94vw;
}

div.notifications-item {
padding: 15px 20px 15px 50px;
color: #000;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(240,240,240,0.6);
margin: 0px 0px 20px 0px;
border-radius: 20px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
font-size: 0.9em;
font-weight: 800;
line-height: 1.5em;
cursor: pointer;
box-sizing: border-box;
}

div.notifications-item:hover {
background: rgba(255,255,255,1);
}

div.notifications-item:hover span.notification-dot {
opacity: 1;
}

div.about-contact {
margin: 0px 0px 0px 0px;
text-align: center;
padding: 0px 0px 50px 0px;
}

div.about-contact-front-anon {
padding: 0px 0px 140px 0px;
}

span.about-contact-button {
background: #000;
color: #fff;
font-size: 1.5em;
padding: 15px 30px 15px 30px;
font-weight: 800;
border-radius: 20px;
cursor: pointer;
}

div.about-section {
}

div.about-section-notlast {
}

div.about-section1-left {
width: 100vw;
height: 60vh;
max-height: 600px;
background-size: cover;
box-sizing: border-box;
}

div.about-section1-right {
width: 100vw;
background: #000;
color: #fff;
box-sizing: border-box;
padding: 40px;
text-align: center;
}

div.about-section2-left {
width: 100vw;
background: #000;
color: #fff;
box-sizing: border-box;
padding: 40px;
text-align: center;
}

div.about-section2-right {
width: 100vw;
height: 60vh;
max-height: 600px;
background-size: cover;
box-sizing: border-box;
text-align: center;
}

div.about-section-header {
font-size: 2.4em;
font-weight: 800;
letter-spacing: -1px;
line-height: 1.1em;
}

div.headercolor1 {
color: #17bebb;
}

div.headercolor2 {
color: #CF9853;
}

div.headercolor3 {
color: #8A73CD;
}

div.headercolor4 {
color: #CA1144;
}

div.about-section-text {
font-size: 1em;
font-weight: 300;
margin: 20px 0px 0px 0px;
opacity: .9;
line-height: 1.4em;
}

div.about-section-text p {
margin: 15px 0px 0px 0px;
padding: 0px;
}

div.about-section-text2 {
font-size: 1.4em;
line-height: 1.3em;
font-weight: 700;
opacity: 1;
}


div.about-topimg {
text-align: center;
margin: 50px 0px 0px 0px;
}

div.about-topimg img {
max-width: 60vw;
}

div.about-bigheader {
font-weight: 900;
font-size: 2em;
letter-spacing: -2px;
text-align: center;
padding: 60px 40px 60px 40px;
max-width: 1400px;
margin: auto;
line-height: 1.3em;
}

div.about-bigheader-front-anon {
padding: 30px 40px 60px 40px;
line-height: 1.4em;
}

div.about-bigheader-front-anon2 {
padding: 0px 30px 120px 30px;
font-size: 1.7em;
font-weight: 800;
letter-spacing: -1px;
margin: -50px 0px 0px 0px;
}

div.about-bigheader p {
margin: 40px 0px 0px 0px;
padding: 0px;
}

span.navi-link-button-right-label {
position: relative;
bottom: 1px;
}

span.navi-link-button-right {
background: #fff;
padding: 7px 10px 7px 10px;
font-weight: 800;
float: right;
border-radius: 7px;
margin: 5px 100px 0px 0px;
cursor: pointer;
letter-spacing: -0.5px;
display: none;
}

span.navi-link-button-right i {
margin: 0px 5px 0px 0px;
font-size: 1.2em;
}

span.view-data-tag {
background: #eee;
padding: 3px 10px 3px 10px;
margin: 0px 5px 0px 0px;
font-size: 0.8em;
border-radius: 5px;
white-space: nowrap;
}

span.view-data-tag:hover {
background: #333;
color: #fff;
}

div.view-data {
margin: 20px 0px 0px 0px;
font-size: 0.8em;
}

div.view-data-header {
font-weight: 800;
margin: 10px 0px 0px 0px;
}

div.view-data-value {
margin: 4px 0px 0px 0px;
}

div.view-data-value-tags {
line-height: 1.8em;
margin: 10px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
gap: 5px 0px;
}

div.view-data-value i {
font-size: 1.5em;
padding: 5px 0px 5px 0px;
}

div.view-wall-img-horizontal {
}

div.view-wall-img-portrait {

}

div.view-wall-img-horizontal img {
width: 15vw;
box-shadow: -3px 3px 10px rgba(0,0,0,0.3);
position: absolute;
border: 4px solid #000;
margin: 4vw 0px 0px 11.5vw;
opacity: 0.9;
border-radius: 2px;
padding: 15px;
background: #eee;
}

div.view-wall-img-portrait img {
height: 15vw;
box-shadow: -3px 3px 10px rgba(0,0,0,0.3);
position: absolute;
border: 4px solid #000;
margin: 4vw 0px 0px 14vw;
opacity: 0.9;
border-radius: 2px;
padding: 15px;
background: #eee;
}

div.view-wall img {
width: 30vw;
border-radius: 7px;
}

div.view-block1 {
float: left;
width: 50%;
padding: 10px;
box-sizing: border-box;
display: none;
}

div.view-block2 {
width: 100%;
padding: 10px;
box-sizing: border-box;
}

div.view-blocks:after {
}

div.view-blocks {
padding: 20px;
}

div.view-blocks:after {
content: "";
display: table;
clear: both;
}

div.collection-other {
text-align: center;
margin: 20px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.6em;
padding: 0px 30px 0px 30px;
}

div.collection-downloaded {
text-align: center;
margin: 30px 0px 0px 0px;
font-size: 0.9em;
font-style: italic;
}

div.collection-other-topspace {
padding: 60px 30px 0px 30px;
}

span.collection-other-link {
font-weight: 800;
border-bottom: 2px solid #ddd;
margin: 0px 3px 0px 3px;
padding: 0px 0px 2px 0px;
}

span.collection-other-link:hover {
border-bottom: 2px solid #000;
}

div.image-big-thumb-sub {
background-size: cover;
width: 20vw;
height: 20vw;
display: inline-block;
margin: -3px 0px 0px 0px;
}

div.image-big-thumb-sub-horiz {
background-size: cover;
background-position: center 40%;
width: 40vw;
height: 20vw;
display: inline-block;
margin: -3px 0px 0px 0px;
}

div.collections-allcat {
clear: both;
padding: 30px 0px 100px 0px;
text-align: center;
}

div.collections-top {
width: 100vw;
height: 40vh;
clear: both;
}

div.collections-top-left-image {
height: calc(60vw / 6.05);
width: calc(60vw / 6.05);
background-size: cover;
display: inline-block;
margin: -1px 0px 0px 0px;
padding: 0px;
}

div.collections-top-left {
height: 45vh;
width: 60%;
background: #111;
float: left;
overflow: hidden;
line-height: 0px;
letter-spacing: 0px;
display: none;
}

div.collections-top-right-inner {
height: 100%;
width: 100%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}

div.collections-top-right {
width: 100vw;
height: 40vh;
background: #111;
}

div.collections-top-right-title {
text-align: center;
color: #fff;
font-size: 3em;
padding: 0px 20px 0px 20px;
font-weight: 800;
letter-spacing: -2px;
line-height: 1.1em;
margin: -20px 0px 0px 0px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

div.collections-top-right-button {
margin: 50px 0px 0px 0px;
text-align: center;
}

span.collections-top-right-button {
background: #fff;
color: #000;
font-weight: 800;
font-size: 1.1em;
letter-spacing: -1px;
padding: 10px 20px 10px 20px;
border-radius: 10px;
cursor: pointer;
opacity: .9;
}

span.collections-top-right-button:hover {
opacity: 1;
}

div.modal_linkcollection {
margin: 10px 0px 10px 0px;
font-size: 1.2em;
font-weight: 800;
letter-spacing: -1px;
cursor: pointer;
opacity: .7;
}

div.modal_linkcollection:hover {
opacity: 1;
}

span.collcat-hideonlyicons {
margin: 0px 0px 0px 7px;
position: relative;
bottom: 5px;
display: none;
}

span.collcat-hideonlyicons2 {
margin: 0px 0px 0px 5px;
position: relative;
bottom: 17px !important;
display: none;
}

div.collection_categories_category_title:hover span.collcat-hideonlyicons {
display: inline;
}

div.collection_categories_category_coll:hover span.collcat-hideonlyicons2 {
display: inline;
}

div.collection_categories_category_coll_img {
width: 40px;
height: 40px;
border-radius: 5px;
display: inline-block;
background-size: cover;
border: 1px solid #000;
margin: 0px 10px 0px 0px;
}

div.collection_categories {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}

div.collection_categories_category {
padding: 0px 20px 10px 20px;
border-left: 2px solid #aaa;
margin: 10px 0px 0px 20px;
}

div.collection_categories_category_title {
font-weight: 800;
letter-spacing: -1px;
font-size: 1.4em;
margin: 0px 0px 15px 0px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;

}

div.collection_categories_category_coll {
padding: 3px 0px 3px 0px;
font-size: 1.2em;
font-weight: 600;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;

}

div.collection_categories_category_coll span {
position: relative;
bottom: 14px;
}

div.collection_categories_category_add {
padding: 7px 0px 7px 20px;
margin: 5px 0px 0px 0px;
}

div.collection_categories_category_add i {
margin: 0px 10px 0px 0px;
}

div.modal_tabs {
margin: 5px 0px 5px 0px;
text-align: center;
}

span.modal_tabs_tab {
font-weight: 400;
margin: 0px 10px 0px 10px;
opacity: .5;
padding: 0px 0px 3px 0px;
cursor: pointer;
white-space: nowrap;
}

span.modal_tabs_tab:hover {
opacity: 1;
border-bottom: 1px solid #aaa;
}

span.modal_tabs_tab_active {
font-weight: 700;
opacity: 1;
border-bottom: 1px solid #000;
}

div.modal_notfound {

}

div.modal_notfound_header {
font-size: 1.3em;
font-weight: 600;
letter-spacing: -1px;
text-align: center;
}

div.modal_notfound_sub {
text-align: center;
font-size: 0.8em;
margin: 5px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}

div.modal_downloads {

}

div.modal_downloads_download {
margin: 10px 0px 10px 0px;
border-bottom: 1px solid #eee;
padding: 0px 0px 10px 0px;
}

div.modal_downloads_download_percent {
font-weight: 600;
}

div.modal_downloads_download_status {
font-weight: 600;
}

div.modal_downloads_download_icon {
font-size: 2em;
color: #731963;
}

div.modal_downloads_download_photos {
font-weight: 800;
font-size: 1em;
}

div.modal_downloads_download_date {

}

div.modal_downloads_download_buttons {
text-align: right;
}

div.modal_downloads_download_buttons .medium {
padding: 8px 8px 8px 13px !important;
font-size: 0.8em !important;
}

div.modal_users_buttons {
display: none;
}

div.modal_users_buttons i {
margin: 0px !important;
}

select.select {
-webkit-appearance:none;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: #000;
padding: 10px 20px 10px 20px;
background: #eee;
border: 0px;
font-size: 0.9em;
}

select.filter-select {
-webkit-appearance:none;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
color: rgba(255,255,255,0.8);
padding: 7px 15px 7px 15px;
background: rgba(255,255,255,0.3);
border: 0px;
font-size: 0.8em;
outline: none;
}

div.modal_users_company {
font-size: 0.9em;
margin: 3px 0px 0px 0px;
}

img.modal_users_img {
width: 40px;
height: 40px;
border-radius: 40px;
}

div.modal_users_name {
font-weight: 700;
}

div.modal_users {
margin: 0px 0px 20px 0px;
}

div.modal_users_user {
margin: 10px 0px 10px 0px;
cursor: pointer;
}

div.modal_users_user:hover div.modal_users_buttons {
display: block;
}

div.modal_headersmall {
font-weight: 800;
font-size: 1.3em;
margin: 30px 0px 20px 0px;
}

div.msg {
position: fixed;
padding: 10px 20px 10px 20px;
z-index: 100000000000;
box-sizing: border-box;
top: 0px;
}

div.select-popup-buttons {
display: inline-block;
}

div.select-popup-button {
display: inline-block;
padding: 0px 3px 0px 3px;
}

div.select-popup {
position: fixed;
width: 90vw;
right: 5vw;
bottom: 70px;
background: rgba(255,255,255,0.9);
box-sizing: border-box;
padding: 10px 25px 10px 25px;
border-radius: 10px;
text-align: center;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
z-index: 2;
line-height: 2.3em;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

div.select-popup-adjusted {
bottom: 140px;
}

div.select-popup-status {
font-size: 1em;
font-weight: 500;
letter-spacing: -1px;
display: inline-block;
padding: 0px 20px 0px 0px;
}

span.select-popup-status-counter {
font-weight: 800;
padding: 0px 3px 0px 0px;
}

div.select {
margin: 10px 0px 0px 0px;
}

div.select i {
font-size: 1.5em;
}

div.window-main-small-select div.select {
margin: 5px 0px 0px 0px;
}

div.window-main-small-select div.select i {
font-size: 1em;
}


div.notfound {
text-align: center;
}

div.notfound-icon {
font-size: 3em;
opacity: .3;
}

div.notfound-big {
font-size: 2.1em;
font-weight: 700;
letter-spacing: -1px;
}

div.notfound-sub {
font-size: 1.1em;
margin: 5px 0px 0px 0px;
}

div.modal_progressbar {

}

div.modal_progressbar_bar {

}

div.modal_progressbar_barpart_red {
background: #CB2D2D;
display: inline-block;
color: #fff;
font-size: 0.7em;
font-weight: 800;
text-align: right;
padding: 6px 10px 6px 0px;
box-sizing: border-box;
}

div.modal_progressbar_barpart_blue {
background: #4f359b;
display: inline-block;
border-radius: 6px 0px 0px 6px;
color: #fff;
font-size: 0.7em;
font-weight: 800;
text-align: right;
padding: 6px 10px 6px 0px;
box-sizing: border-box;
}

div.modal_progressbar_barpart_blue_rounded {
border-radius: 6px;
}

div.modal_progressbar_barpart_grey {
background: #ccc;
display: inline-block;
border-radius: 0px 6px 6px 0px;
color: #fff;
font-size: 0.7em;
font-weight: 800;
text-align: right;
padding: 6px 10px 6px 0px;
box-sizing: border-box;
}

div.modal_progressbar_barpart_redend {
display: inline-block;
border-radius: 0px 6px 6px 0px;
color: #fff;
font-size: 0.7em;
font-weight: 800;
text-align: right;
padding: 6px 10px 6px 0px;
box-sizing: border-box;
background: #CB2D2D;
}

div.modal_progressbar_bar_labels {
font-size: 0.7em;
font-weight: 400;
margin: 5px 0px 0px 0px;
}

div.modal_progressbar_bar_labels_1 {
text-align: right;
padding: 0px 5px 0px 0px;
box-sizing: border-box;
display: inline-block;
}

div.modal_progressbar_bar_labels_3 {
text-align: left;
padding: 0px 0px 0px 5px;
box-sizing: border-box;
display: inline-block;
}

div.modal_progressbar_bar_labels_2 {
box-sizing: border-box;
}


div.modal_textcontent {
line-height: 1.4em;
margin: 0px 0px 20px 0px;
}

div.modal_textcontent_error {
line-height: 1.4em;
margin: 20px 0px 20px 0px;
color: #CB2D2D;
font-weight: 800;
}

div.modal_textcontent a {
font-weight: 800;
}

.red-heart {
color: #CB2D2D;
}

span.collection-buttons-title i {
position: relative;
font-size: 1.1em;
margin: 0px 2px 0px 0px;
top: 1.5px;
right: 3px;
}

div.modal-addlightbox-title i {
position: relative;
font-size: 1.1em;
margin: 0px 2px 0px 0px;
top: 1.5px;
right: 3px;
}

div.collection-header i {
font-size: 0.7em;
margin: 0px 17px 0px 0px;
position: relative;
bottom: 4px;
}

div.image-header i {
position: relative;
font-size: 1.1em;
margin: 0px 2px 0px 0px;
top: 1.5px;
right: 3px;
}

div.modal-addlightbox-row {
margin: 10px 0px 10px 0px;
opacity: .8;
cursor: pointer;
}

div.modal-addlightbox-row:hover {
opacity: 1;
}

div.modal-addlightbox-checkbox {
font-size: 1.8em;
padding: 0px 15px 0px 10px;
}

div.modal-addlightbox-title {
font-size: 1.5em;
font-weight: 700;
letter-spacing: -1px;
}

div.navi-link-menu-item a {
color: #fff;
}

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

div.images-topspace {
margin-top: 40px;
padding: 0px 0px 100px 0px;
}

div.window-sidebar-clearfilters {
margin: 30px 0px 0px 0px;
text-align: center;
}

.clearfilters {
background: #fff;
color: #4f359b;
padding: 10px 20px 10px 20px;
}

div.modal-images {
margin: 20px 0px 20px 0px;
}

div.modal-image {
width: 40vw;
cursor: pointer;
height: 33vw;
display: inline-block;
text-align: center;
}

div.modal-image img {
max-width: 18vw;
max-height: 15vw;
border-radius: 5px;
}

div.modal-image-id {
font-weight: 800;
margin: 10px 0px 0px 0px;
}

div.modal-image-status {
font-size: 0.8em;
margin: 5px 0px 20px 0px;
}


span.circle-red {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #BD0000;
margin: 0px 3px 0px 0px;
position: relative;
top: 0.5px;
}

span.circle-green {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #17bebb;
margin: 0px 3px 0px 0px;
position: relative;
top: 0.5px;
}

div.invoice-img img {
width: 200px;
border-radius: 15px;
border: 1px solid #ddd;
}

div.invoice-id {
font-weight: 800;
text-align: center;
margin: 10px 0px 0px 0px;
}

div.invoice-due {
font-size: 0.8em;
margin: 5px 0px 5px 0px;
}

div.invoice-status {
font-size: 0.8em;
margin: 0px 0px 40px 0px;
}

div.navi-link-menu-item i {
font-size: 0.8em;
opacity: .5;
margin: 0px 5px 0px 0px;
display: inline-block;
width: 20px;
text-align: center;
}

div.found-nothing-header {
text-align: center;
font-weight: 800;
font-size: 2em;
margin: 50px 0px 10px 0px;
opacity: .7;
letter-spacing: -1px;
}

div.found-nothing-sub {
text-align: center;
font-size: 1em;
opacity: .7;
}

div.window-main-search {
padding: 30px 0px 0px 0px;
}

div.front-search-slim {
text-align: center;
}

div.front-search-slim span.front-search-icon {
position: absolute;
font-size: 1.5em;
margin: 11px 0px 0px 20px;
z-index: 2;
}

div.front-search-slim input.front-search {
font-size: 1.3em;
font-weight: 600;
letter-spacing: -1px;
padding: 10px 10px 10px 10px;
text-align: center;
width: 80vw;
max-width: 900px;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
border-radius: 10px;
outline: none;
border: 1px solid #000;
}

div.front-search {
text-align: center;
margin: 0px 0px 50px 0px;
}

div.front-search span.front-search-icon {
color: rgba(0,0,0,0.15);
position: absolute;
font-size: 1.2em;
margin: 5px 0px 0px 30px;
z-index: 2;
}

div.front-search input.front-search {
font-size: 1em;
font-weight: 700;
letter-spacing: -1px;
padding: 7px 20px 7px 20px;
text-align: center;
max-width: 80vw;
background: #fff;
border: 0px;
outline: 5px solid #eee;
font-family: 'Libre Franklin', -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu,
Roboto, Noto, "Segoe UI", Arial, sans-serif;
border-radius: 10px;
}

div.front-search input.front-search:focus {
}

div.viewer {
padding: 0px 0px 100px 0px;
}

span.key-shortcut {
font-size: 0.8em;
position: relative;
bottom: 1px;
opacity: .6;
}

span.key-shortcut i {
margin: 0px 3px 0px 4px !important;
position: relative;
bottom: 3px;
}

div.view-buttons {
margin: 20px 0px 0px 0px;
text-align: center;
line-height: 2.5em;
}

div.view-prev {
padding: 0px 0px 0px 20px;
position: fixed;
width: 15vw;
left: 0px;
box-sizing: border-box;
font-size: 2.5em;
opacity: .15;
cursor: pointer;
color: #000;
}

div.view-next {
padding: 0px 20px 0px 0px;
position: fixed;
width: 15vw;
right: 0px;
box-sizing: border-box;
font-size: 2.5em;
opacity: .15;
cursor: pointer;
text-align: right;
color: #00;
}

div.view-prev:hover {
opacity: 1;
}

div.view-next:hover {
opacity: 1;
}


div.view-img {
text-align: center;
background: rgba(0,0,0,0.85);
box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
}

div.view-img img {
max-height: 77vh;
max-width: 90vw;
cursor: zoom-in;
margin: 0px 0px -4px 0px;
}

div.view-img-fs {
text-align: center;
background: rgba(0,0,0,0.85);
box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
}

div.view-img-fs img {
max-height: 100vh;
max-width: 100%;
cursor: zoom-out;
margin: 0px 0px -3px 0px;
}

div.view-title {
font-size: 1.5em;
font-weight: 800;
letter-spacing: -1px;
text-align: center;
padding: 0px 30px 0px 30px;
}

div.view-author {
font-size: 0.8em;
margin: 3px 0px 0px 0px;
padding: 0px 0px 0px 3px;
text-align: center;
}

div.load-image {
cursor: pointer;
}

span.collection-buttons-title {
font-size: 1.4em;
font-weight: 700;
padding: 0px 30px 0px 0px;
line-height: 1px;
position: absolute;
top: 2px;
display: none;
left: -1000px;
}

span.sidebar_close {
position: absolute;
left: 310px;
margin: 0px 0px 0px 0px;
cursor: pointer;
}

div.edit_collection_cover img {
max-width: 100%;
}

div.edit_collection_cover {
margin: 0px 0px 10px 0px;
}

div.nloader-msg {
font-size: 1.2em;
font-weight: 800;
margin: 10px 0px 0px 0px;
text-align: center;
}

div.nloader-back {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 10000000;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
display: none;
background: rgba(255,255,255,0.5);
}

div.nloader-front {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 100000000;
display: none;
}

div.modal_input-title {
font-weight: 400;
font-size: 0.8em;
margin: 10px 0px 3px 0px;
}

div.window-sidebar-header {
font-weight: 600;
margin: 20px 0px 7px 0px;
font-size: 1.2em;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 0px 0px 8px 15px;
}

div.window-sidebar-options {
padding: 0px 0px 0px 15px;
line-height: 1.4em;
}

span.window-sidebar-options-option {
cursor: pointer;
}

span.window-sidebar-options-option-disabled {
opacity: .4;
}

span.window-sidebar-options-option-disabled:hover {
opacity: .7;
}

span.window-sidebar-options-option-icon {
}

span.window-sidebar-options-option-label {
font-size: 0.7em;
padding: 0px 10px 0px 3px;
position: relative;
bottom: 2px;
font-weight: 500;
}

span.window-sidebar-options-option-label-img {
font-size: 0.7em;
padding: 0px 15px 0px 5px;
position: relative;
top: 9px;
font-weight: 500;
}

span.window-sidebar-options-option-label-img img {
width: 30px;
height: 30px;
}


div.window-main {
width: 100%;
}

div.window-main-open {
}

div.window-sidebar {
width: 350px;
height: 100vh;
position: fixed;
top: 0px;
left: -350px;
background: #4f359b;
color: #fff;
overflow: auto;
z-index: 4;
}

div.window-sidebar-bigheader {
font-weight: 800;
font-size: 2em;
padding: 0px 0px 0px 15px;
}

div.window-sidebar-bigheadersub {
display: none;
font-size: 1em;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}

div.window-sidebar-inner {
padding: 0px 0px 250px 0px;
}

div.lm_loader {
padding: 30px 0px 30px 0px;
}

div.window-main div.load-image-bigthumbs {
width: calc(100vw / 2);
height: calc(100vw / 1.8);
display: inline-block;
}

div.window-main div.load-image-bigthumbs img {
max-width: calc(100vw / 2.3);
max-height: calc(100vw / 2.3);
border-radius: 5px;
}

div.window-main div.load-image-smallthumbs {
width: calc(100vw / 4);
height: calc(100vw / 3.5);
display: inline-block;
}

div.window-main div.load-image-smallthumbs img {
max-width: calc(100vw / 4.3);
max-height: calc(100vw / 4.3);
border-radius: 5px;
}

div.window-main div.load-image-tinythumbs {
width: 8vw;
height: 9vw;
display: inline-block;
}

div.window-main div.load-image-tinythumbs img {
max-width: 7vw;
max-height: 7vw;
border-radius: 5px;
}

div.window-main-open div.load-image-bigthumbs {
width: calc(100vw / 2);
height: calc(100vw / 1.8);
display: inline-block;
}

div.window-main-open div.load-image-bigthumbs img {
max-width: calc(100vw / 2.3);
max-height: calc(100vw / 2.3);
border-radius: 5px;
}

div.window-main-open div.load-image-smallthumbs {
width: calc(100vw / 4);
height: calc(100vw / 3.5);
display: inline-block;
}

div.window-main-open div.load-image-smallthumbs img {
max-width: calc(100vw / 4.3);
max-height: calc(100vw / 4.3);
border-radius: 5px;
}


div.error {
color: red;
padding: 10px 0px 0px 0px;
font-weight: 800;
font-size: 0.8em;
margin: 0px 0px -5px 0px;
}

div.collection-buttons {
margin: 20px 0px 0px 0px;
text-align: center;
line-height: 2.4em;
padding: 0px 30px 0px 30px;
}

div.collection-buttons-sticky {
position: fixed;
bottom: 50px;
right: 0vw;
border-radius: 7px;
width: 100vw;
padding: 20px 0px 20px 0px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(255,255,255,0.9);
box-sizing: border-box;
text-align: center;
z-index: 3;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

div.collection-buttons-sticky span.button {
position: relative;
bottom: 1px;
font-size: 0.7em !important;
padding: 5px 7px 5px 7px !important;
border-radius: 7px;
}

div.collection-buttons-sticky span.button i {
font-size: 0.9em;
position: relative;
bottom: 7px;
top: 0px;
margin: 0px 2px 0px 0px;
}

div.collection-buttons-sticky-sidebar {
}

div.collection-images {
margin: 0px 0px 40px 0px;
padding: 0px 0px 100px 0px;
}

div.collection-images-canvas {
margin: 20px 0px 40px 0px;
}

div.collection-top-img {
background-size: cover;
background-position: center 55%;
box-sizing: border-box;
padding: 40px 0px 40px 0px;
}

div.collection-top {
margin: 30px 0px 0px 0px;
}

div.collection-header {
font-size: 2em;
font-weight: 800;
letter-spacing: -2px;
text-align: center;
margin: 0px 0px 10px 0px;
}

div.collection-top-img div.collection-header {
font-size: 2em !important;
padding: 0px 30px 0px 30px;
}

div.collection-subheader {
text-align: center;
font-size: 0.8em;
font-weight: 800;
padding: 0px 30px 0px 30px;
line-height: 1.5em;
}

div.navi-link-menu {
width: 200px;
background: rgba(0,0,0,0.6);
position: absolute;
bottom: 20px;
right: 20px;
border-radius: 10px;
padding: 10px 0px 10px 0px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
display: none;
z-index: 10;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
margin: 0px -100px 0px 0px;
}

div.navi-link-menu2 {
width: 200px;
background: rgba(0,0,0,0.8);
position: absolute;
bottom: 22px;
left: 20px;
border-radius: 10px;
padding: 10px 0px 10px 0px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
display: none;
z-index: 15;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
margin: 0px -100px 0px 0px;
}

div.navi-link-menu-item {
padding: 6px 15px 6px 15px;
font-weight: 700;
}

span.navi-link-menu-trigger:hover div.navi-link-menu {
display: block;
}

span.navi-link-menu-trigger:hover div.navi-link-menu2 {
display: block;
}

div.modal_input {
margin: 7px 0px 0px 0px;
line-height: 1.5em;
}

div.modal_input input {
padding: 10px;
border-radius: 10px;
border: 1px solid #eee;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
font-size: 1em;
margin: 0px 0px 0px -5px;
width: 97%;
outline: none;
background: rgba(255,255,255,0.5);
}

div.modal_smallinput input {
width: 400px;
}

div.modal_input textarea {
padding: 10px;
border-radius: 10px;
border: 1px solid #eee;
font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto,
"Segoe UI", Arial, sans-serif;
font-size: 1em;
margin: 0px 0px 0px -5px;
width: 97%;
height: 100px;
outline: none;
background: rgba(255,255,255,0.5);
}

div.modal_input input:focus {
border: 1px solid #ccc;
box-shadow: 0px 0px 10px #ccc;
}

div.modal_input label {
font-size: 0.9em;
padding: 0px 10px 0px 5px;
position: relative;
bottom: 4px;
}

div.modal_buttons {
margin: 30px 0px 0px 0px;
}

div.modal_buttons_center {
text-align: center;
margin: 40px 0px 0px 0px;
}

span.button {
border-radius: 7px;
cursor: pointer;
font-weight: 600;
white-space: nowrap;
}

span.unfold {
display: none;
}

span.button i {
font-size: 1.1em;
position: relative;
top: 1px;
margin: 0px 5px 0px 0px;
}

span.medium {
font-size: 0.7em;
padding: 7px 11px 7px 11px;
}

div.collection-buttons-sticky span.medium {
font-size: 0.8em;
padding: 7px 10px 7px 10px;
}

div.collection-buttons-sticky span.medium i {
display: none;
}

span.small {
font-size: 0.8em;
padding: 6px 10px 7px 10px;
border-radius: 7px;
}

span.small i {
margin: 0px 2px 0px 0px;
}

span.onlyicon {
font-weight: unset !important;
letter-spacing: unset !important;
font-size: 10px;
padding: 6px 2px 7px 7px;
border-radius: 10px;
}

span.onlyicon i {

}

div.loader {
text-align: center;
}

div.loader img {
width: 40px;
height: 40px;
-webkit-animation: rotating 4s linear infinite;
-moz-animation: rotating 4s linear infinite;
-ms-animation: rotating 4s linear infinite;
-o-animation: rotating 4s linear infinite;
animation: rotating 4s linear infinite;
}

div.modal_inner {
padding: 22px;
box-sizing: border-box;
}

div.modal_header {
font-weight: 800;
font-size: 1.2em;
letter-spacing: -1px;
}

div.modal_headersub {
margin: 3px 0px 25px 0px;
font-size: 0.7em;
font-weight: 500;
text-transform: uppercase;
}

div.modal_back {
background: rgba(255,255,255,0.4);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

div.modal {
position: fixed;
background: #fff;
border-radius: 10px;
}

span.modal_close {
position: fixed;
cursor: pointer;
opacity: .6;
}

span.modal_close:hover {
opacity: 1;
}

div.modal-size-full {
width: 100%;
height: 100%;
overflow: auto;
top: 0px;
left: 0px;
border-radius: 0px;
background: rgba(255,255,255,1);
}

div.modal-size-full span.modal_close {
right: 10px;
bottom: 10px;
color: #000;
}

div.modal-size-small {
width: 94vw;
min-height: 20px;
max-height: 100vh;
overflow: auto;
left: 3vw;
bottom: 3vw;
position: fixed;
box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
padding: 0px 0px 20px 0px;
}

div.modal-size-small span.modal_close {
right: 20px;
bottom: 20px;
color: #000;
}

div.modal-size-medium {
width: 800px;
height: 900px;
max-width: 100%;
max-height: 100%;
overflow: auto;
top: 50%;
left: 50%;
margin: -450px 0px 0px -400px;
box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
}

div.modal-size-medium span.modal_close {
left: 750px;
top: 20px;
}

div.modal-size-dynamic {
width: 98vw;
min-height: 20px;
max-height: 87vh;
overflow: auto;
left: 1vw;
bottom: 1vw;
position: fixed;
box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
padding: 0px 0px 20px 0px;
}

div.modal-size-dynamic span.modal_close {
right: 10px;
bottom: 10px;
}


div.modal-size-large {
width: 94vw;
min-height: 20px;
max-height: 83vh;
overflow: auto;
left: 3vw;
bottom: 3vw;
position: fixed;
box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
padding: 0px 0px 20px 0px;
}

div.modal-size-large span.modal_close {
right: 20px;
bottom: 20px;
}

div.image-header {
font-weight: 700;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 5px;
width: 43vw;
overflow: hidden;
white-space: nowrap;
text-align: left;
font-size: 0.8em;
}

div.image-header2 {
font-weight: 400;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 5px;
width: 17vw;
overflow: hidden;
white-space: nowrap;
font-size: 0.9em;
opacity: .6;
}

div.image-subheader {
font-weight: 400px;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 5px;
width: 43vw;
overflow: hidden;
white-space: nowrap;
text-align: left;
font-size: 0.7em;
}

div.section {
padding: 0px 0px 40px 0px;
}

div.header {
font-weight: 800;
font-size: 1.5em;
letter-spacing: -1px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 20px;
}

div.images {

}

div.image-big {
width: 48vw;
height: 50vw;
display: inline-block;
margin: 0px 0px 50px 0px;
}

div.image-big-thumb {
width: 40vw;
height: 39.5vw;
border-radius: 10px;
background-size: cover;
margin: auto;
overflow: hidden;
}

div.image-big-header {
font-size: 1.2em;
letter-spacing: -1px;
font-weight: 800;
margin: 20px auto 5px auto;
width: 40vw;
white-space: nowrap;
overflow: hidden;
}

div.image-big-subheader {

}

div.image {
width: 47vw;
height: 60vw;
display: inline-block;
margin: 0px 0px 0px 2vw;
}

div.image2 {
width: 17.6vw;
height: 20vw;
display: inline-block;
margin: 0px 0px 0px 2vw;
}

div.image-thumb {
width: 46vw;
height: 45vw;
border-radius: 10px;
background-size: cover;
}

div.front-section1 {
background: #8bb8a8;
height: 30vh;
}

div.welcome-text-mobile {
display: none;
}

div.detail-item-data-bidding {
font-family: 'Courier';
font-size: 1.1em;
margin: 10px 0px 0px 0px;
}

div.detail-item-data-bidding input {
border: 1px solid #000;
font-family: 'Mulish',sans-serif;
padding: 10px;
border-radius: 5px;
font-size: 0.8em;
outline: none;
position: relative;
bottom: 1px;
}


div.detail-item-data-header {
font-weight: 800;
font-size: 0.9em;
margin: 20px 0px 3px 0px;
}

div.detail-item-data-value-pre {
font-family: 'Courier';
font-size: 1.1em;
}

div.detail-item-data-info-newbids {
font-size: 0.8em;
margin: 10px 0px 30px 0px;
color: #888;
font-weight: 300;
font-style: italic;
}


div.detail-item-data-info {
font-size: 0.9em;
margin: 30px 0px 30px 0px;
width: 70%;
color: #000;
line-height: 1.6em;
font-weight: 300;
}

img.detail-item-data-author-img {
width: 30px;
height: 30px;
border-radius: 30px;
margin: 0px 5px 0px 5px;
position: relative;
top: 9px;
}

span.artist {
font-weight: 800;
padding: 0px 0px 0px 0px;
letter-spacing: -0.5px;
}

div.detail-item {

}

div.detail-item-img {
width: 50vw;
box-sizing: border-box;
text-align: right;
margin: 140px 0px 0px 0px;
float: left;
}

div.detail-item-img img {
max-width: 40vw;
max-height: 80vh;
border-radius: 5px;
}

div.detail-item-data {
width: 50vw;
box-sizing: border-box;
margin: 140px 0px 0px 0px;
float: right;
padding: 0px 0px 0px 50px;
}

div.detail-item-data-title {
font-family: 'Lusitana',sans-serif;
font-size: 3em;
font-weight: 800;
}

div.detail-item-data-author {
padding: 0px 0px 0px 5px;
margin: -10px 0px 0px 0px;
}

div.segment-items {
margin: 60px 0px 50px 0px;
}

div.segment-item {
width: 20vw;
margin: 0px 0.5vw 0px 0.5vw;
display: inline-block;
border: 1px solid #999;
border-radius: 10px;
box-sizing: border-box;
cursor: pointer;
background: #fff;
transition: transform 0.5s; /* Animation */
}

div.segment-item:hover {
border: 1px solid #000;
transform: scale(1.05);
}

div.segment-item-img {
height: 250px;
border-radius: 10px 10px 0px 0px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

div.segment-item-img img {
max-width: 100%;
border-radius: 20px 20px 0px 0px;
}

div.segment-item-title {
font-family: 'Lusitana',sans-serif;
font-size: 1.5em;
font-weight: 600;
text-align: left;
padding: 20px 0px 0px 20px;
}

div.segment-item-author {
padding: 0px 0px 0px 20px;
text-align: left;
color: #aaa;
}

div.segment-item-bid {
padding: 15px 0px 0px 20px;
text-align: left;
}

div.segment-item-currentbid {
font-family: 'Courier New','Courier';
}

div.segment-item-bidbutton {
float: right;
position: relative;
bottom: 23px;
right: 13px;
}

div.main-segment {
padding: 40px 0px 80px 0px;
}

div.main-segment-center {
text-align: center;
}

div.main-cover {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
height: calc(100vh - 195px);
box-sizing: border-box;
margin: 83px 0px 0px 0px;
}

div.cover-inner {
width: 100%;
height: 100%;
box-sizing: border-box;
}

div.cover-inner-left {
width: 50%;
height: 100%;
float: left;
box-sizing: border-box;
padding: 25vh 40px 0px 40px;
text-align: center;
}

div.cover-inner-right {
width: 37%;
height: 100%;
float: right;
box-sizing: border-box;
padding: 15vh 40px 0px 40px;
text-align: center;
}

div.navi {
width: 100%;
position: fixed;
bottom: 0px;
left: 0px;
background: rgba(0,0,0,0.8);
padding: 3px 10px 3px 10px;
z-index: 4;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}

div.navi-inner {
padding: 14px 0px 16px 0px;
}

div.navi-logo {
display: none;
}

div.navi-logo img {
height: 30px;
}

div.navi-logo-black {
display: inline-block;
}

div.navi-logo:hover img {
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

div.navi-links {
position: relative;
top: 1px;
}

span.navi-link {
padding: 5px 5px 3px 5px;
font-weight: 600;
font-size: 0.8em;
border-bottom: 3px solid rgba(255,255,255,0);
cursor: pointer;
color: #fff;
border-radius: 2px;
letter-spacing: -0.5px;
}

span.navi-link-spacer {
padding: 5px 0px 3px 10px;
font-size: 0.8em;
border-bottom: 3px solid rgba(255,255,255,0);
cursor: pointer;
color: #fff;
letter-spacing: -0.5px;
margin: -9px 0px 0px 5px;
font-weight: 800;
letter-spacing: -0.5px;
position: absolute;
}

span.navi-link-login {
position: unset;
}

span.navi-link a {
color: #fff;
}

span.navi-link:hover {
}

img.navi-link-img {
width: 20px;
height: 20px;
border-radius: 20px;
margin: 0px 5px 0px 0px;
position: relative;
top: 5px;
}

div.header-small, div.header-normal, div.header-big, div.header-huge {
font-family: 'Lusitana',sans-serif;
}

div.header-huge {
font-weight: 800;
font-size: 4em;
margin: 0px 0px 20px 0px;
color: #000;
letter-spacing: -2.5px;
line-height: 1em;
}

div.header-big {
font-weight: 700;
font-size: 3em;
margin: 0px 0px 10px 0px;
color: #000;
letter-spacing: -2px;
line-height: 1em;
}

div.text-small, div.text-normal, div.text-big, div.text-huge {
font-family: 'Mulish',sans-serif;
}

div.text-big {
font-size: 1.2em;
letter-spacing: -0.3px;
line-height: 1.5em;
}

div.text-normal {
line-height: 1.6em;
}

div.button-normal {
margin: 30px 0px 40px 0px;
}

div.button-big {
margin: 35px 0px 40px 0px;
}

span.button-small, span.button-normal, span.button-big, span.button-huge {
font-family: 'Mulish',sans-serif;
cursor: pointer;
}

span.button-normal {
padding: 10px 20px 10px 20px;
border-radius: 4px;
font-weight: 400;
font-size: 0.9em;
}

span.button-big {
padding: 13px 30px 13px 30px;
border-radius: 4px;
font-weight: 400;
font-size: 1em;
}

.black {
border: 1px solid #000;
color: #000;
}

.black:hover {
background: #000;
color: #fff;
}

.grey {
border: 1px solid #333;
color: #333;
}

.grey:hover {
color: #fff;
background: #333;
}

.darkgrey {
border: 1px solid #555;
color: #555;
}

.darkgrey:hover {
color: #fff;
background: #555;
}

.green {
border: 1px solid #17bebb;
color: #17bebb;
}

.green:hover {
background: #17bebb;
color: #fff;
}

.icon-green {
color: #70CF5F;
}

.icon-dark-green {
color: #38AD0F;
}

.icon-red {
color: #BD0000;
}

.red {
border: 1px solid #BD0000;
color: #BD0000;
}

.red:hover {
background: #BD0000;
color: #fff;
}

.lilac {
border: 1px solid #4f359b;
color: #4f359b;
}

.lilac:hover {
color: #fff;
background: #4f359b;
}

.purple {
border: 1px solid #731963;
color: #731963;
}

.purple:hover {
background: #731963;
color: #fff;
}

.orange {
border: 1px solid #E77606;
color: #E77606;
}

.orange:hover {
color: #fff;
background: #E77606;
}

.blue {
border: 1px solid #7EA0C6;
color: #7EA0C6;
}

.blue:hover {
background: #7EA0C6;
color: #fff;
}

.yellow {
border: 1px solid #CF9853;
color: #CF9853;
}

.yellow:hover {
color: #fff;
background: #CF9853;
}

.pink {
border: 1px solid #619399;
color: #619399;
}

.pink:hover {
color: #fff;
background: #619399;
}

img.big-logo {
max-width: 50vw;
}

div.front-header {
font-size: 1.25em;
font-weight: 800;
margin: 0px auto 0px auto;
padding: 10px 30px 0px 30px;
color: #000;
letter-spacing: -0.5px;
width: 90vw;
line-height: 1.2em;
box-sizing: border-box;
}

.extra-space-top {
margin-top: 50px !important;
}

}

.gg-close {
box-sizing: border-box;
position: relative;
display: block;
transform: scale(var(--ggs,1));
width: 30px;
height: 30px;
border: 2px solid transparent;
border-radius: 40px
}

.gg-close::after,
.gg-close::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 24px;
height: 2px;
background: currentColor;
transform: rotate(45deg);
border-radius: 5px;
top: 8px;
left: 1px
}

.gg-close::after {
transform: rotate(-45deg)
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

/* Shake animation (replaces jQuery UI .effect("shake")) */
@keyframes shake-effect {
0%, 100% { transform: translateX(0); }
12.5% { transform: translateX(-10px); }
25% { transform: translateX(10px); }
37.5% { transform: translateX(-10px); }
50% { transform: translateX(10px); }
62.5% { transform: translateX(-10px); }
75% { transform: translateX(10px); }
87.5% { transform: translateX(-10px); }
}
.shake-effect {
animation: shake-effect 0.5s ease-in-out;
}