<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*Vars*/

:root {
    --white: #fff;
    --grayBlue: #828a99;
    --grayBlue2: #464a52;
    --grayBlue3: #343840;
    --grayBg: #f0f1f5;
    --grayBg2: #cbd1d7;
    --bgGray: #1d2126;
    --grayBorder: #828a9959;
    --black: #000000;
    --quoteText: #000000ed;
    --brad: 6px;
    --mainRadius: 20px;
    --popBg: #1d1f26; /*#2c2d31;*/
    --light: #000000b3;
    --followGradient: linear-gradient(to right, #42c2f7 0%, #3872d7 100%); 
    
    --headerGradient: linear-gradient(200deg, rgb(171 115 206) 0%, rgba(115, 153, 206, 1) 100%);
    --mainShadow: 0 10px 35px #00000014;
   
    --smallShadow: 5px 0px 20px #00000008;
    --popupShadow: 0 5px 30px #0000000c;
    --popupSmallShadow: 0 0px 150px #0000000c;
    --menuShadow: 0px 10px 20px 2px rgb(0 0 0 / 20%);
    --msgShadow: 0px 1px 15px #00000005;
    --expShadow: 0px 1px 25px #00000015; 
    --expShadowPreview: -10px 10px 35px #00000017, inset -1px -30px 20px rgb(0 0 0 / 1%);



    --regularFont: 400 14px 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;
    --mediumFont: 500 15px 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;
    --boldFont: 600 15px 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;

    --ls: -0.4px;
    
}







@font-face {
    font-family: 'fontello';
    src: url('font/fontello2/font/fontello.eot?43068515');
    src: url('font/fontello2/font/fontello.eot?43068515#iefix') format('embedded-opentype'), url('font/fontello2/font/fontello.woff?43068515') format('woff'), url('font/fontello2/font/fontello.ttf?43068515') format('truetype'), url('font/fontello2/font/fontello.svg?43068515#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    /*swap*/
}

@font-face {
    font-family: 'icomoon';
    src: url('font/icomoon.eot?1');
    src: url('font/icomoon.eot?1') format('embedded-opentype'), url('font/icomoon.woff?1') format('woff'), url('font/icomoon.ttf?1') format('truetype'), url('font/icomoon.svg?1') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    /*swap*/
}

@font-face {
    font-family: 'icomoon2';
    src: url('font/icomoon2.eot?40');
    src: url('font/icomoon2.eot?40') format('embedded-opentype'), url('font/icomoon2.woff?40') format('woff'), url('font/icomoon2.ttf?40') format('truetype'), url('font/icomoon2.svg?40') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    /*swap*/
}


.fullScreenWrapPopup {
    display: none; 
    z-index: 10001; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: var(--popBg);
}

.fullScreenWrapContainerPopup {
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: 
    translate(-50%, -50%); 
    width: 100%; 
    height: 100%; 
    max-width: 100%; 
    max-height: 100%;
}


.underline {
    border-bottom: 1px solid #cbcbcb;
}


.commText img.cropIcon {
    width: 16px;
    height: 16px;
    vertical-align: -14%;
    display: inline-block;
    margin: 0;
    border-radius: 0;
}



.authorPageAvatar {
    display: block; 
    width:65px; 
    height:65px;
    background-size: cover;
}

.authorPageAvatarPos {
    position: absolute; 
    left: 189px; 
    top: 70px; 
    z-index: 1000; 
    display: inline-block;
}



.addImgBtn {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 147 148'%3e%3cg stroke='black' stroke-width='10' clip-path='url(%23a)'%3e%3cpath d='M5.623 36.07c0-16.749 13.505-30.326 30.164-30.326h75.41c16.659 0 30.164 13.577 30.164 30.325v75.814c0 16.748-13.505 30.325-30.164 30.325h-75.41c-16.659 0-30.164-13.577-30.164-30.325V36.069Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M50.87 66.395c8.329 0 15.081-6.789 15.081-15.163S59.2 36.07 50.87 36.07c-8.33 0-15.082 6.789-15.082 15.163S42.54 66.395 50.87 66.395Z'/%3e%3cpath d='m13.164 134.627 21.672-27.235c4.804-6.037 13.404-7.38 19.804-3.091 6.4 4.29 14.999 2.947 19.804-3.091l12.06-15.154c5.277-6.633 14.942-7.614 21.432-2.177l33.425 28.004'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h147v148H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin: 4px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
}

.addCommImgInput {
    display: none;
}

.sidebarWork {
    width: 300px;
}

.curators {
    font: var(--regularFont);
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    position: absolute;
    right: 52px;
    top: 11px;
}

.cur_avatar {
    width: 23px;
    height: 23px;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    vertical-align: calc(50% - 1em);
    margin: 0 6px 0 15px;
}

.cur_name {
    vertical-align: 10%;
}


.create_gal {
    text-align: left;
    font: var(--regularFont);
    font-size: 12px;
    padding: 0 0 0 12px;
}


.addgalIcon {
  
    width: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='147' height='147' fill='none' viewBox='0 0 147 147'%3e%3cg fill='%23000000'%3e%3cpath d='M113.384 61.722c0 4.524-3.827 8.192-8.547 8.192-4.72 0-8.547-3.668-8.547-8.192s3.827-8.192 8.547-8.192c4.72 0 8.547 3.668 8.547 8.192Z'/%3e%3cpath fill-rule='evenodd' d='M110.472 33.886c-6.49-.836-14.784-.836-25.255-.836H61.782c-10.47 0-18.764 0-25.255.836-6.68.861-12.087 2.675-16.351 6.762-4.264 4.087-6.156 9.27-7.054 15.673-.873 6.221-.873 14.171-.873 24.207v.617c0 10.037 0 17.986.873 24.208.898 6.403 2.79 11.585 7.054 15.673 4.264 4.087 9.67 5.901 16.35 6.762 6.492.836 14.785.836 25.256.836h23.433c10.472 0 18.766 0 25.256-.836 6.68-.861 12.087-2.675 16.351-6.762 4.264-4.088 6.156-9.27 7.054-15.673.873-6.222.873-14.171.873-24.208v-.616c0-10.037 0-17.987-.873-24.208-.898-6.403-2.79-11.586-7.054-15.673s-9.671-5.9-16.351-6.762Zm-72.805 8.12c-5.733.738-9.036 2.123-11.447 4.435-2.411 2.31-3.857 5.477-4.627 10.971-.618 4.408-.757 9.916-.788 17.12l2.884-2.418c6.886-5.775 17.263-5.443 23.732.758l24.441 23.427c2.447 2.346 6.3 2.666 9.131.758l1.7-1.144c8.149-5.49 19.174-4.854 26.578 1.533l14.747 12.722c.603-1.617 1.058-3.547 1.389-5.906.788-5.613.797-13.011.797-23.425 0-10.414-.009-17.813-.797-23.425-.771-5.494-2.216-8.66-4.627-10.971-2.411-2.312-5.714-3.697-11.446-4.436-5.856-.754-13.574-.763-24.438-.763H62.104c-10.864 0-18.582.009-24.438.763Z' clip-rule='evenodd'/%3e%3cpath d='M104.654 15.989c-5.267-.677-11.972-.677-20.33-.677H65.4c-8.359 0-15.064 0-20.33.677-5.454.7-10 2.192-13.607 5.637-2.08 1.986-3.48 4.272-4.435 6.85 3.089-1.408 6.58-2.238 10.5-2.746 6.642-.86 15.129-.86 25.843-.86H87.35c10.714 0 19.2 0 25.842.86 3.424.444 6.521 1.133 9.308 2.24-.947-2.373-2.297-4.489-4.24-6.344-3.606-3.445-8.153-4.937-13.606-5.637Z'/%3e%3c/g%3e%3c/svg%3e");
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-left: 5px;
}



.galSaver {
    font: var(--regularFont);
    position: relative;
    left: 7px;
    margin-bottom: 20px;
    margin-top: 5px;
    letter-spacing: -0.2px;
}

.addGalLink {
    width: calc(100% - 50px);
    padding: 9px 12px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: 1.1;
}

.addGalLinkWork {
    width: 100%;
    padding: 9px 12px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: 1.1;
}


.remGalLink {
     display: none;  
    width: 21px;
    height: 21px;
    border-radius: 50px;
    border: 1px solid #2c2d3159;
    position: absolute;
    top: 5px;
    right: 6px;
    font-family: icomoon2;
    font-size: 10px;
    text-align: center;
    box-sizing: border-box;
    padding: 5px 0px;
    color: #222;
    background-color: #fff;
    text-decoration: none;
    margin: 0;
    cursor: pointer;
}


.addGalName, .addGalNameWork {
    font-weight: 400;
    cursor: pointer;
    color: var(--black);
    text-decoration: none;
    font-size: 0.78rem;
    background-color: #fff;
    border-radius: 15px;
    margin: 6px 0;
    
    position: relative;

}

.addGalNameWork {
    background-color: #f0f1f5;
}

.addGalNameWork:hover {
    background-color: #e5e6e9;
}


.addGalName:hover {

    background-color: #e5e6e9;

}

.gals_wrap {
    width: 90%;
    margin-top: 12px;
    position: relative;
    left: -12px;
}


.work_gals_wrap {
    width: calc(100% + 22px);
    margin: 10px 0 10px 0;
}



.gal_wrap {
    margin: 40px 20px 70px 20px;
    display: flex;
    flex-direction: row;
}

.gal_wrap:last-of-type {
    margin-bottom: 10px;
}

.gal_imgs {
    width: 400px;
    height: 200px;
    margin: 0 20px 0 0;
    border-radius: 10px;
    /*background: #00000007;*/
    overflow: hidden;
    display: grid;
    grid-gap: 3px;
    grid-template-columns: 37% 63%;
}

.gal_mods {
    font-weight: bold;
    font-size: 0.84rem;
    margin-top: 20px;
}


.gal_mods a {
    font-weight: normal;
}

.gal_edits {
    margin-top: 20px;
}

.gal_edits span, .gal_edits a, .gal_edits a:hover {
    font-weight: normal;
    cursor: pointer;
    color: var(--black);
    text-decoration: none;
    font-size: 0.73rem;
    background-color: var(--grayBg);
    border-radius: 20px;
    padding: 5px 14px;
}


.gal_cnt {
    display: inline-block;
    color: var(--black);
    text-decoration: none;
    font-size: 0.8rem;
    background-color: var(--grayBg);
    border-radius: 5px;
    padding: 4px 6px;
    margin: 0 0 0 7px;
    vertical-align: 11%;
}


.gal_name a {
    text-decoration: none;
    color: var(--black);
    font: var(--mediumFont);
    letter-spacing: -1.3px;
    font-size: 22px;
}

.gal_desc {
    
    color: var(--black);
    font-size: 0.84rem;
    line-height: 1.1rem;
    font-weight: 400;
    padding: 5px 0;
    min-height: 28px;
    text-align: left;
    word-wrap: break-word;
}

.gal_img {
    background-color: #00000007;
    background-size: cover;
    background-position: center;
}

.gal_text {
    font: var(--regularFont);
    width: calc(100% - 210px);
}





.wantcrit {
    color: #E00;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: -50px;
}




#files_list img {
    border-radius: 10px 10px 0 0;
}

.keywordsTextarea {
    width: 522px;
    height: 100px;
    font: var(--mediumFont);
    font-size: 15px;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px 14px;
    box-shadow: 4px 4px 40px var(--grayBg2);
    border: none;
}

.unlockable {
    height: 40px;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

.formDiv input.newInput {
    width: 522px;
    font: var(--mediumFont);
    font-size: 15px;
    border-radius: 0 10px 10px 10px;
    background-color: #fff;
    padding: 10px 14px;
    box-shadow: 4px 4px 40px var(--grayBg2);
    border: none;
}

.alrReg {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    padding: 10px 50px;
    font: var(--regularFont);
}

.withShadow {
    box-shadow: 4px 4px 40px rgb(0 0 0 / 10%);
}

.txtWrap {
    min-height: 240px;
    padding-left: 15px;
    width: 549px;
    margin-top: 20px;
    position: relative;
}

/*.txtWrap::before {
    content: '';
    position: relative;
    right: -7px;
    top: -81px;
    border: 7px solid transparent;
    border-top: 8px solid #ffffff;
}
*/
.statusApproval {
    font: var(--boldFont);
    font-size: 16px;
    text-align: center;
    margin: 0px 0 30px 0;
}

.contactWarn {
    margin: 10px auto 50px auto;
    width: 380px;
    font: var(--mediumFont);
    text-align: center;
}

.workCheck {
    position: absolute;
    right: 0px;
    top: 6px;
    cursor: pointer;

}

.workStatus {
    font-size: 12px;
}


.marketStats {
    font-size: 11px;
    font-weight: 400;
}

.waiting,
.workStatus {
    color: #A4A4A4;
    font-weight: 500;
}

.approved {
    color: #18CB18;
}

.market-approve-btn,
.market-reject-btn {
    color: #18CB18;
    font: var(--mediumFont);
    font-size: 14px;
    background-color: #fff;
    padding: 2px 0px;
    border-radius: var(--brad);
    display: inline-block;

}

.market-reject-btn {
    color: #DD0707;
    background-color: #fff;
    margin-left: 5px;
}

.dashed {
    display: inline-block;
    padding: 7px 12px 0px 17px;
    border-radius: 30px;
    border: 2px dashed #dedede;
    margin-top: 90px;
}

.notapproved {
    color: #DD0707;
}

.deletenotapproved {
    margin-left: 20px;
    font-size: 13px;
    font: var(--regularFont);
}


textarea.keywordsTextarea::placeholder {
    color: #000;
}

.topAddbutton {
    margin: 20px auto;
    border: 2px dashed var(--grayBg);
    border-radius: 15px;
    width: 758px;
    padding: 30px;
}

#ph_orig_preview {
    border-radius: 8px;
}

.mpUploadLabel {
    font: var(--regularFont);
    font-size: 13px;
    position: relative;
    left: -5px;
}

.licenseLabel {
    font: var(--boldFont);
    font-size: 13px;
    padding: 0px 0px 4px 0;
}

.imageWrap {
    background-color: #ffffff;
    margin-top: 20px;
    /*margin-right: 15px;*/
    display: inline-table;
    border-radius: 10px;
    box-shadow: 4px 4px 40px var(--grayBg2);
}

.txtContent h3 {}

#wrapForm .termsHeader {
    font-size: 30px;
    padding: 0 0 30px 0;
}

.licenseWrap {
    padding: 10px 12px 5px 12px;
}

.questionIcon {
    font-family: Icomoon2;
    font-size: 15px;
    color: #000;
    cursor: pointer;
    position: relative;
    top: 1px;
    font-weight: 400;
}

/*////// Emojipicker //////////*/


.emoji-picker {
    background-color: #303841;
    width: 630px;

    border-radius: 10px;
    height: 277px;
    display: flex;
}

.emoji-content {
    padding: 8px 6px 8px 0;
}

.emoji-selectables {
    background-color: #212427;
    width: 45px;

    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px 0 0 10px;
}

.emoji-selectables span {
    margin-bottom: 7px;
    cursor: pointer;
}

.emoji-selectables span.active img {
    filter: none;
}

.emoji-selectables span img {
    width: 25px;
    height: 25px;
    display: block;
    display: flex;
    align-items: center;
    filter: grayscale(100%)
}

.emoji-content div {
    width: 100%;

    flex-wrap: wrap;
    justify-content: center;

}

.emoji-content span {
    display: block;
    padding: 5px;
    cursor: pointer;
}

.emoji-content span:hover {
    transform: scale(1.1);
    background-color: #3f4953;
    border-radius: 5px;
}

.picker-emoji-content {
    display: none;

}

.picker-emoji-sel.face {
    color: aliceblue;
    font-size: 10px;
}

.picker-emoji-content.active {
    display: flex;
    display: flex;
    height: 100%;
    overflow-y: scroll;
}

.emoji-content span img {
    width: 32px;
    height: 32px;
    margin: 0;
    top: 0;
}


.picker-emoji-content::-webkit-scrollbar-thumb {
    height: 10px;
    background-color: #909090;
    border-radius: 4px;
}

.picker-emoji-content::-webkit-scrollbar-track {
    background-color: #303841;
}

.picker-emoji-content::-webkit-scrollbar {
    width: 4px;
}


/*////// Emojipicker //////////*/


/* reset css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    /* font-size: 100%; */
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0 none;
    outline: -moz-use-text-color none 0;
    letter-spacing: var(--ls);
}


body {
    font: var(--regularFont);
    font-size: 11px;
    line-height: 1;
    min-width: 1200px;
    margin: 0;
    /*background-color: #e5e6e9;*/
    background-color: #fff;
    color: #000;
    font-variant: normal;
}

.buttonsTd {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.mintButtonDiv,
.listButtonDiv {
    flex: 0 1 calc(50% - 1px);
    /*  No stretching: */

}


.mintButton,
.listButton,
.cancelButton,
.uploadOriginalButton {
    width: 100%;
    height: 35px;
    border: 0;
    font: var(--regularFont);
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    display: inline-grid;
    place-items: center;
    background-color: var(--grayBg2);
    letter-spacing: -0.3px;
}

.mintButton {
    margin-right: 1px;
    border-radius: 7px 0 0 0;
}


.listButton,
.cancelButton,
.uploadOriginalButton {
    margin-left: 1px;
    border-radius: 0 7px 0 0;
}

.mintButton:disabled,
.listButton:disabled {
    background-color: var(--grayBg);
}

.priceDiv {
    
    font: var(--boldFont);
    font-size: 16px;
    color: #fff;
    margin: 3px 0 6px 0;
    position: relative;
    left: -2px;
}

.notMinted {
    font-size: 16px;
    margin-right: 25px;
    margin-bottom: 0;
}

.priceLabel0 {
    color: #fff;
    font: var(--regularFont);
    font-size: 12px;
    font-weight: normal;
}

.priceLabel {
    color: #000;
    margin-left: 7px;
    font: var(--boldFont);
    font-size: 9px;
    line-height: 15px;
    display: inline-grid;
    padding: 0 1px;
    box-sizing: border-box;
    width: 14px;
    place-items: center;
    height: 14px;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    top: -1px;
    position: relative;
    padding-right: 1px;
}

.priceBottomLabel {
    color: #fff;
    opacity: .65;
    font: var(--regularFont);
    font-size: 10px;
    font-weight: normal;
}

.priceFee {
    color: #fff;
    opacity: .65;
    font: var(--regularFont);
    font-size: 10px;
}

.gallLinks {
    display: inline-block;
    white-space: nowrap;

}

.marketLinks {
    display: none;
}

.priceWrap {
    position: absolute;
    min-width: 120px;
    left: 0px;
    background: #00000052;
    padding: 11px 19px 12px 15px;
    border-radius: 0 7px 7px 0;
    backdrop-filter: blur(5px);
    top: -35px;
    font-weight: normal;
}

.buyPhotoBlockWorkPage {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: var(--mainShadow);
    padding: 10px 28px;
    margin: 12px 0 0 12px;
    z-index: 10;
    text-align: left;
    box-sizing: border-box;
}

.buyPhotoBlockWorkPage div {
    letter-spacing: -0.5px;
}

.buyPhotoBlockWorkPage .buyPhotoLine,
.buyPhotoBlockWorkPage .buyPhotoValue {
    color: #000;
}

.buyPhotoBlockWorkPage .buyPhotoButtonBuy {
    box-shadow: 0 4px 20px #0000002e;
}

.buyPhotoBlockWorkPage .buyPhotoButtonAdd {
    border: 2px solid #0000003d;
    color: #000;
}

.buyPhotoBlockWorkPage .buyPhotoLabel {
    color: var(--grayBlue);
    font: var(--regularFont);
    font-size: 12px;
}

.buyPhotoBlockWorkPage .buyPhotoCol {
    width: 115px;
}

.buyPhotoBlock {
    width: 200px;
    background-color: var(--grayBlue3);
    border-radius: 15px;
    box-shadow: 0px 4px 45px rgba(0, 0, 0, 0.6);
    padding: 10px 28px;
    position: absolute;
    right: 20px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.buyPhotoLine {
    font: var(--mediumFont);
    font-size: 16px;
    color: #fff;
    margin: 20px 0;
}

.buyPhotoHeader {
    margin-bottom: 25px;
    margin-top: 12px;
}

.buyPhotoLabel {
    font: var(--mediumFont);
    font-size: 11px;
    opacity: .6;
    margin: 1px 0 2px 0;
}

.buyPhotoTokenId {
    font: var(--boldFont);
    font-size: 11px;
    line-height: 15px;
    color: #7e7e7e;
    margin: 1px 0 2px 0;
}

.buyPhotoValue {
    font: var(--mediumFont);
    font-size: 14px;
    color: #fff;
}

.buyPhotoValueBig {
    font-size: 19px;
    position: relative;
    top: -2px;
}

.buyPhotoCol {
    display: inline-block;
    width: 95px;
}

.buyPhotoEthlogo {
    height: 21px;
    margin-right: 3px;
    position: relative;
    top: 4px;
}

.buyPhotoIcon {
    font-size: 16px;
    font-family: Icomoon2;
    margin-left: 10px;
}

.buyPhotoButtonBuy,
.buyPhotoButtonAdd,
.bulkBuyButton {
    width: 100%;
    height: 42px;
    border: 0;
    border-radius: 7px;
    background-color: #000;
    color: #fff;
    font: var(--mediumFont);
    font-size: 15px;
    box-shadow: 0 4px 20px #0000006b;
    text-align: center;
    cursor: pointer;
}

.buyPhotoButtonAdd {
    background: transparent;
    border: 2px solid #ffffff6b;
    box-shadow: none;
    margin: 12px 0 0 0;
}

.bulkBuyButton {
    box-shadow: 0 4px 20px #00000026;
}

#buyPhotoLicense {
    text-transform: capitalize;
}

.cartIcon {
    font-family: Icomoon2;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: normal;
}

.smileIcon {
    font-family: Icomoon2;
    font-size: 25px;
    position: relative;
    display: inline-block;
    color: #bfc0c4;
    top: 7px;
    left: -12px;
    cursor: pointer;
}

.smileIconWork {
    font-family: Icomoon2;
    font-size: 30px;
    position: relative;
    display: inline-block;
    color: #bfc0c4;
    top: 2px;
    left: 3px;
    cursor: pointer;
    box-shadow: var(--mainShadow);
    border-radius: 50px;
}

#authWhiteWrap {
    position: relative;
    background: #000;
    margin: 0 auto;
}

.whiteBody {
    background-color: #fff;
}

input .saveBtn,
input .recPopupBtn,
input .modBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#authAv {
    border: 5px solid #161616;
    background-color: #3C3C3C;
    box-sizing: border-box;
    width: 120px;
    height: 120px;
    display: block;
}


.whiteTextLogo,
.whiteTextLogo:hover {
    color: #fff;
    text-decoration: none;
}

.authProfileHeader .whiteTextLogo,
.authProfileHeader #menuTbl a,
.authProfileHeader #menuTbl a:hover,
.authProfileHeader .downIcon,
/*.authProfileHeader .mainAddWorkIcon,*/
.authProfileHeader #loginDivName.loginDiv,
.authProfileHeader .loginMenuIcon {
    color: #fff;
    /*#000;*/
}

.authProfileHeader #menuTbl li.dividerIndex {
    border-left: 1px solid #ffffff94;
}

#menuTbl .menuIndex .dividerIndex {
    border-left-color: #ffffffa8;
}

.authProfileHeader #btn-connect.connectWalletButton .downIcon {
    color: #000;
}

.indexH {
    position: relative;
    white-space: nowrap;
    width: 1150px;
    margin: 0 auto;
    text-align:center;

}

.button-wrap {
    background-image: linear-gradient(to right,#ec4899,#a855f7);
    padding: 2px;
    display: inline-block;
    border-radius: 50px;
    margin:0 auto;
}

.regButton:hover {
    background-image: linear-gradient(to right,#ec4899,#a855f7);
    text-decoration:none;
}

.regButton {
    font-size: 16px;
    line-height: 1px;
    display: block;
    padding: 27px 45px;
    box-sizing: border-box;
    border-radius: 60px;
    background: #000;
    color: var(--white);
}

.headerPhotoBy {
        position: absolute;
    right: 50px;
    bottom: 170px;
    font-size: 13px;
    color: #fff9;
    opacity: 0.9;
}
.headerPhotoBy a {
    color:var(--white);
    font-weight:600;
}
.topup {
    position:relative;
    top:-170px;
}

#coverUnderlay {
    background-color: #fff;
    overflow:hidden;
}

#header.authProfileHeader {
    background: none;
    background-color: #000;
    /*#000000bd;*/
    /*#fff;*/

/*    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(20px);*/
    width: 100%;
}



.authProfileHeader #menuTbl a.addWorkHeader,
.authProfileHeader #menuTbl a.addWorkHeader:hover {
/*    background-color: var(--grayBg);
    backdrop-filter: blur(10px);*/
    /* #fff; */
    /*#F3F4F6;*/
    text-decoration: none;
    /*    color: #fff;*/
    box-shadow: none;
    /* box-shadow: 0 1px 1px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.08), 0 -1px 0 rgba(0,0,0,.05), -1px 0 0 rgba(0,0,0,.05), 1px 0 0 rgba(0,0,0,.05), inset -1px -2px 4px rgb(0 0 0 / 4%);
       box-shadow: 0 1px 1px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 8%), 0 -1px 0 rgb(0 0 0 / 5%), -1px 0 0 rgb(0 0 0 / 5%), 1px 0 0 rgb(0 0 0 / 5%), inset -1px -2px 4px rgb(0 0 0 / 35%);*/
}

.authProfileHeader #menuTbl a.addWorkHeader:active {
    transform: translateY(1px);
    box-shadow: 0 3px 14px #ff00e100, 0 1px 1px rgb(91 91 91 / 14%), 0 2px 4px rgb(0 0 0 / 12%), 0 -1px 0 rgb(0 0 0 / 0%), -1px 0 0 rgb(0 0 0 / 0%), 1px 0 0 rgb(0 0 0 / 0%), inset -1px -3px 4px rgb(189 189 189 / 19%);
}

.indexLogo,
.indexLogo:hover {
    top: -10px;
    position: relative;

}

.authorProfileLogo,
.authorProfileLogo:hover {
    position: absolute;
    top: 3px;
    left: -70px;
    /*background-color: #0000009e;*/
    font-size: 19px;
    border-radius: 4px;
    padding: 1px 8px;
}

.authorProfileLogo2,
.authorProfileLogo2:hover {
    position: relative;
    top: -16px;
    color: #000;
    font-size: 22px;
    border-radius: 4px;
    padding: 1px 8px;
}

.colorBlack,
.colorBlack:hover {
    color: #000;
    position: relative;
    top: -7px;
}


.ng-cloak {
    display: none !important;
}

::-moz-selection {
    color: #fff;
    background: #658bb5;
    text-shadow: none;
}

::selection {
    color: #fff;
    background: #658bb5;
    text-shadow: none;
}

input {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    outline: none;
    border: none;
}

.block_links table {
    margin: 0 auto;
    width: 94%;
    /*width: 45%;*/
}

.authGalleryTooltip {
    cursor: pointer;
}

.aTtip {
    display: none;
    background-color: #fff;


    min-height: 150px;
    border-radius: 10px;
    box-shadow: 5px 5px 30px #00000094;
    z-index: 500;


    position: absolute;
    bottom: 45px;
    left: 48px;
}

.aTtip .authWorksPadding {

    padding: 9px 3px 1px 9px;
}

.aTtipPos {
    position: relative;
    min-height: 147px;
}

a.aTtipLink,
a.aTtipLink:hover {
    color: #000;
    text-decoration: none;
}

.getAuthWorksLnk {
    position: relative;

    top: 67px;
    line-height: 20px;
    font-size: 13px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.getAuthWorksLnk a,
.getAuthWorksLnk a:hover {
    color: #000;
    text-decoration: none;
    margin-left: 16px;
    padding-right: 120px;
}

.beforeLeft::before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.04);
    bottom: -5px;
    left: 28px;
    transform: rotate(45deg);
}


.beforeRight::before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.04);
    bottom: -5px;
    right: 28px;
    transform: rotate(45deg);
}



textarea.txtArea::placeholder {
    color: #222;
}

.formRight textarea::placeholder {
    color: #222;
}

.txtArea {
    font: var(--regularFont);
    height: 100px;
    font-size: 13px;
    line-height: 140%;
    border: 0;
    /*2px solid #B5B6B7; /*#CCCDCE;*/
    border-radius: 10px 4px 10px 10px;
    background-color: #fff;
    outline: none;
    margin-bottom: 3px;
    box-shadow: var(--popupShadow);
}

.previewComm .txtArea,
.commText .txtArea,
.commButtons .txtArea {
    box-shadow: none;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 6px 7px;
}

.input,
input[type='text'],
input[type='password'],
textarea,
option,
select,
#port_title_font,
#port_subtitle_font,
#port_menu_font,
#port_body_font {
    outline: none;
    /* font: 14px Roboto, Helvetica, Arial, sans-serif; */
    font-size: 18px;
    font: var(--regularFont);
    padding: 0px 8px;
    border-radius: 6px;
    border: 0;
    /* border-bottom: 1px solid #b2b2b4; */
    background: var(--grayBg);
}

option {
    border: none;
}

.settings_radio {
    float: left;
    margin: 0 13px 0 0;
}



.checkboxActions {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px;
}

.checkboxActions+label {
    position: relative;
    padding: 0 18px 0 36px;
    cursor: pointer;
    white-space: nowrap;
}

.listedForSaleActions+label {
    padding-right: 15px;
    
}

label.gallMenuAct {
    padding-bottom: 9px;
    padding-top: 2px;
}

.checkboxActions+label:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 29px;
    height: 13px;
    border-radius: 13px;
    background: var(--grayBg2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    transition: .2s;
}

.checkboxActions+label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 10px;
    background: #ffffffde;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    transition: .2s;
}

.checkboxActions:checked+label:before {
    background: #1f1f1f;
}

.checkboxActions:checked+label:after {
    left: 18px;
}

.checkboxActions:focus+label:before {
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);
}



div.formRight input[type="checkbox"],
div.formRight input[type="radio"],
.formTbl input[type="radio"] {
    display: none;
}

div.formRight input[type="checkbox"]+label,
div.formRight input[type="radio"]+label,
.formTbl input[type="radio"]+label {
    display: block;
    position: relative;
    top: 2px;
    padding-left: 26px;
    margin-bottom: 20px;

    /* color: #ddd; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.formTbl input[type="radio"]+label {
    margin-right: 1px;
}

div.formRight input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}

div.formRight input[type="radio"]+label:last-child {
    margin-bottom: 8px;
}

.formTbl input[type="radio"]+label:last-child {
    margin-bottom: 8px;
}

div.formRight input[type="checkbox"]+label:before,
div.formRight input[type="radio"]+label:before,
.formTbl input[type="radio"]+label:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #000;
    position: absolute;
    border-radius: 4px;
    left: 0px;
    top: 0px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

div.formRight input[type="radio"]+label:before,
.formTbl input[type="radio"]+label:before {
    border-radius: 50%;
}

div.formRight input[type="checkbox"]:checked+label:before,
div.formRight input[type="radio"]:checked+label:before,
.formTbl input[type="radio"]:checked+label:before {
    width: 10px;
    top: -5px;
    left: 6px;
    border-radius: 0;
    opacity: 1;
    width: 6px;
    height: 15px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #2d96dc;
    border-right-color: #2d96dc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

select {
    padding: 0 2px;
}

textarea {
    line-height: 1.33;
    padding-top: 5px;
    box-sizing: border-box;
    letter-spacing: var(--ls);
}

/*
.input:focus,
input[type='text']:focus,
input[type='password']:focus,


textarea:focus {
    border-color: rgba(82, 168, 236, .75);
    outline: none;

    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .5);
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .5);
    box-shadow: 0 0 8px rgba(82, 168, 236, .5);
    -khtml-box-shadow: 0 0 8px rgba(82, 168, 236, .5);
}
*/
input[type='text'],
input[type='password'] {
    /*font-size: 12px;*/
    line-height: 27px;
    height: 27px;
}

select,
input[type='file'] {
    /*font-size: 12px;*/
    line-height: 23px;
    height: 27px;
    padding: 0 8px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -khtml-box-shadow: none;
    cursor: pointer;
}

.placeholder {
    color: #aaa;
}

.icomoonSymbol:before {
    font-family: Icomoon;
    font-size: 24px;
    color: #fff;
    content: "\e903";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 17px;
}

.equip,
.equip2 {
    width: 400px;
}

.round {
    border-radius: 50%;
    overflow: hidden;
}

.roundTL3 {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
}

.roundTR3 {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
}



.roundBL3 {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
}

.roundBR3 {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
}

.round3 {
    border-radius: 5px;
}

.divider {
    margin: 20px 0 0 0;
}

.dropdownheader {

    font: var(--regularFont);
    margin-left: 6px;
    font-size: 14px;
    color: var(--grayBlue);
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 3px;
    margin-bottom: 9px;
}

.round3PopupAvatar {
    border-radius: 50%;
    filter: url(#sharpen);
    box-shadow: var(--popupShadow);
    width: 40px;
    height: 40px;
}

#previewAuthName #addBlogBtnCover.round3PopupAvatar {
    background-color: #696969;
}

.skeletSmall {
    background-color: #696969;
    width: 170px;
    height: 9px;
    margin-top: 6px;
    position: relative;
    border-radius: 2px;
}

.smallBlock {
    position: absolute;
    right: 0;
    width: 70px;
    height: 9px;
    background-color: var(--popBg);
}

.skeletBig {
    background-color: #696969;
    width: 170px;
    height: 13px;
    margin-top: 0px;
    border-radius: 2px;
}


.skAnimation {
    background-image: linear-gradient(to right, #a0a0a0 0%, #696969 20%, #696969 40%, #a0a0a0 100%);
    background-size: 500px 20px;
    animation-duration: 7s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -600px 0
    }

    100% {
        background-position: 600px 0
    }
}

.round10 {
    border-radius: 10px;
}


.round4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.inputInvalid {
    background-color: #d65a5a;
}

ol,
ul {
    list-style: disc inside none;
}

ol {
    list-style-type: decimal;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

.tblBrd td {
    border: 1px solid #000;
}

a {
    text-decoration: none;
    /* color: #4072a7; */
    color: #14579d;
    outline: 0;
}

a:active {
    outline: 0;
}

a:hover {
    text-decoration: underline;
    /* color: #15a1ff; 
    color: #4f96e2;*/
}

.clear {
    float: none;
    clear: both;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

*+html .clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

/* animation styles */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    animation-delay: 0s;
    background: transparent;
}

/* / animation styles */
.nudePreview {
    background: #fff url(def/nu.png) no-repeat 50% 50%/cover;
}

.imgThumb {
    display: block;
    overflow: hidden;
    text-align: center;
    /*background-size: cover;*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #DBDDE0;
    border-radius: 3px;

}

.newActionsThumb {
    border-radius: 0 0 5px 5px;
    max-width: 1060px;
}

.authPreviewCat {
    font: var(--regularFont);
    font-size: 13px;
    margin-left: 4px;
}

.authPreviewCat {
    color: var(--grayBlue);
}


.authPreviewCat:hover {
    color: var(--black);
}



.topAuthInfo {
    width: 270px;
    height: 88px;
    background-color: #fff;
    border-radius: var(--mainRadius) var(--mainRadius) 0 0;
    position: relative;
    max-width: 1060px;
    z-index: 1;
}

.topAuthInfoPreview {
    height: 76px;
    border-radius:  var(--mainRadius) var(--mainRadius) 0 0;

}

.blogShadow .topAuthInfo {
    height: 45px;
}


.topAuthDesc {
    padding: 5px 14px 13px 20px;
    background: #fff;
    position: relative;
    font: var(--regularFont);
    z-index: 10;
    font-size: 13px;
    line-height: 1.22rem;
}

.topAuthDescTxtWrap {
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.1px;
}


.blogThumb,
.blogThumb:hover {
    display: block;
    overflow: hidden;
    text-decoration: none;
    /*background-size: cover;*/
    background-color: #fff;
    background-position: 35px -30px;
    background-repeat: no-repeat;
    border-radius: 0 0 var(--mainRadius) var(--mainRadius);
}

.blogThumbBg {
    background-color: #fff;
    position: relative;
    border-radius: var(--mainRadius);
}

.blogThumbBg::after {
/*    content: '';
    position: absolute;
    left: 1px;
    bottom: -19px;
    border: 30px solid transparent;
    border-top: 38px solid #fff;
    transform: rotate(141deg);*/
}

.blogStatsIcons {
    position: absolute;
    bottom: 30px;
    right: 5px;
    display: inline-block;
}

.commDateNew.blogDateNew {
    top: 17px;
    position: absolute;
    right: 0px;
}

.readBlogButton {
    padding: 10px 15px;
    margin: 0 15px 20px 15px;
    /* border: 1px solid #000; */
    display: inline-grid;
    place-items: center;
    border-radius: 20px;
    background: #fff;
    color: #000;
    border: 1px solid var(--grayBorder);
    font: var(--regularFont);
    font-size: 13px;
}

a.readBlogButton,
a.readBlogButton:hover {
    text-decoration: none;
}

.blogShadow {
    /*box-shadow: var(--expShadow);*/
    border-radius: 10px;
    z-index: 1;
    position: relative;
    /*margin-bottom: 30px;*/
}


.blogBodyPreview {
    color: #000;
    font-size: 14px;
    line-height: 1.3rem;
    padding: 2px 15px 8px 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 700px;
    max-height: 600px;
    overflow: hidden;
    display: inline-block;
}

.blogBodyPreview img {
    max-width: 100%;
    min-width: 320px;
    border-radius: 8px;
}

.blogPreviewImgContainer {
    position: relative;

}

.blogBodyPreview p {
    margin-bottom: 10px;
    letter-spacing: -0.1px;
}

.blogPreviewImgContainer img {
    width: 660px;
    position: absolute;
    left: -15px;
    margin: 10px 0;
}

.blogPreviewImgSpacer img {
    position: unset;
    width: 660px;
    height: auto;
    opacity: 0;
}

.blogHeaderPreview {
    font: var(--regularFont);
    font-size: 21px;
    margin-bottom: 20px;
    display: inline-block;
    color: #000;
    line-height: 1.2;
    letter-spacing: -0.7px;
}

.wdth474 {
    width: 490px;
}

#svg_blur_filter {
    width: 0;
    height: 0;
}

/*noinspection ALL*/
.blurSvg {
    filter: url(#blur);
}

.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -khtml-box-shadow: none;
}

.blurThumb {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -khtml-box-shadow: none;
    transform: scale(1.05);
}

/*noinspection ALL*/
.grayscale {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

/*noinspection ALL*/
.grayscale_blur {
    -webkit-filter: blur(5px) grayscale(1);
    -moz-filter: blur(5px) grayscale(1);
    -ms-filter: blur(5px) grayscale(1);
    -o-filter: blur(5px) grayscale(1);
    filter: blur(5px) grayscale(1);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -khtml-box-shadow: none;
}

.noHeight {
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 12px 0 0 0;
}

.authWorksPadding {
    padding: 15px 0 10px 0px;
    height: auto;
}

.newAWPadding {
    padding: 0px 6px 0px 0px;
}

.newAWPadding .imgBoxWrap {
    padding-bottom: 10px;
}

.commGetAuthWorks .authWorksPadding {
    padding: 25px 0 10px 0px;
    height: auto;
}

.commGetAuthWorks .authWorksPaddingActions {
    padding: 15px 0 5px 0px;
    height: auto;
}

.commGetAuthWorks .noHeight {
    padding: 20px 0;
}

.actionsCommCnt {
    position: absolute;
    top: 16px;
    right: 0px;
    color: #000;
    font: var(--regularFont);
    font-size: 13px;
    font-weight: 400;
    /*width: 70px;*/
    text-align: right;
    background: linear-gradient(90deg, #fff0 0%, white 20px);
}

.actionsCommCntPreview {
    top: 17px; 
}

.actionsCommCntBlog {
    display: inline-block;
    margin: 0 10px;
    color: #000;
    font: var(--regularFont);
    font-size: 14px;
    font-weight: 500;
}


.cup {
    font-family: Icomoon2;
    font-size: 12px;
    color: #000;
    margin-right: 5px;
    position: relative;
    top: 1px;
    line-height: 12px;
}

.dott {
    margin: 0 5px;
    color: #000;
}

.actCommIcon {
    font-size: 14px;
    font-family: Icomoon2;
    position: relative;
    color: #000;
    left: -6px;
    font-weight: 300;
    top: 2px;
}

.viewCnt {
    right: 66px;
    top: 5px;
}

.voteCnt {
    right: 135px;
    top: 10px;
}

.voteIcon {
    font-size: 16px;
    top: 1px;
}

.viewIcon {
    font-size: 21px;
    top: 4px;
    left: -6px;
}

.premiumBadge {
    vertical-align: text-bottom;
    font: var(--boldFont);
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    padding: 0px 0px 5px 7px;
    border-radius: 5px 5px 5px 0;
    margin-right: 4px;
    /* margin-left: 2px; */
    position: absolute;
    top: 4px;
    letter-spacing: -0.6px;
    left: ;
}

.pAuthName .premiumBadge {
    position: relative;
    top: -1px;
    margin-left: 0;
    left: -3px;
    font-size: 12px;
}

.previewCommAuName .premiumBadge {
    font-size: 11px;
    top: 0px;
    position: relative;
    padding-left: 0px;
}

.phDescNew .premiumBadge {
    font-size: 11px;
    top: 1px;
    padding-left: 2px;
}

.apmAuthName .premiumBadge {
    top: -1px;
    font-size: 12px;
}

.commAuthName .premiumBadge {
    top: 17px;
    padding-left: 4px;
    font-size: 11px;
}

#comm0 .commAuthName .premiumBadge {
    position: relative;
    top: 2px;
    padding-left: 0px;
    font-size: 11px;
}

.actionsNameAuth .premiumBadge {
    /* position: relative; */
    top: -16px;
    font-size: 10px;
    padding-left: 1px;
}

.phDescNewActions .premiumBadge {
    top: -1px;
    font-size: 10px;
    padding-left: 2px;
    padding-right: 1px;
    position: relative;
    line-height: 8px;
    border-radius: 0;
}

.minus1pos {
    display: inline-block;
    margin: 0 0 0 4px;
    position: relative;
    top: 1px;
}

.proBg {
    color: #e20000;
    background: linear-gradient(to right, #910303 0%, #ff0000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.premiumBg {
    /*color: #52c5fa;*/
    /*#246d9c;*/
    /*#144061;*/
    background: var(--followGradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 13px;
}


.plusBg {
    color: #4c9e20;
    background: linear-gradient(to right, #78f137 0%, #4c9e20 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.newFeat {
    font-size: 9px;
    position: relative;
    bottom: 4px;
    left: 2px;
    color: #d23636;
}

.sepHor {
    clear: both;
    height: 2px;
    background: url(def/separator.gif) 0 100% repeat-x;
}

.sepVerPopup {
    width: 2px;
    border-left: 1px solid #c5c5c5;
    position: relative;
    top: -4px;
}

.sepVer {
    width: 2px;
    /*border-left: 1px solid #c5c5c5;*/
    margin-left: 5px;
}

.tabTxt .sepVer {
    width: 2px;
    border-left: 0;
/*    margin-left: 15px;*/
}

/* /reset css */
/* rounded block */
.roundT {
    clear: left;
    width: 180px;
    height: 5px;
    /*background: url(def/others.png?v2) -761px -16px no-repeat;*/
}

.roundB {
    clear: left;
    width: 180px;
    height: 5px;
    margin-bottom: 5px;
    /*background: url(def/others.png?v2) -761px -11px no-repeat;*/
}

.roundM {
    clear: left;
    /*
    border-right: 1px solid #d0dadc;
    border-left: 1px solid #d0dadc;
    background-color: #fff;
    */
}

.roundedB,
.roundedT {
    float: left;
    width: 100%;
    margin-left: -30%;
}

.roundRightT {
    clear: left;
    width: 190px;
    height: 5px;
    background: url(def/others.png?v2) -761px -27px no-repeat;
}

.roundRightB {
    clear: left;
    width: 190px;
    height: 5px;
    margin-bottom: 5px;
    background: url(def/others.png?v2) -761px -22px no-repeat;
}

.roundRightM {
    clear: left;
    /*border-right: 1px solid #d0dadc;
    border-left: 1px solid #d0dadc;*/
    background-color: #fff;
}

.roundedTL {
    font-size: 0;
    height: 5px;
    margin-left: 30%;
    /* background: url(def/panels.png?v2) 0 -450px no-repeat;*/
}

.roundedTR {
    font-size: 0;
    float: right;
    width: 30%;
    height: 5px;
    /*   background: url(def/panels.png?v2) 100% -450px no-repeat;*/
}

.roundedBL {
    font-size: 0;
    height: 5px;
    margin-left: 30%;
    /* background: url(def/panels.png?v2) 0 -455px no-repeat;*/
}

.roundedBR {
    font-size: 0;
    float: right;
    width: 30%;
    height: 5px;
    margin-bottom: 5px;
    /*  background: url(def/panels.png?v2) 100% -455px no-repeat;*/
}

.rounded {
    float: left;
    width: 100%;
    padding: 0;
}

.roundedGallTL {
    height: 40px;
    /*margin-left: 67%;*/
}

.roundedGallTR {
    float: right;
    /*width: 67%;*/
    height: 29px;
    text-align: right;
}

.roundedGallB,
.roundedGallT {
    float: left;
    width: 30%;
    margin-left: 68px;
}

.roundedGallBL {
    height: 17px;
    /*margin-left: 67%;*/
}

.roundedGallBR {
    float: right;
    /*width: 67%;*/
    height: 17px;
    text-align: right;
}

.upTo {
    font-size: 13px;
    font-weight: 400;
    color: var(--grayBlue);
}


/* /rounded block */
/* header */
#menuTbl a.addWorkHeader,
#menuTbl a.addWorkHeader:hover {

    background-size: cover;
    padding: 11px 20px 5px 47px;
    box-sizing: border-box;
    height: 40px;
    margin-top: 7px;
    line-height: 29px;
    background-color: var(--grayBg);
    color: #000;
    font: var(--mediumFont);
    font-size: 14px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 30px;
    -khtml-border-radius: 20px;
    position: relative;
}

#menuTbl a.addWorkHeader:active {
   /* transform: translateY(1px);
    box-shadow: 0 1px 1px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 15%), 0 -1px 0 rgb(0 0 0 / 7%), -1px 0 0 rgb(0 0 0 / 7%), 1px 0 0 rgb(0 0 0 / 7%), inset -1px -2px 4px rgb(0 0 0 / 0%);
    box-shadow: 0 3px 14px #ff00e1ad, 0 1px 1px rgb(91 91 91), 0 2px 4px rgb(0 0 0 / 8%), 0 -1px 0 rgb(0 0 0 / 5%), -1px 0 0 rgb(0 0 0 / 5%), 1px 0 0 rgb(0 0 0 / 5%), inset -1px -6px 8px rgb(245 108 163 / 15%);*/
}

.mainAddWorkIcon {
    font-family: Icomoon2;
    color: #000;
    font-size: 16px;
    position: absolute;
    top: 11px;
    left: 20px;
}

.authAddworkIcon {
    font-family: Icomoon2;
    position: absolute;
    color: #000;
    font-size: 18px;
    top: 3px;
    left: 18px;
}

#menuTbl a.addWorkHeader:hover {
    text-decoration: none;
}


a.addWorkHeader:hover {
    text-decoration: none;
}

#menuTbl.cover a.addWorkHeader {
    background-image: url(black/add2.png?v2);
    border: 1px solid #c7c7c7;
}

#menuTbl.cover a.addWorkHeader:hover {
    color: #292929;
    background-color: #f3f3f3;
}

.previewImgAuthMore {
    width: 230px;
    height: 145px;
}

.previewImgAuthMore .imgThumb {
    border-radius: 10px;
}

.getAuthMoreTable {
    text-align: left;
    vertical-align: top;
    font-size: 11px;
    padding: 0 20px 0 15px;
    width: 230px;

}


.getAuthMorePhotoName {
    width: 230px;
    padding-top: 7px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;

}

.spacer {
    display: block;
    margin-top: 29px;
}

#headerWrap {
    position: relative;
}

.commGotAuthName {
    font-size: 13px;
    font-weight: 500;
}

.commGotAuthName a {
    color: #000;
}


.profileBadge {
    position: relative;
    top: -15px;
}

#contentDiv,
#headerWrap,
.maxW,
#addWorks,
#shareBlk {
    width: 100%;
    /*min-width: 1050px; */
    /*max-width: 1600px;*/
    margin: 0 auto;
    /*background: #e5e6e9;*/
    position: relative;
    /*z-index: 250;*/
}

.serieTitleLine {
    z-index: 160;
    display: none;
    /* width: 100%; */
    background-color: #000000c2;
    /* height: 39px; */
    /* margin-top: 10px; */
    border-radius: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    position: absolute;
    padding: 10px 10px 9px 10px;
    top: 160px;
    /* border-top: 1px solid #E1E2E3; */
    box-shadow: rgb(0 0 0 / 8%) 0px 7px 10px 0px;
    margin: 0 auto;
} 



#headerWrap {
    z-index: 800;
}

#headerWrap,
.maxW,
#addWorks,
#shareBlk {
    background: #fff;
}

#header,
#parallaxDiv,
#workWrap {
    min-width: 1200px;
}

#headerWrap,
#authorWorks,
#addWorks,
#shareBlk {
    /*min-width: 1000px; */
}

#authSerieBlk {
    display: none;
    padding-bottom: 80px;
    padding-top: 3px;
    width: 62px;
    position: relative;
    z-index: 100;
    /*top: -84px;*/
    overflow: hidden;
}

#authSerieMenu {

    /*border-radius: 0 4px 0 0;
    background-color: #f2f4f7;*/
    padding: 0 15px 0 10px;
    width: 320px;
    /*      border-top: 1px solid #dadada;*/
}

#authSerieLines a {
    visibility: hidden;
}

.contentTable.profile {
    position: relative;
    top: -60px;
    box-shadow: 0 -52px 90px #0000000d;
}

.contentTable.profile.fdSwitch {
    background-color: #000;
    box-shadow: none;
}

#authBlogLnk.profileLink,
#authAboutLnk.profileLink {
    margin-left: 11px;
}

#contentDiv.fdSwitch {
    background-color: #000;
}

.footer-dark.fdSwitch,
.footer-dark.fdSwitch h3 {
    background-color: #000;
    color: #fff;
}

.footer-dark.fdSwitch .fb_icon,
.footer-dark.fdSwitch .medium_icon {
    color: #fff;

}

.footer-dark.fdSwitch .item.social&gt;a {
    box-shadow: 0 0 0 1px rgb(255 255 255 / 40%);
}

#authorWorks {
    position: relative;
    top: 10px;
    /*-135px;*/
    padding: 0px 5px 26px 0px;

    z-index: 1;
    width: calc(100% - 20px);
    margin: 0 auto;
    /*box-shadow: 0px 0px 45px 2px rgba(0, 0, 0, 0.12);
    border-radius: 4px 4px 10px 10px;*/
    background: #FFF;
    /* #F2F4F7;*/
    /*border-top: 1px solid #dadada;*/
    min-height: 200px;
}

.awPadding {
    width: 100%;
    padding: 0 0px;
}
/*#headerBottom .authMoodCover,
#headerBottom .authMoodCover a,
#headerBottom .authStatStr,
*/
#headerBottom .authNameCover,
#headerBottom .authStatVal,

#headerBottom .apmAuthLoc,
#headerBottom .about_icon {
    color: #fff;
}

#wrapIndexHead,
#footer {
    /*min-width: 950px; */
}

#wrapIndexHead {}

#footer {
    /*border-top: 1px solid #d0dadc;*/
}

#wrapForm {
    /*min-width: 835px; */
    margin-top: 50px;
}

/*.actionsPadd {
    padding: 0 55px 0 48px !important;
}*/

.wrapSmallWidth {
    padding: 9px 55px 0 51px;
    /*padding: 0 398px 0 48px;*/
    /* 1150 Ñ‡Ñ‚Ð¾Ð± Ð²Ð»ÐµÐ·Ð°Ð»Ð¾ Ð½Ð° iphone  */
    margin: 0 auto;
    /*display: flex;*/
    /*border: 1px solid red;*/
}

.wrapSmallWidthComm {
    display: flex;
    margin: 0 auto;
}

.marginTop20 {
    margin-top: 20px;
}

.marginBottom100 {
    margin-bottom: 80px;
    margin-top: 10px;
    display: unset;
    padding-right: 55px;
}

.commWsubMenu {
    width: 1090px;
    /*padding-left: 360px;*/
    margin: 0 auto;

}


.actionsCommWsubMenu {
    /* max-width: 1200px;*/ 
    width: 1080px;
    /*margin-top: -40px;*/
    /*padding-right: 55px;*/
}

#goadCommBottom {
    margin-top: 15px;
}

.footerMenuTop p {
    width: 94%;
    /*min-width: 1050px;*/
    max-width: 1600px;
}

#header,
#headerAuth {
    height: 60px;
    padding-top: 9px;
    background:var(--white);
    position: fixed;
    top:0;
    z-index: 9900;
    
}

#headerAuth {
    background:transparent;
}

#headerAuth .usmenu,
.commAuth .usmenu {
    /*filter: brightness(0.97);*/
}


#header.headerPopup {
    height: 65px;
    padding-top: 10px;
    background: var(--popBg);
    /*#3e3e3e;*/
    margin-bottom: 0px;
    /*box-shadow: 0 0 5px #0000004f;*/
    position: fixed;
    top: 0;
    z-index: 10000;
}

#header.headerPopup a.addWorkHeader,
#header.headerPopup #q {
    background-color: var(--grayBg);
    box-shadow: none;
    /*   color: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.08), 0 -1px 0 rgba(0,0,0,.05), -1px 0 0 rgba(0,0,0,.05), 1px 0 0 rgba(0,0,0,.05), inset -1px -2px 4px rgb(0 0 0 / 25%);
        */
}

#header.headerPopup .downIcon {
        color: #fff;
}

#header.headerPopup #menuTbl #NFTSubmenu a,
#header.headerPopup #menuTbl #headerSubmenu a,
#header.headerPopup #menuTbl #headerSubmenuActivity a {
    color: #000;
}

#header.headerPopup #menuTbl li.dividerIndex {
        border-left: 1px solid #ffffff94;
}

#header.headerPopup .hamburger-inner, #header.headerPopup .hamburger-inner::before, #header.headerPopup .hamburger-inner::after,
#header.authProfileHeader .hamburger-inner, #header.authProfileHeader .hamburger-inner::before, #header.authProfileHeader .hamburger-inner::after,
.blogCover .hamburger-inner, .blogCover .hamburger-inner::before, .blogCover .hamburger-inner::after,
.blogCover .hamburger.is-active .hamburger-inner, .blogCover .hamburger.is-active .hamburger-inner::before, .blogCover .hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}



.feedSettings {
    float: right;
    position: absolute;
    top: 21px;
    right: 50px;
    font: var(--regularFont);
}

.feedSettings a,
.feedSettings a:hover {
    color: var(--light);
    padding: 10px 3px 10px 7px;
    font-size: 11px;

}

.settingsIcon {
    font-family: Icomoon2;
    font-size: 16px;
    color: var(--grayBlue);
    position: relative;
    top: 3px;
}

/* Small header classes*/

#header.smallHeader,
#headerAuth.smallHeader {
    height: 48px;
    position:fixed;
    top:0;
    z-index: 1100;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

#header.smallHeader #menuTbl .menuLiAct,
#headerAuth.smallHeader #menuTbl .menuLiAct {
    background: none;
}

#header.smallHeader #menuTbl a {
    color: #000;
    font-size:14px;

}


#headerAuth.smallHeader .downIcon {

    color: #fff;
}




#header.smallHeader ul.menu a,
#headerAuth.smallHeader ul.menu a {
    margin-top: 3px;
}

#header.smallHeader #headerSubmenu,
#header.smallHeader #dropDownWallet,
#header.smallHeader #scDropDown2,
#header.smallHeader #scDropDown,
#header.smallHeader #NFTSubmenu,
#header.smallHeader #headerSubmenuActivity,

#headerAuth.smallHeader #headerSubmenu,
#headerAuth.smallHeader #NFTSubmenu,
#headerAuth.smallHeader #headerSubmenuActivity {
    box-shadow: 0px 3px 18px 1px rgb(0 0 0 / 11%);
    top: 48px;
    /*    padding-top: 17px;
    padding-bottom: 2px;*/
}


#header.smallHeader .mainAddWorkIcon {
    color: #000;
    top: 4px;
}

#header.smallHeader #menuTbl a.addWorkHeader,
#headerAuth.smallHeader #menuTbl a.addWorkHeader {

    line-height: 29px;
    height: 38px;
    font-size: 15px;
    padding: 4px 18px 5px 47px;
    margin-top: 0px;
    display: inline-block;
    border: none;
    background-color: var(--grayBg);
    color: #000;
    /*box-shadow: 0 1px 1px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 15%), 0 -1px 0 rgb(0 0 0 / 7%), -1px 0 0 rgb(0 0 0 / 7%), 1px 0 0 rgb(0 0 0 / 7%), inset -1px -2px 4px rgb(0 0 0 / 0%);*/
}


#header.authProfileHeader #q {
    background-color: #5f5f5f;
    color: #c8c8c8;
}

#header.authProfileHeader .searchIcon {
    color: #c8c8c8;
}


#header.smallHeader #q {
    top: -12px;
    color: #5b5b5b;
    height: 34px;
    background-color: #f6f7f9;
    font-size: 15px;
    font-weight: 400;
}

#headerAuth.smallHeader #q {
    top: 3px;
    color: #575757;
    height: 32px;
    background-color: #f6f7f9;
    font-size: 15px;
    font-weight: 400;
}

#header.smallHeader .searchIcon {
    top: 17px;
    left: 11px;
    color: #c8c8c8;
}

#headerAuth.smallHeader .searchIcon {
    top: 8px;
    left: 31px;
    color: #c8c8c8;
}

#header.smallHeader #loginDivName.loginDiv,
#headerAuth.smallHeader #loginDivName.loginDiv {
    color: #000;
    top: -5px;
}

#header.smallHeader #loginDivName .loginMenuIcon,
#headerAuth.smallHeader #loginDivName .loginMenuIcon {
    color: #000;
}

/* End of small header classes*/




#headerCover {
    /*height: 58px;*/
    /*padding-top: 10px;*/
    /*margin-bottom: 7px;*/
    position: relative;
    z-index: 0;
    /*background: linear-gradient(185deg, rgb(0 0 0 / 20%) 0%, rgba(0,0,0,0) 14%);*/
    box-shadow: 0 10px 15px #0000000d;
}



#header p {
    font-size: 12px;
    font-weight: 700;
}

#headerMenu {
    line-height: normal;
    float: left;
    margin: 0 0 0 30px;
    z-index: 50;
    top: -2px;
}

#headerMenu a {
    text-decoration: none;
}

#headerMenu a:hover {
    text-decoration: none;
}


#header.smallHeader #headerMenu {
    top: 0px;
}


#aGalleryTG {
    position: relative;
}

.dropTriangle {
    z-index: 100;
    position: absolute;
    top: 13px;
    right: 4px;
    width: 6px;
    height: 4px;
    background: url(def/others.png?v2) -905px -182px no-repeat;
}

.refblock {
    background-color: #fff;
    padding: 10px 15px;
    /*  box-shadow: 0 2px 10px 0 rgba(0,0,0,.15); */
    border: 1px solid #d6d6d6;
}

.formDiv.wrapLogin {
    min-height: 120px; 
    width: 318px; 
    padding: 65px 40px 50px 40px;
}


#headerSubmenu,
#headerSubmenuPopup,
#headerSubmenuActivity,
#NFTSubmenu,
#dropDownWallet,
#scDropDown,
#scDropDown2 {
    position: absolute;
    z-index: 100;
    top: 48px;
    background: #fff;
    padding: 17px 5px 9px 5px;
    border-radius: 10px;
    box-shadow: 0px 6px 30px 2px rgb(84 89 103 / 32%);
}

#dropDownWallet {
    border-radius: 15px;
}

#headerSubmenu a.menuAAct,
#headerSubmenuPopup a.menuAAct,
#headerSubmenuActivity a.menuAAct,
#NFTSubmenu a.menuAAct,
#dropDownWallet a.menuAAct,
#scDropDown a.menuAAct,
#scDropDown2 a.menuAAct  {
    font: var(--regularFont);
}

#dropDownWallet {
    width: 380px;
    min-height: 150px;
    display: none;
    right: 120px;
    top: 51px;
    padding: 24px 25px 16px 25px;
    color: #566172;
}

#scDropDown,
#scDropDown2 {
    width: 270px;

    display: none;
    right: 110px;
    top: 51px;
    padding: 24px 25px 33px 25px;
    color: #6b7a90;
}

.cartLink {
    font-size: 13px;
    font: var(--regularFont);
    display: block;
    margin: 4px 0;
}

.cartText {
    font: var(--mediumFont);
    font-size: 16px;
    color: #000;
    margin: 0 0 20px 0;
    display: inline-block;

}


.minus1 {
    position: relative;
    top: -1px;
}

.bottomWalletLinks {
    margin: 20px 0 0 0;
    padding: 16px 0 0 0;
    border-top: 1px solid #ebebeb;
}

a.reloadIcon,
a.reloadIcon:hover {
    font-family: Icomoon2;
    font-size: 17px;
    position: relative;
    color: #52c4fa;
    text-decoration: none;
    margin-left: 3px;
    top: 1px;
}

a.withdrawButton {
    background: var(--followGradient);
    color: #fff;
    padding: 4px 11px;
    border-radius: 20px;
    position: relative;
    top: -1px;
    font: var(--mediumFont);
    margin: 0 10px;
    font-size: 11px;
}

.logoWallet {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
}

.walletHm {
    font: var(--boldFont);
    font-size: 17px;
    margin: 0px 2px;
    display: inline-block;
    color: #000;
}

.walletH {
    font-size: 14px;
    font: var(--mediumFont);
    font-size: 13px;
    margin: 3px 2px;
    display: inline-block;
    /* font-variant: all-petite-caps; */
}

.black {
    color: #000;
}

.ablue {
    color: #52c4fa;
    font: var(--mediumFont);
}

.walletHs {

    font: var(--regularFont);
    font-size: 12px;
    margin: 3px 2px;
    display: inline-block;
    line-height: 15px;
}

.walletHxs {
    
    font: var(--regularFont);
    font-size: 12px;
    display: inline-block;

}

a.walletHs,
a.walletHs:hover {
    text-decoration: none;
}


.depositWithdraw {
    display: flex;
    height: 90px;
    position: relative;
    top: -2px;
}



input.amountInput {
    width: 135px;
    font-size: 14px;
    line-height: 16px;
    margin: 0px 2px;
    background-color: var(--grayBg);
    padding: 1px 8px;
    border: 0;
    border-radius: 6px;
}

.depositBlock,
.withdrawBlock {
    margin: 20px 26px 15px 0;
    display: inline-block;
}

#headerSubmenu:before,
#headerSubmenuPopup:before,
#headerSubmenuActivity:before,
#NFTSubmenu:before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.04);
    top: -5px;
    left: 28px;
    transform: rotate(45deg);
}

/*#dropDownWallet:before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.04);
    top: -5px;
    transform: rotate(45deg);
    right: 20px;
}
*/

#menuTbl #headerSubmenu a.coverWhite,
#menuTbl #headerSubmenu a.coverWhite:hover {

    background-color: transparent;
    margin-left: 7px;


}

#headerWrapPopup li&gt;a {
    opacity: .5;
    color:var(--white);
}

#headerWrapPopup li&gt;a:hover {
    opacity: 1;
}

#headerWrapPopup #userMenuItems li&gt;a {
    opacity: 1;
}



#menuTbl #NFTSubmenu a.photoContract,
#menuTbl #NFTSubmenu a.photoContract:hover {
    margin: 0;
    padding: 0;
    font-size: 13px;
    box-sizing: border-box;
    height: 24px;
}

.fontB {
    font: var(--mediumFont);
}

.menuIndex #headerSubmenu,
.menuIndex #NFTSubmenu {
    /*   padding-top: 17px;
    padding-bottom: 2px;*/
    z-index: 200;
}




.container {
    position: relative;
}

.container::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .4;
    content: "";
    z-index: -1;
}

#menuTbl #headerSubmenu a.cover:hover {
    color: #7aa3d0;

}

#menuTbl #headerSubmenu a,
#menuTbl #headerSubmenu a:hover,
#menuTbl #headerSubmenuPopup a,
#menuTbl #headerSubmenuPopup a:hover,
#menuTbl #headerSubmenuActivity a,
#menuTbl #headerSubmenuActivity a:hover,
#menuTbl #NFTSubmenu a,
#menuTbl #NFTSubmenu a:hover {
    padding: 0px 25px 0px 13px;
    min-width: 86px;
    margin: 0;
    display: block;
    color: #000;
    font-size: 13px;

}

.portImgCount {
    /*border-bottom: 2px solid #ADAEAF;*/
    margin: 0 2px;
}

.topMenuIcon {
    font-family: Icomoon2;
    color: #000;
    font-size: 19px;
    display: inline-block;
    font-weight: 400;
    margin-right: 10px;
    position: relative;
    top: 2px;

    width: 30px;
    line-height: 29px;
    border-radius: 35px;
    height: 30px;
    text-align: center;
}

.burgerMessageCount2 {
    display: none;
    position: absolute;
    top: -10px;
    left: 19px;
    font-family: Roboto, Arial;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 1px 6px 0px 6px;
    text-align: center;
    color: #fff;
    background: #f10000;
    border-radius: 10px;
    z-index: 1;
}

.linkMessageCount {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 5px;
    font-family: Roboto, Arial;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 1px 6px 0px 6px;
    text-align: center;
    color: #fff;
    background: #f10000;
    border-radius: 10px;
    z-index: 101;
}

#msgs.msgsIcon {
    display: none;
}

.msgsIcon {
    font-family: Icomoon2;
    font-size: 25px;
    display: inline-block;
    position: relative;
    top: -8px;
    right: 65px;
}

#msgs.msgsIcon {
    font-family: Icomoon2;
    font-size: 25px;
    position: absolute;
    top: 18px;
    right: 180px;
}

.msgsIcon.black a,
.msgsIcon.black a:hover {
/*    color: #000;*/
}

.msgsIcon a,
.msgsIcon a:hover {
    color: #fff;
    text-decoration: none;
}

.addWorkHeaderAuthor,
.addWorkHeaderAuthor:hover {
    padding: 6px 15px 6px 15px;
    text-decoration: none;
    position: relative;
    top: -18px;
    left: -15px;
    line-height: 29px;
    /*background-color: #ffffff6b;
     border: 1px solid #00000045; */
    font-size: 13px;
    font-weight: 500;
    color: #000;
    border-radius: 20px;
    font: var(--regularFont);

}

.addWorkIcon {
    font-family: Icomoon2;
    font-size: 34px;
    color: #000;
    position: relative;
    top: 9px;
    left: -5px;
}

.uploadIcon {
    font-family: Icomoon2;
    font-size: 25px;
    color: #fff;
    position: relative;
    top: 16px;
}

.blackUploadIcon {
    /*color: #000;*/
    position: absolute;
    top: -10px;
    right: 19px;
}

.letterR {
    font-family: Icomoon2;
    font-size: 16px;
    color: #fff;
    position: relative;
    opacity: 0.6;
    margin-right: 5px;
    top: 2px;
    left: -4px;
    line-height: 0px;
}

#logo,
#logoPopup {
    float: left;
    /*width: 190px;*/
    margin-left: 0;
}

/* /header */
/* menu tbl */
#menuTbl td {
    font-size: 12px;
    font-weight: 700;
    height: 50px;
    padding: 0 0;
}

#menuTbl ul {
    /*overflow: hidden;*/
    white-space: nowrap;
    text-overflow: clip;
}

#menuTbl li {
    display: inline-block;
    height: 45px;
}

#header.smallHeader #menuTbl li {
    /*height: 30px;*/
    top: 10px;
}

#header.smallHeader #menuTbl ul {
    position: relative;
    top: -9px;
}


#menuTbl li.dividerIndex {
    height: 32px;
    border-left: 1px solid #00000094;
    position: relative;
    top: 11px;
    margin: 0 8px 0 14px;
}

.contractAddress {
    padding: 4px 10px 7px 10px;
    border-radius: 5px;
    background-color: var(--grayBg);
    margin: 0px 7px 3px 7px;
    color: #000;
    display: inline-block;
    font: var(--regularFont);
    font-weight: 400;
    font-size: 13px;
}

#menuTbl a {
    line-height: 32px;
    display: block;
    height: 27px;
    margin-top: 10px;
    padding: 0 11px;
    -webkit-font-smoothing: antialiased;

    font: var(--regularFont);
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: clip;
    text-decoration: none;
    color: #000;
    position: relative;
    letter-spacing: var(--ls);
}

#menuTbl a:hover {
    text-decoration: none;
}

#menuTbl .menuIndex a, #menuTbl .menuIndex .downIcon  {
    color: #fff;
}



#header.smallHeader .downIcon {
    color: #000;
}


#menuTbl .menuLiAct {
    background: url(def/arr_menu_white.png?v1) 50% 53px no-repeat;
}

#menuTbl .menuAAct {
    font: var(--mediumFont);
}

.headerPopup #menuTbl .menuAAct {
    color: #fff;
}

#menuTbl #aTop200T a {
    background-position: -68px -80px;
}

#menuTbl #aAllCommT a {
    background-position: -131px -80px;
}

#menuTbl #aBlogT a {
    background-position: -223px -80px;
}

#menuTbl #aFriendsT a {
    background-position: -298px -80px;
}

#menuTbl #aAuthorsT a {
    background-position: -358px -80px;
}

#menuTbl #aForumT a {
    background-position: -417px -80px;
}

/* /menu tbl */
/* login form */
#loginDiv {
    position: absolute;
    z-index: 100;
    right: 1px;
    top: 1px;
    text-align: right;
    color: #fff;
}



#loginDiv table {
    height: 40px;
    margin-top: 3px;
}

#login,
#pass,
#authMoodInp,
#saveAuthMood {
    font-size: 12px;
    font-weight: 400;
    width: 116px;
    height: 12px;
    color: #676767;
}

#authMoodInp {
    float: left;
    font-size: 11px;
    line-height: 1.3;
    height: 20px;
    width: calc(100% - 50px);
    margin-left: 5px;
}

#saveAuthMood {
    float: left;
    font-size: 11px;
    line-height: 24px;
    width: 22px;
    height: 21px;
    margin-left: 2px;
    padding: 0;
    color: #fff;
    /*border: 1px solid #4880a9;*/
}

#moodTxt {
    display: block;
    max-width: 470px;
    line-height: 19px;
    color: #f1f1f1;
    cursor: pointer;
}

#moodTxt .editIconMy {
    color: #fff;
    font-style: normal;
    font-size: 14px;
    line-height: 1px;
    position: relative;
    top: 2px;
}


#gallAjax {
    min-height: 400px;
}

.gallAjaxAuthor {
    /* background: #fff;*/
}

#moodTxt:hover,
#moodTxt .editIconMy:hover {
    color: #fff;
}

#pass {
    font-weight: 400;
    margin: 2px 0;
}

#labelPass,
#labelLogin {
    margin-top: 2px;
    color: #222;
    font: var(--regularFont);
    font-size: 13px;
}

#regForgot {
    font-size: 11px;
    float: right;
    margin-top: 5px;
    padding-right: 7px;
}

#regForgot a {
    text-decoration: none;
}

.reg_auth_dom {
    width: 210px;
    background: #fff url(def/reg_auth_dom_ru.png) 0 5px no-repeat;
}

#loginDivDivAccount {
    padding: 11px 5px 0 0;
    display: inline-block;

}

#loginDivDivAccount img {
    position: relative;
    top: -2px;
}


#loginDivDivName {
    white-space: nowrap;
    display: inline-block;
    margin: 14px 4px 0 0;
    width: 195px;
}

#loginDivName,
#loginDivName:hover {
    display: block;

    line-height: 16px;

    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;

    font-weight: 600;
    font-size: 15px;
}

#loginDivName.loginDiv {
    white-space: nowrap;
    color: #000;
    font: var(--regularFont);
    font-size: 14px;
    line-height: 8px;
    position: relative;
    right: 0;
}

#lp #loginDivName.loginDiv, #lp .loginMenuIcon {
    color: #fff;
}

#loginAvatar {
    display: block;
    width: 41px;
    height: 41px;
    text-align: right;
    /*margin-right: 7px;*/
}

#loginAvatar .usmenu {

    width: 41px;
    height: 41px;

}

#loginAvatar:hover {
    /*  background-position: -295px -9px; */
}

#loginAvatar img {
    padding: 5px 5px 0 0;
}

#loginAvatar div.round {
    display: inline-block;
    margin: 5px 12px 0 0;
    border-radius: 43%;
}

#loginFormD input {
    line-height: 26px;
    width: 212px;
    height: 26px;
    margin: 5px 0 8px 0;
    padding: 0 5px;
    color: #000;
    border: 1px solid #d0d0d0;
}

#loginFormD input:focus {
    border-color: rgba(82, 168, 236, .75);
}

#loginFormD label {
    color: #000;
}

.portfolioMenuLinks,
.portfolioMenuLinks:hover {
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    /* background-color: #008ed0; */
    color: #272727;
    border-radius: 4px;
    text-decoration: none;
}

/* /login form */
.popupHints {
    display: none;
    position: absolute;
    top: 90px;
    right: 25px;
    border-radius: 10px;
    padding: 25px 30px 20px 30px;
    line-height: 17px;
    font-size: 14px;
    width: 320px;
    color: #aaa;
    box-shadow: 0 0 20px 10px #00000067;
    background-color: #3C3D42;
    z-index: 100;
}

.popupHints b,
.hintsHeader {
    color: #E6E6E6;
}

.hintsHeader {
    font-size: 18px;
    line-height: 13px;
    font-weight: 500;
}

.okBt {
    border: 1px solid #d6d6d6;
    padding: 8px 12px;
    color: #d6d6d6;
    cursor: pointer;
    width: 50px;
    text-align: center;
    margin-top: 10px;
    border-radius: 6px;
}

.popupCover {
    position: absolute;
    width: 440px;
    height: 180px;
    top: 15px;
    left: 15px;
    z-index: 1;
    border-radius: 9px;
    text-align: center;
    /* box-shadow: inset 0 0 20px 0px #00000059; */
}

.apmAuthMood {
    white-space: nowrap;
    height: 20px;
    font: var(--regularFont);
    font-size: 11px;
    letter-spacing: var(--ls);
    position: relative;
    display: inline-block;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--grayBlue);
}

.apmAuthMood a {
    color: #444;
}

.apmAuthName {
    font: var(--mediumFont);
    font-weight: 500;
    color: #fff;
    font-size: 17px;
    position: absolute;
    top: 73px;
    left: 265px;
    display: block;
}

.dd_auth_stats {
    position: relative;
    top: -2px;
    z-index: 100;
    display: none;
}

.dd_auth_stats .profileLink,
.dd_auth_stats .profileLink:hover {

    top: 0px;
    font-size: 16px;
    margin-right: 8px;

}

.commRatingIcon {
    font-family: Icomoon2;
    position: relative;
    top: 2px;
    margin-right: 2px;
    margin-left: 10px;
}


.lensIcon,
.flashIcon,
.filmIcon,
.exposureIcon,
.isoIcon,
.focalIcon {
    font-family: Icomoon2;
    font-size: 14px;
    position: relative;
    color: var(--grayBlue2);
    top: 1px;
    margin-right: 2px;
    font-weight: 100;
}

.isoIcon {
    font-size: 20px;
    top: 4px;
    margin-right: 3px;
    left: -1px;
}

.focalIcon {
    font-size: 19px;
    top: 4px;
    margin-right: 5px;
}

.exposureIcon {
    font-size: 24px;
    left: -3px;
    top: 5px;
    margin-right: -1px;
}

.flashIcon {
    font-size: 20px;
    top: 4px;
    margin-right: 1px;
}

.filmIcon {
    font-size: 17px;
    margin-right: 4px;
}

.exif {
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.dd_auth_stats .menuIconPhoto2 {
    font-family: Icomoon2;
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    background-color: #e5e6e9;
    margin-left: 5px;
    text-align: center;
}

.authProfileMsg {
    position: relative;
    top: 100px;
}

.rating2 {
    font-size: 11px;

    line-height: 23px;
}

.views2 {
    font-size: 14px;
    top: 1px;
    line-height: 23px;
}

.recs2 {
    font-size: 14px;

    line-height: 21px;
}

.aboutPortraitWrap {
    display: inline-block;
    /*border: 5px solid #eeeff0;*/


    margin-bottom: 10px;
    background-color: #c8c8c8;
    position: relative;

    width: 220px;
    height: 310px;
    overflow: hidden;
    border-radius: 4px;
}

.aboutPortrait {
    width: 220px;
    height: 310px;
    background-size: cover;
    background-position: center;
    /*transform: scale(1.09);*/
    /*filter: url(#sharpen);*/
}

.apmAuthLoc {
    font: var(--regularFont);
    /*Roboto, Helvetica, Arial, sans-serif;*/
    font-size: 13px;
    color: #000;
    text-align: left;
    font-weight: 300;
    display: inline-block;
    /*border-radius: 20px;*/
    padding: 1px 8px 1px 2px;
    position: relative;
    left: -5px;
    top: 1px;
    height: 25px;
    max-width: 270px;
    margin-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}

.authLoc {
    text-align: center;
    padding-top: 20px;
/*    position: relative;
    top: 13px;*/
}

.authLoc a,
.authLoc a:hover {
    text-decoration: none;
}

.authLoc .apmAuthLoc {
    left: 0;
    margin-left: 9px;
    background-color: transparent;
    font-size: 12px;
    color: #000;
    display: inline-block;
}

.apmAuthLoc a:hover, .apmAuthName a:hover, .apmAuthLoc a {
    color: #fff;
}

.apmAuthMood, .apmAuthMood a {
    color: var(--grayBlue);
}


.authLoc .facebook_icon,
.authLoc .vk_icon,
.authLoc .lj_icon,
.authLoc .instagram_icon,
.authLoc .twitter_icon,
.authLoc .phone_icon,
.authLoc .skype_icon {
    color: #fff;
}

.authStats {
    display: none;
    position: absolute;
    top: 82px;
    right: 22px;
    color: #fff;
}

.authStats .authStatVal {
    font-size: 16px;
    font: var(--mediumFont);
}

.authStats .authStatStr {
    font-size: 11px;
}

.authStats .authStatCover {
    border: 0;
    padding: 0 5px;
}

.authStatVal,
.authStatStr {
    position: relative;
    top: -11px;
}

.locPos {
    position: relative;
    top: 1px;
    display: inline-block;
}

.locPos .about_icon,
.locPos .website_icon {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: normal;
    top: 1px;
    left: -1px;
}

.fb_icon {
    font-family: Icomoon2;
    font-size: 26px;
    font-style: normal;

}

.medium_icon {
    font-family: Icomoon2;
    font-size: 14px;
    line-height: 3.6;
    position: relative;
    top: -5px;
    font-style: normal;
}

.fb_button_icon {
    font-family: Icomoon2;
    font-size: 21px;
    font-style: normal;
    line-height: 15px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}


.footer-dark {
    margin-bottom: -15px;
    padding: 50px 0;
    color: #000;
    background-color: #fff;
    /*#f7f7f7;*/
    font: var(--regularFont);
    position: relative;
    z-index: 111;
}

.footer-dark h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 17px;
}

.footer-dark ul {
    padding: 0;
    list-style: none;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 0;
}

.footer-dark ul a {
    color: inherit;
    text-decoration: none;
    opacity: 1;
}

.footer-dark ul a:hover {
    opacity: 1;
}



.footer-dark .item.text {
    margin-bottom: 36px;
}



.footer-dark .item.text p {
    opacity: 0.9;
    color: var(--grayBlue);
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.2;
}

.footer-dark .item.social {

    flex: 0 0 27%;
    max-width: 27%;
    margin-left: 4%;
}



.footer-dark .item.social&gt;a {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
    color: #000;
    opacity: 1;
    text-decoration: none;
    margin: 0 2px 10px 2px;
}

.footer-dark .item.social&gt;a:first-of-type {
    margin-left: -1px;
}

.footer-dark .item.social&gt;a:hover {
    opacity: 0.9;
}

.footer-dark .copyright {
    text-align: left;
    padding-top: 24px;
    opacity: 1;
    font-size: 15px;
    margin-bottom: 0;
}

.col-md-3 {
    flex: 0 0 13%;
    max-width: 13%;
}

.col-md-6 {
    flex: 0 0 30%;
    max-width: 30%;
    text-align: right;
}

.col {
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.container {
    width: calc(100% - 130px);
    margin-right: 65px;
    margin-left: 65px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.container::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .4;
    content: "";
    z-index: -1;
}


.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}







.locPos .website_icon {
    font-size: 16px !important;
    margin-right: 5px;
    top: 3px;
    line-height: 17px;
}

.apmAuthLoc a,
.apmAuthName a {
    font: var(--regularFont);
    font-size: 11px;
    text-decoration: none;
}

.apmAuthLoc span {
    color: #fff;
}

.apmAuthLoc img {
    opacity: 1;
}


.auth_loc {
    color: #fff !important;
    font-size: 16px !important;
    vertical-align: unset !important;
    line-height: normal;
    top: 1px;
    position: relative;
    margin-right: 5px;
}

#apmAuthor {
    display: none;
    /*width: 240px;*/
    width: 100%;
    height: 120px;
    overflow: hidden;

}
 
.apmAuthor {
    position: absolute;
    text-align: left;
    height: 75px;
    top: 75px;
    width: 145px;
    display: inline-block;
    clip-path: polygon(0% 0%, 100% 0, 100% 0, calc(100% + 45px) 100%, 0 100%);
    background-color: #252525;
    background-image: url(/css/def/default_cover.jpg);
    background-size: cover;
    /* box-shadow: 0 3000px rgba(0, 0, 0, 0.2) inset; */
    z-index: 160;
}

.apmAuthName img {
    height: 14px;
    position: relative;
    display: inline-block;
    top: 0px;
    margin-left: 5px;
}

.apmAuthName img.authFlag {
    height: 15px;
    margin: 0 0 0 7px;
}

.FBOOKicon {
    background-image: url(../img/facebook_icon.png);
    background-size: cover;
}

/* user menu */
#userMenu,
#userMenuNOlogin {
    position: absolute;
    z-index: 600;
    top: 50px;
    right: -3px;
    display: none;
    width: 590px;
    height: 210px;
    min-height: 1%;
    text-align: left;
    border-top: none;
    box-shadow: 0px 6px 30px 2px rgb(84 89 103 / 32%);
    background-color: #fff;
    border-radius: 16px;
}

#userMenu:before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.04);
    top: -5px;
    right: 23px;
    transform: rotate(45deg);
}

.labelLogin {
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}



#burgerIconMin3.hamburger {
    padding-top: 9px;
}

#userMenu.authMin {
    width: 770px;
    right: 7px;
}

#userMenuItems2 {
    width: 105px;
    padding-left: 27px;
    border-left: 1px solid #dedede;
    left: 620px;
}

#userMenuItems,
#userMenuItems2 {
    position: absolute;
    top: 15px;
}





.imsa,
.imsa:active,
.imsa:visited {
    line-height: 19px;
    color: #292929;
    text-decoration: none;
}

#userMenuItems .itms,
#userMenuItems2 .itms {

    height: 29px;
}

.usmenu {
    border-radius: 50%;
    display: inline-block;
    /*filter: url(#sharpen);*/
}

.workAvatar .usmenu {
    border: 4px solid #fff;
    width: 70px;
    height: 70px;
}

.workAvShadow {
    border-radius: 50%;
    display: inline-block;
    box-shadow: var(--expShadow);
    width: 65px;
    height: 65px;
}

#loginAvatarMin2 .usmenu {
    top: 3px;
    position: relative;
    width: 32px;
    height: 32px;
}

#loginAvatarPopup .usmenu {
    top: 9px;
    position: relative;
}

.menuIconWorks.FAV {
    color: #ff0000;
}

.menuIconWorks.BOOK {
    color: #ff880a;
    font-size: 16px;
    top: -2px;
    left: -1px;
}

.menuIconWorks.PORT {
    font-size: 16px;
    left: -1px;
}

.menuIconWorks2.LOGOUT {
    left: 1px;
    font-weight: 600;
}

.menuIconWorks.BLOG {
    font-size: 15px;
    left: 1px;
}

#userMenu a:hover {
    cursor: pointer;
}

#userMenu.loginBody {
    width: 273px;
    height: 280px;
}

#userMenuArr {
    position: relative;
    top: 92px;
    /* left: 90px; */
    /* width: 360px; */
    text-align: center;
}

.roundUserMenu {
    border-radius: 43%;
    border: 2px solid #ffffffdb;
    z-index: 300;
}

#userMenuName {
    font-weight: 500;
    font-size: 18px;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    color: #fff;
}

#userMenuBody {
    min-height: 1%;
    padding: 0px 25px 10px 25px;
    /*   margin-top: 6px; */
    color: #3c3c3c;
    /* border-right:1px solid #dedede; */
}



#userMenuBody .usmenu {
    width: 75px;
    height: 75px;
}

#userMenuItems {
    width: 157px;
    left: 455px;
}

.userMenuBottom {
    position: absolute;
    top: 205px;
    left: 12px;
}

#userMenuItems li {
    padding-left: 7px;
    height: 26px;
    margin-left: 10px;
    list-style: none;
}



#userMenuItems li:last-of-type {
    margin-top: 14px;
}

.blogReadMore {
    border-bottom: 1px solid #8796af4f;
    position: relative;
    top: 23px;
    z-index: 1;
    text-align: right;
    width: 800px;
    margin: 0 auto;
}

.iconBlogReadLink {
    font-family: Icomoon2;
    font-size: 14px;
    color: var(--grayBlue);
    position: relative;
    top: 1px;
    margin: 0 4px 0 1px;
}

.website_icon {
    font-family: Icomoon2;
    font-size: 14px;
    color: #fff;
    position: relative;
    top: 2px;
    margin: 0 7px 0 3px;
    vertical-align: unset;
    line-height: 19px;
}

.facebook_icon,
.vk_icon,
.instagram_icon,
.twitter_icon,
.email_icon {
    font-family: Icomoon2;
    font-size: 14px;
    color: #fff;
    position: relative;
    top: -7px;
    margin: 0 4px 0 -3px;
    vertical-align: unset;
}

.lj_icon,
.phone_icon,
.skype_icon {
    font-family: "fontello", serif;
    font-size: 14px;
    color: #fff;
    position: relative;
    top: -8px;
    left: -3px;
}

.icon_check {
    font-family: Icomoon2;
    font-size: 13px;
    color: #fff;
    position: relative;
    line-height: 30px;
    margin: 0 2px;
    top: 1px;
}

.icon_picture {
    font-family: Icomoon2;
    font-size: 18px;
    color: #fff;
    position: relative;
    top: 3px;
    margin: 0 4px;
}

.icon_down {
    font-family: Icomoon2;
    font-size: 15px;
    color: #2678af;
    position: relative;
    top: 2px;
    margin: 0 4px;
}

.downIcon {
    font-family: Icomoon2;
    font-size: 14px;
    font-style: normal;
    line-height: 0;
    color: #000;
    position: relative;
    top: 1px;
    margin: 0 0px 0 5px;
}

#authProfilMenu .downIcon.iColor {
    /*color: #000;*/
}


.searchIcon {
    font-family: Icomoon2;
    font-size: 22px;
    line-height: 0;
    color: #8979b9;
    /*#7399ce;*/
    position: relative;
    top: 25px;
    z-index: 10;
    left: 10px;
    font-weight: normal;
    /* margin: 0 4px 0 4px; */
}

.blogReadLink,
.blogReadLink:hover {
    position: relative;
    top: 7px;
    padding-left: 6px;
    background: #fff;
}

.blogReadLink a,
.blogReadLink a:hover {
    text-decoration: none;
    font-weight: 400;
    color: var(--grayBlue);
    font-size: 14px;
}

#userMenuItems a:hover,
#userMenuItems2 a:hover {
    text-decoration: none;
    color: #7aa3d0;
}

#userMenuItems a,
#userMenuItems2 a {

    
    font: var(--regularFont);
    font-size: 13px;
    display: block;
    color: var(--black);
}

#userMenuTheme {
    clear: both;
    padding: 5px 0 0 0;
}

#headerTheme {
    padding-top: 16px;
    /* float: left; */
    text-align: left;
    width: 185px;
}

#headerTheme .headerActTheme {
    color: #cfe2fe;
    text-decoration: underline;
}

#headerTheme a {
    color: #fff;
    text-decoration: none;
}

#headerTheme span {
    font-weight: 700;
    color: #dae7f7;
}

#userMenuTheme a,
#userMenuTheme span {
    line-height: 20px;
    float: left;
    margin-right: 4px;
}

#userMenuTheme span {
    color: #5c5c5c;
}

#userMenuThemeD,
#userMenuThemeL {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

#userMenuThemeD:hover,
#userMenuThemeL:hover {
    text-decoration: none;
}

.FBlinkPopup,
.FBlinkPopup:hover {
    color: #000;
    text-decoration: none;
}

#userMenuThemeD {
    background-color: #1e1e1e;
}

#userMenuThemeL {
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    color: #efefef;
}

.authMenuIconBg {
    width: 17px;
    top: -3px;
    position: relative;
}

.menuIconPhoto,
.menuIconPortfolio,
.menuIconBlog,
.menuIconSubs,
.menuIconAbout,
.menuIconSort,
.menuIconSeries {
    font-family: Icomoon2;
    font-size: 23px;
    color: #000;
    position: relative;
    top: 6px;
    border-radius: 25px;


}

#smallAvatarsContainer .menuIconSubs {
    color: #fff;
}

.menuIconRating {
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' viewBox='0 0 150 150'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='13.038' d='M50 93.75v12.5m25-37.5v37.5m25-62.5v62.5m-51.25 25h52.5c10.501 0 15.751 0 19.762-2.044a18.733 18.733 0 0 0 8.194-8.194c2.044-4.011 2.044-9.261 2.044-19.762v-52.5c0-10.501 0-15.752-2.044-19.762a18.742 18.742 0 0 0-8.194-8.194c-4.011-2.044-9.261-2.044-19.762-2.044h-52.5c-10.501 0-15.752 0-19.762 2.044a18.75 18.75 0 0 0-8.194 8.194c-2.044 4.01-2.044 9.261-2.044 19.762v52.5c0 10.501 0 15.751 2.044 19.762a18.742 18.742 0 0 0 8.194 8.194c4.01 2.044 9.261 2.044 19.762 2.044Z'/%3e%3c/svg%3e");
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.menuIconCalender {
        width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' fill='none' viewBox='0 0 150 150'%3e%3cpath fill='black' d='M118.75 25h-12.5v-6.25A6.247 6.247 0 0 0 100 12.5a6.25 6.25 0 0 0-6.25 6.25V25h-37.5v-6.25a6.25 6.25 0 0 0-12.5 0V25h-12.5A18.75 18.75 0 0 0 12.5 43.75v75a18.749 18.749 0 0 0 18.75 18.75h87.5c4.973 0 9.742-1.975 13.258-5.492a18.746 18.746 0 0 0 5.492-13.258v-75A18.748 18.748 0 0 0 118.75 25Zm6.25 93.75a6.245 6.245 0 0 1-1.831 4.419A6.245 6.245 0 0 1 118.75 125h-87.5a6.247 6.247 0 0 1-6.25-6.25V75h100v43.75Zm0-56.25H25V43.75a6.25 6.25 0 0 1 6.25-6.25h12.5v6.25a6.25 6.25 0 0 0 12.5 0V37.5h37.5v6.25a6.25 6.25 0 0 0 12.5 0V37.5h12.5a6.248 6.248 0 0 1 6.25 6.25V62.5Z'/%3e%3c/svg%3e");
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background-repeat: no-repeat;

}

.menuIconSort {
    font-size: 24px;
}

.gallMenuTab .menuIconSort {
    padding-right: 5px;
    font-size: 17px;
    top: 3px;
}

.menuIconSeries {
    font-size: 22px;
    top: 6px;
    left: -1px;
    line-height: 24px;
}

.menuIconBlock {
    font-family: Icomoon2;
    font-size: 16px;
    color: #000;
    /* line-height: 20px; */
    position: absolute;
    top: 4px;
    left: 15px;
}

.menuIconSubs {
    font-size: 15px;
    line-height: 22px;
    top: 6px;
    left: 0px;
}

.menuIconBlog {
    font-size: 21px;
    top: 6px;
    line-height: 25px;
}

#bannedLnk.profileLink {}


#bannedLnk {
    display: inline-block;
}

.menuIconPhoto {
    top: 5px;
    font-size: 21px;

}

.roundAvatar.borderColor {
   /* border-color: #000000c7;*/

    border: 0;
}

#linkPhotos {
    height: 31px;
    margin: 0 7px;
}

#linkSeries {
    height: 31px;
    position: relative;
}

.menuIconAbout {
    top: 6px;
    font-size: 22px;
}

.menuIconGalPhoto {
    font-family: Icomoon2;
    font-size: 16px;
    color: #292929;
    position: relative;
    padding: 7px;
    background: #e3e3e6;
    border-radius: 25px;
    margin-right: 6px;
    top: 1px;
}

.menuIconDate {
    font-family: Icomoon2;
    font-size: 15px;
    position: relative;
    margin-right: 5px;
    top: 1px;
}



#authSerieLines {
    clear: left;

    line-height: normal;

    padding: 2px 30px 70px 2px;
    max-height: 100vh;
    min-height: 345px;
    overflow-y: auto;
    overflow-x: hidden;
}

#authSerieLines::-webkit-scrollbar {
    width: 0px;
}

#authSerieLines:hover::-webkit-scrollbar {
    width: 4px;
}

#authSerieLines::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);

}

#authSerieLines::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.menuIconWorks2 {
    font-family: Icomoon2;
    font-size: 14px;
    color: #383838;
    position: relative;
    padding-right: 9px;
    top: 1px;
    display: inline-block;
    width: 15px;
    text-align: center;
}

.menuIconWorks {
    font-family: Icomoon;
    font-size: 14px;
    color: #383838;
    position: relative;
    padding-right: 9px;
    display: inline-block;
    /* top: 1px; */
    width: 15px;
    vertical-align: middle;
    text-align: center;
}

.loginMenuIcon {
    font-family: Icomoon;
    font-size: 14px;
    font-weight: 100;
    color: #000;
    position: relative;
    padding-right: 6px;
    top: 2px;
}

.wrapWorksIcon {
    width: 100%;
    text-align: center;
    padding-top: 6px;
}

.lastWorksIcon {
    font-family: Icomoon;
    font-size: 14px;
    font-weight: 100;
    color: #606060;
    position: relative;
    cursor: pointer;
}

.bestWorksIcon {
    font-family: Icomoon;
    font-size: 14px;
    font-weight: 100;
    color: #606060;
    position: relative;
    margin-left: 6px;
    cursor: pointer;
}

.icon_serie {
    font-family: Icomoon2;
    font-size: 12px;
    color: #000;
    background-color: #ebebeb;
    border-radius: 30px;
    position: relative;
    margin-right: 8px;
    width: 20px;
    top: -7px;
    line-height: 30px;
    height: 20px;
    padding: 6px;
    vertical-align: top;
}

#userMenuB {
    width: 587px;
    height: 23px;
    margin-left: 2px;
    padding-left: 18px;
    margin-top: 18px;
    /* 
-webkit-border-bottom-left-radius: 3px;
 -moz-border-radius-bottomleft: 3px;
 border-bottom-left-radius: 3px;
 -khtml-border-bottom-left-radius: 3px;

 -webkit-border-bottom-right-radius: 3px;
 -moz-border-radius-bottomright: 3px;
 border-bottom-right-radius: 3px;
 -khtml-border-bottom-right-radius: 3px; 
 */
}

#userMenuB .about_icon {
    color: #5c81ab;
}

#userMenuEdit,
#userMenuLogout {
    width: 223px;
    height: 17px;
    z-index: 102;
    color: #000;
    display: block;
    font: var(--regularFont);
    font-size: 12px;
    margin: 0 auto;
}

#userMenuLogout {
    font-weight: 600;
    float: right;
    width: 116px;
    border-bottom: 5px solid #960000;
    height: 26px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    color: #fff;
    background-color: #b90000;
}

#uMyNewMessCnt,
#myNewMessCnt {
    color: #d23636;
}

#myNewMess,
#myNewMess2 {
    background-color: #ff2200;
    padding: 0px 6px 0px 6px;
    font-size: 14px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    height: 22px;
    font-weight: 500;
    line-height: 23px;
    min-width: 22px;
    text-align: center;
    padding: 0 5px;
    box-sizing:border-box;
}

.connectAssets {
    width: 100%;
    text-align: center;
    padding: 0 0 70px 0;
    font: var(--boldFont);
    font-size: 25px;
}

.newMessDot {
    background-color: #ff2200;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-grid;
    place-items: center;
    /* position: relative; */
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    font: var(--regularFont);
    line-height: 20px;
    padding: 0 5px;
    margin-left: 5px;
    box-sizing:border-box;
}

.replyCnt {
    background-color: #ff2200;
    min-width: 17px;
    height: 17px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    left: -10px;
    box-sizing: border-box;
    font-size: 12px;
    padding: 0 5px;
    color: #fff;
    font-weight: 500;
    font: var(--regularFont);
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

#header.smallHeader .newMessDot {
    background-color: #ff2200;
    color: #fff;
}

.offerBlock {
    margin: 20px 0 1px 45px;
    /* border: 2px solid #cccccc; */
    border-radius: 10px;
    padding: 13px 15px;
    background-color: #fff;
    box-shadow: var(--popupShadow);
    position: relative;
    overflow: hidden;
}

.offerBlock div {
    letter-spacing: var(--ls);
}


.offerClose {
    height: 17px;
    cursor: pointer;
}

/*.offerBlock::before {
    content: '';
    position: absolute;
    right: 582px;
    top: -1px;
    border: 7px solid transparent;
}

.offerBlock::after {
    content: '';
    position: absolute;
    right: 663px;
    top: 0px;
    border: 7px solid transparent;
    border-top: 7px solid #fff;
}
*/


.offerHeader {
    font: var(--mediumFont);
    font-size: 14px;
    margin-bottom: 5px;

}


.offerSubHeader {
    font: var(--regularFont);
    font-size: 12px;
    color: var(--grayBlue);
    line-height: 15px;
    margin-top: 10px;
}

.offerBody {
    margin: 20px 0 5px 0;
}

.offerSmall {
    font: var(--regularFont);
    font-size: 12px;
    display: inline-block;
    color: var(--grayBlue);
    /* width: 307px; */
    margin: 4px 0 0 1px;

}

.offerAmount,
.offerAmountWork {
    border-radius: 5px;
    border: 1px solid var(--grayBorder);
    height: 33px;
    margin-right: 5px;
    width: 478px;
    padding: 1px 9px;
    font: var(--regularFont);
    font-size: 15px;
}


.offerButton {}

.offerList {
    max-height: 155px;
    overflow-y: scroll;
}

.offerList::-webkit-scrollbar {
    width: 3px;
}

.offerList::-webkit-scrollbar-track {
    border-radius: 10px;
}

.offerList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px 5px rgb(0 0 0 / 18%);
}



.offerSubmit,
.offerSubmitWork {
    font: var(--mediumFont);
    font-size: 13px;
    color: #fff;
    background-color: #000;
    padding: 10px 20px;
    white-space: nowrap;
    border-radius: 7px;
    border: 0;
    cursor: pointer;
    height: 37px;
    width: 125px;
    position: relative;
    top: -1px;
}

.offerSubmitWork {
    margin-top: 7px;
    width: 100%;
    line-height: 16px;
}

.offerAmountWork {

    width: 100%;
    box-sizing: border-box;
    height: 40px;
    letter-spacing: -0.5px;
}


.offerLineAmount {
    font: var(--regularFont);
    font-size: 13px;
}

.offerLineAmountAuthName {
    max-width: 110px;
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: var(--boldFont);
    font-size: 13px;
}

.offerLineAmountBold {
    font: var(--boldFont);
    font-size: 13px;
}

.offerLineFrom {
    font: var(--regularFont);
    font-size: 13px;
    color: var(--grayBlue);
    margin: 0 6px;
}

.offerLineAddress {
    font: var(--regularFont);
    font-size: 12px;
    color: #a9a9a9;
    margin: 4px 0;
}


.offerLine {
    margin: 21px 0;
}

.offerLine:first-of-type {
    margin-top: 10px;
}

.buyPhotoOffers {
    max-height: 320px;
    overflow-y: scroll;
}

.buyPhotoOffers::-webkit-scrollbar {
    width: 3px;
}

.buyPhotoOffers::-webkit-scrollbar-track {
    border-radius: 10px;
}

.buyPhotoOffers::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px 5px rgb(0 0 0 / 18%);
}








#headerAuth.smallHeader .newMessDot {
    background-color: #ff2200;
    color: #fff;
}


a.cover b {
    color: #fff;
}

    .wrapper {
            display: flex;
            width: calc(100% - 100px);
            margin:20px 50px 0px 50px;
            box-sizing: border-box;
        }

/* /user menu */
/* gallery menu */
.wrapGallMenu {
    padding: 0px 50px;
}

.wrapGallMenuItem {
 width: 175px; 

    position: relative;
            flex-shrink: 0; 

}

.gallMenuHeaderTab2 {
    flex-grow: 1;
    padding: 13px 0;
    white-space: nowrap;
    overflow: hidden;
       }


.wrapRight {
    width: 300px;
    /* text-align: right; */
    flex-shrink: 0;
    margin-left: auto;
    display: flex;
    gap: 5px;
    padding: 2px 0;
    flex-direction: row-reverse;
}

.wrapGallMenuItemRight {
    z-index: 1;
    background: var(--grayBg);
    padding: 11px 17px;
    border-radius: 30px;

}


.gallMenu {
    display: inline-block;
    border: 0;
}

.gallMenu a {
    padding: 12px 18px;
    border-radius: 30px;
    color: var(--black);
    font-size:13px;
}

.gallMenu a:hover {
    background:var(--grayBg);
}



.gallMenuAct {
    display: inline-block;
    margin: 0 5px;
    /* border-bottom: 3px solid #7399ce; */
    font: var(--mediumFont);
    font-size: 12px;
}

.gallMenuAct a {
    background: var(--grayBg);
    border-radius: 30px;
}

.menuAct {
    border-bottom: 3px solid #7399ce;
}

.gallMenuTab {
    z-index: 1;
    font: var(--regularFont);
    font-size: 13px;
    color: #000;
    cursor: pointer;
    line-height: 1.1;
    position: relative;
    
}

.sortMenuTab {
    z-index: 600;
    float: left;
    margin-right: 0px;
    padding: 0 14px 0 0px;
    font: var(--regularFont);
    /*PTRegular, 'Roboto', Helvetica, sans-serif;*/
    font-size: 18px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    position: relative;
    top: -9px;
}


.vmid {
    vertical-align:middle;
}

.gallMenuTab .downIcon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    line-height: 1;
}


.gallHeader2 {

    color: #fff;
    font: var(--regularFont);
    font-size: 14px;
    /* font-weight: 500; */
    background: #000000c2;
    border-radius: 0 0 15px 15px;
    padding: 9px 20px 12px 20px;
}

#gallPath2 .gallHeader2 {
    /*color: #000;*/
}

.gallPath2 .gallHeader2 {
    font-size: 15px;
    font-weight: 500;
}


.gallMenuHeaderTab2 a,
.gallMenuHeaderTab2 a:hover {
    text-decoration: none;
}

.galleryContent,
.formContent {
    position: relative;
    top: -15a1ffpx;
}

.pLeft {
    position: absolute;
    left: 50px;
    top: 0px;
}

.pRight {
    position: absolute;
    right: 57px;
    top: 0px;
}

.pRight h1 {
    font-size: 14px;
}

.roundedGallPagerB .leftArrow,
.roundedGallPagerB .rightArrow,
#pagerTop .rightArrow,
#pagerTop .leftArrow {
    font-family: Icomoon2;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 5px;
    background-color: transparent;
    position: relative;
    top: 2px;
    padding: 0 4px;
}

.pageHeader {
    position: relative;
    /* top: 2px; */
    color: var(--black);
    font: var(--mediumFont);
    letter-spacing: -1.3px;
    font-size: 32px;
    /* padding-top: 12px; */
    width: 910px;
    margin: 120px auto 30px auto;
}


.pageSubHeader {
    padding-top: 3px;
    padding-left: 1px;
    color: var(--black);
    font: var(--regularFont);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: var(--ls);
    width: 80%;
    max-height: 100px;
    height: auto;
}



.subGallHeader {
    /*position: relative;*/

    color: var(--black);
    font: var(--mediumFont);
    letter-spacing: -1.3px;
    font-size: 20px;
    padding-top: 12px;
}

.gallMenuHeaderTab,
.gallHeader {
    /* float: left; */
    /* position: relative; */
    /* top: 2px; */
    /* color: #000; */
    font: var(--boldFont);
     font-size: 14px; 
    /* margin-right: 20px; */
    letter-spacing: -0.8px;
}

.gallHeader {
    top: 10px;
}


.pHeader {
    position: relative;
    left: 50px;
    top: 16px;
}

.newTop {
    top: 0px;
}

.disabledRec {
    font-size: 11px;
    padding-top: 7px;
    opacity: .7;
    line-height: 11px;
    padding-left: 5px;
    display: inline-block;
}

.commText img.emoji, .previewComm img.emoji, .commQuotePopup img.emoji, .commQuote img.emoji {
    width: 1.35em;
    height: 1.35em;
    margin: 0 0.175em 0 0.175em;
    display: inline-block;
    vertical-align: -0.25em;
}


.emojiPick {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 0px 0 10px;
    cursor: pointer;
    position: relative;
    top: 3px;
    box-shadow: var(--mainShadow);
    border-radius: 50px;
}

#pickerWrap {
    position: relative;
    display: inline-block;
    z-index: 1111;
}

#pickerWrapPopup {
    position: relative;
    display: inline-block;
    top: 8px;
    left: -7px;
}

.commentGallHeader {
    padding-left: 1px;
    color: var(--light);
    font: var(--regularFont);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: var(--ls);
    width: 80%;
    max-height: 100px;
    height: auto;
    top: -1px;
    position: relative;
}

.tabPos, .actionsPos {
    position: absolute;
    /* bottom: 20px; */
    left: 300px;
    top: 15px;
    /* left: 240px; */
    /* top: 14px; */
    background-color: var(--grayBg);
    padding: 10px 0px 12px 4px;
    border-radius: 30px;
}

.actionsPos {
    left: 240px;
    top: 14px;
    background-color: var(--grayBg);
    padding: 10px 5px 12px 15px;
    border-radius: 30px;
}

.wrapGallPath {
    padding: 2px 0 0px 0;

}

.gallHeader {}

.workNextPrev {
    right: 45px;
}


.gallMenuHeaderTab {
    cursor: pointer;
    font-size: 18px;
    padding-bottom: 20px;
    background: var(--grayBg);
    border-radius: 30px;
    display:inline-block;
    padding: 5px 15px 8px 15px;


}

.gHeader {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
    position: relative;
    top: 4px;
    height: 26px;
    padding-top: 2px;
    font-weight: 600;
    letter-spacing: -0.6px;
    box-sizing: border-box;
}

.gallMenuHeaderTab i.about_icon {
    /*   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    background-color: #e6e6e6; */
    padding: 0 0;
    color: #484848;
    font-size: 10px;
    height: 23px;
    line-height: 23px;
    cursor: pointer;
    /* border: 1px solid transparent; */
}

.authProfMenu i.about_icon {
    font-size: 10px;
    color: #000;
    left: 4px;
    position: relative;

}

.gallMenuHeaderTab.gallMenuTabAct {
    /*z-index: 1000;
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, .25);
    border-bottom: none;
    border-right: 1px solid rgba(0, 0, 0, .25);
    border-left: 1px solid rgba(0, 0, 0, .25);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 1px -1px 1px 0px rgba(0, 0, 0, .3);*/
}

.gallMenuHeaderTab.gallMenuTabAct i.about_icon,
.gallMenuTab.gallMenuTabAct i.about_icon {
    background-color: transparent;
    color: #000;
}

.gallMenuTab.gallMenuTabAct {
    z-index: 1000;
    position: relative;
    color: #000;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
}



.gallMenuHeaderContent::after {
    content: '';
    position: absolute;
    width: 12px;
    background-color: #fff;
    height: 12px;
    box-shadow: -2px -2px 3px 0 #00000003;
    top: -6px;
    left: 28px;
    transform: rotate(45deg);
}

.gallMenuContent {
    z-index: 1;
    position: absolute;
    top: 30px;
    right: -17px;
    padding: 7px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 14%);
}

.gallMenuSortingContent {
    min-width: 80px;

}


.gallMenuContent:before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: -3px -3px 4px 1px rgb(0 0 0 / 3%);
    top: -5px;
    right: 16px;
    transform: rotate(45deg);
}



.authMenuContent,
.authMenuHeaderContent {
    /*z-index: 999;*/
    z-index: 1;
    position: absolute;
    top: 47px;
    left: 43px;
    padding: 11px 5px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 19px 3px rgb(0 0 0 / 9%);
    text-align: left;
}

.authActivityMenu {
    z-index: 1000;
    position: absolute;
    top: 34px;
    right: -13px;
    border-radius: 6px;
    padding: 11px 10px 15px 10px;
    background-color: #fff;

    box-shadow: 0px 0px 19px 3px rgb(0 0 0 / 9%);
    font: var(--regularFont);
    /*PTRegular, Helvetica Neue, Roboto, Arial, sans-serif;*/
}




.authActivityMenu:before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: -3px -3px 4px 1px rgb(0 0 0 / 2%);
    top: -5px;
    right: 32px;
    transform: rotate(45deg);
}

.authMenuSortingContent,
.authActivityMenu,
#userMenu,
#NFTSubmenu,
#headerSubmenu,
#dropDownWallet,
#scDropDown,
#scDropDown2,
#headerSubmenuPopup,
#headerSubmenuActivity,
#gallMenuSortingContent,
#gallMenuPeriodContent {
    transform: scale(0.81);
    opacity: 0;
    transition: transform .22s cubic-bezier(0.34, 0.05, 0.43, 1.6);
}


.qiconTip,
.qiconTip2 {
    transform: translateY(40px);
    opacity: 0;
    transition: transform .18s cubic-bezier(0.04, 0.15, 0.43, 1), opacity .16s;
}


.authMenuSortingContent.anim,
.qiconTip.anim,
.qiconTip2.anim,
.authActivityMenu.anim,
#userMenu.anim,
#dropDownWallet.anim,
#scDropDown.anim,
#scDropDown2.anim,
#NFTSubmenu.anim,
#headerSubmenu.anim,
#headerSubmenuPopup.anim,
#headerSubmenuActivity.anim,
#gallMenuSortingContent.anim,
#gallMenuPeriodContent.anim {
    transform: none;
    opacity: 1;
}

.authMenuSortingContent.animOut,
.qiconTip.animOut,
.qiconTip2.animOut,
.authActivityMenu.animOut,
#userMenu.animOut,
#dropDownWallet.animOut,
#scDropDown.animOut,
#scDropDown2.animOut,
#NFTSubmenu.animOut,
#headerSubmenu.animOut,
#headerSubmenuPopup.animOut,
#headerSubmenuActivity.animOut,
#gallMenuSortingContent.animOut,
#gallMenuPeriodContent.animOut {

    transition: .26s linear;
}

#authMenuSortingContent {
    /*    left: 252px;
    top: 54px;*/
    left: -53px;
    top: 44px;
    width: 180px;
}

#authMenuMarketplace {
    left: 5px;
    top: 44px;
    width: 170px;
}

#authMenuSerieContent {
    top: 43px;
    left: 8px;
    width: max-content;
    max-width: 390px;


}


.authMenuSortingContent:before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: -3px -3px 4px 1px rgb(0 0 0 / 2%);
    top: -5px;
    left: 30px;
    transform: rotate(45deg);
}

.authMenuContent a,
.authMenuHeaderContent a {
    padding: 4px 30px 4px 15px;

    border-radius: 4px;

    display: block;
    white-space: break-spaces;

    
    font-weight: 400;
    color: #000;
    text-decoration: none;
    font: var(--regularFont);
    line-height: 16px;
    font-size: 13px;
}

.authMenuContent a:hover {
    background-color: var(--grayBg);
    text-decoration: none;
}

.gallMenuHeaderContent {
    z-index: 1;
    position: absolute;
    left: -8px;
    top: 44px;
    padding: 27px 0px 30px 23px;
    width: 530px;
    background-color: white;
    border-radius: var(--mainRadius);
    box-shadow: 0px 15px 30px 0px rgb(0 0 0 / 25%);
}

.gallMenuContent a,
.gallMenuHeaderContent a {
    padding: 1px 6px 1px 6px;
    border-radius: 7px;
    display: block;
    white-space: nowrap;
    font: var(--mediumFont);
    font-size: 16px;
    line-height: 27px;
    color: #000;
    letter-spacing: -0.8px;
}

#authMenuSortingTab {
    cursor: pointer;
    margin-left: -19px;
}

.gallMenuHeaderContent a:hover {
    background-color: #000;
    text-decoration: none;
    color: #fff;
}

.gallMenuContent a {
    padding: 2px 10px 1px 10px;
    width: 105px;
    font: var(--regularFont);
    font-size: 13px;
    box-sizing: border-box;
    line-height: 2;
}

.gallMenuContent a:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

.gallMenuSubCat {
    padding-left: 10px;
    padding-bottom: 10px;
}

.gallMenuSubCat a {
    color: #000;
    font-weight: 300;
    font: var(--regularFont);
    font-size: 13px;
    line-height: 20px;
}



/* /gallery menu */
/* vertical menu */
.vertMenuWrap {
    position: absolute;
    top: 49px;
    left: 0;
    padding: 10px 0 0 10px;
    z-index: 999;
    width: 190px;
    height: 100vh;
    background-color: #fff;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

#vertMenu {
    width: 180px;
    background-color: #fff;
}

#vertMenuBlog {}

.wrapCommText,
#wrapContentLeft,
#vertMenuCatBlog {}

.roundM .head,
#vertMenuBySection .head,
#vertMenuByTime .head,
#authGiveMenu .head,
#authGotMenu .head,
#authSerieMenu .head,
#vertMenuAuth .head,
#vertMenuDate .head,
#vertMenuRateTop .head,
#vertMenuViewTop .head,
#vertMenuCommTop .head,
#vertMenuCatPh .head {
    font-size: 11px;
    font-weight: 700;
    float: left;
    padding: 1px 0 3px 6px;
    color: #000;
}

#authSerieMenu .head {
    padding-left: 0;
    font: var(--regularFont);
}

.roundM .headImg,
#vertMenuBySection .headImg,
#vertMenuByTime .headImg,
#authGiveMenu .headImg,
#authGotMenu .headImg,
#authSerieMenu .headImg,
#vertMenuAuth .headImg,
#vertMenuDate .headImg,
#vertMenuRateTop .headImg,
#vertMenuViewTop .headImg,
#vertMenuCommTop .headImg,
#vertMenuCatPh .headImg {
    float: left;
    width: 10px;
    height: 10px;
    background: url(def/others.png?v2) -827px -34px no-repeat;
}

.roundM p,
#vertMenuBySection p,
#vertMenuByTime p,
#authGiveMenu p,
#authGotMenu p,
#authSerieMenu p,
#vertMenuAuth p,
#vertMenuDate p,
#vertMenuRateTop p,
#vertMenuViewTop p,
#vertMenuCommTop p,
#vertMenuCatPh p {
    padding: 5px 2px 4px 6px;
}

#authGiveMenu p,
#authGotMenu p,
#authSerieMenu p,
#vertMenuDate p {
    font-size: 9px;
    color: #d23636;
}

#vertMenuCatPh .subhead {
    font-size: 10px;
    clear: left;
    padding: 1px 0 2px 6px;
    color: #929292;
}

#vertMenuAuth a,
#vertMenuBySection a,
#vertMenuByTime a {
    display: block;
    font-size: 12px;
}

/* vertical menu */
/* category items */
#arrowlistmenu .menuheader {
    font-size: 14px;
    font-weight: 700;
    clear: left;
    padding: 5px 0 5px 6px;
    cursor: pointer;
    color: #2678af;
}

#arrowlistmenu .menuheader:hover {
    text-decoration: underline;
    color: #15a1ff;
}

.categoryitems {
    display: none;
    padding-left: 6px;
}

.categoryitems a {
    font-size: 12px;
}

.categoryitems p {
    font-size: 12px;
    padding: 1px 0 2px 6px;
    background: url(def/others.png?v2) -905px -158px no-repeat;
}

#vertMenuCatPh p {
    color: #bebebe;
}

#vertMenuCatPh .allPhInCat {
    border-bottom: 1px dotted #2678af;
}

#vertMenuCatPh .allPhInCat:hover {
    text-decoration: none;
    border-bottom: 1px solid #2678af;
}

#vertMenuCatPh .d3,
#vertMenuCatPh .d3:hover {
    font-size: 11px;
}

#vertMenuCatPh .d1,
#vertMenuCatPh .d1:hover {
    font-size: 11px;
    color: #d23636;
}

#vertMenuCatPh span {
    font-size: 11px;
    color: #bebebe;
}

/* category items */
/* index layout */
#wrapContent {
    float: right;
    width: 100%;
    /*margin-left: 0;*/
    /*margin-left: -165px;*/
    /*margin-left: -185px;*/
}

#wrapIndexHead,
#articles,
#footer,
#wrapBlogs,
#wrapCouncilRec,
#wrapContests,
#wrapLastWorks,
#wrapForumTopics,
#wrapGall,
#wrapNowUsers,
#facebookComm,
#wrapForm,
#authorHeader,
#authorInfo,
#authorJournal,
#authorFollowers,
#authorFriends,
#authorGuestBook,
#addCommForm {
    clear: both;
    width: 100%;
}

#addCommForm {
    padding-top: 40px;
}

#imgCode {

    color: #E00;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    width: 600px;

    top: 370px;
    text-align: right;
    /* left: 200px; */
    right: 0;
}

#content {
    /*margin-left: 185px;*/
}

#contentLeft {}

#wrapForm .roundedLR {
    min-height: 536px;
    margin-top: 12px;
}

#contentRight {
    /*   float: left;
    width: 190px;
    margin-left: -190px; */
    padding: 9px 9px 20px 0px;
}

.whiteBlogBody {
    max-width: 1193px;
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
    position: relative;
    top: -330px;
    margin-bottom: -300px;
}

.blogsCover {
    height: 480px;
    background: url(/css/def/blog-cover2.jpg);
    background-size: cover;
}

.gallHeaderBlogs,
a.authorBlogA,
a.authorBlogA:hover {
    font: var(--boldFont);
    font-size: 43px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    letter-spacing: -1.8px;
}

#addBookmarkAjax .modBtn {
    background: var(--followGradient);
}


.gallHeaderBlogs img {
    height: 24px;
}

a.authorBlogA,
a.authorBlogA:hover {
    font-size: 43px;
}

.whiteBlogBodyRight {
    background: #fff;
    border-radius: 15px;
    width: 200px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: 13px 10px 25px #0000000a;
}

.whiteBlogBodyLeft {


    width: 990px;
    margin-right: 3px;
    border-top-right-radius: 0px;
    padding-bottom: 20px;

}

.whiteBlogEntryBody {

    max-width: 1320px;
    margin: 0 auto;

}

#addBlogPosts .imgBoxBlog {
    box-shadow: none;

}

#wrapForm .bottom,
#favorites .bottom,
#articles .bottom,
#wrapBlogs .bottom,
#wrapCouncilRec .bottom,
#wrapContests .bottom,
#wrapLastWorks .bottom,
#authorWorks .bottom,
#authorFriends .bottom,
#friendsAct .bottom,
#fame .bottom,
#contests .bottom,
#workOfDay1 .bottom {
    clear: left;
    padding: 0 1px;
    /*border-top: 1px solid #d0dadc;*/
}

.bottom p {
    font-weight: 700;
    padding: 6px 6px 4px 6px;
}

#wrapLastWorks .bottom,
#friendsAct .bottom,
#authorFriends .bottom,
#favorites .bottom,
#workOfDay1 .bottom,
#authorWorks .bottom,
#articles h1,
#articles .bottom,
#articles .artDate,
#wrapBlogs .bottom,
#wrapCouncilRec .bottom,
#wrapContests .bottom,
#fame .bottom,
#contests .bottom {
    font-size: 11px;
    font-weight: 400;
    color: #929292;
}

#favorites .bottom,
#workOfDay1 .bottom,
#authorWorks .bottom,
#wrapBlogs .bottom,
#wrapCouncilRec .bottom,
#authorFriends .bottom,
#friendsAct .bottom,
#wrapLastWorks .bottom {
    font-size: 14px;
    font-weight: 700;
}

#favorites .top,
#workOfDay1 .top,
#panelLastWorks .top,
#flashmobs .top {
    /*border-bottom: 1px solid #d0dadc;*/
}

.topIndex {
    font: var(--regularFont);
    position: relative;
}

.top {
    font: var(--regularFont);
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    text-align: center;
}

.topReg {
    margin: 10px 0;
}

.top .actSpanTab {
    font-size: 13px;
}

.topAdd {
    padding: 20px 0 0 0;
    font-size: 20px;
    font-weight: 600;
}

.topAddSub {
    font-size: 12px;
    font-weight: 400;
    width: 700px;
    line-height: 15px;
    margin: 10px auto;
    opacity: 0.5;
}

.top2 {
    /* padding-top: 16px; */
    font: var(--regularFont);
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    text-align:center;
}

.submenu {
    background: var(--grayBg);
    display: inline-block;
    border-radius: 50px;
    padding: 12px 0px 14px 5px;
}

.submenu .actSpanTab {
    font-size:12px;
    background:var(--white);
}

.editWorkButtons {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--brad);
    border: 1px solid var(--grayBorder);
    padding: 7px 15px;
}

#authorWorks .bottom .workLnk {
    font-size: 11px;
    font-weight: 400;
    overflow: hidden;
    max-height: 96px;
    padding-top: 0;
}

#articles .top,
#wrapNowUsers .top,
#wrapForm .top,
#authorWorks .top,
#wrapBlogs .top,
#authorFriends .top,
#fame .top,
#contests .top,
#authorFollowers .top {
    padding: 30px 10px 10px 10px;
    color: #929292;
    /*border-bottom: 1px solid #d0dadc;*/
}

label {
    line-height: 21px;
    cursor: pointer;
    
    padding: 0 0 0 5px;
    font: var(--regularFont);
    font-size: 13px;
}

.myPortDivR label,
.myPortDivL label {
    top: -2px;
    position: relative;
    font-size: 13px;
    font-weight: 300;
}

h1,
h2,
#wrapAuthRatings h1,
#wrapAuthRatings h2,
#favorites h1,
#favorites h2,
#wrapLastWorks h1,
#wrapLastWorks h2,
#workOfDay1 h1,
#workOfDay1 h2,
#articles h1,
#articles h2,
#wrapForm h1,
#wrapForm h2,
#authorWorks h1,
#authorWorks h2,
#wrapBlogs h1,
#wrapBlogs h2,
#authorFriends h1,
#authorFriends h2 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 3px;
    color: #000;
    letter-spacing: var(--ls);
}


h2 {
    font-size: 11px;
    color: #000;
}

#articles .artDate {
    font-size: 10px;
    padding-top: 2px;
}

#articles .artTop {
    max-width: 600px;
    padding: 6px 0 6px 6px;
}

#articles .artBottom {
    padding: 0 0 6px 3px;
}

#forumTopics {
    padding: 10px 0 0 10px;
}

.workOfDayH {
    float: left;
    width: 18px;
    height: 18px;
    margin: 4px 6px 0 0;
    background: url(def/others.png?v2) -873px -32px no-repeat;
}

.fame,
.contests {
    float: left;
    width: 30px;
    height: 19px;
    background: url(def/others.png?v2) -867px -50px no-repeat;
}

.wrapWorkOfDay {
    margin-top: 6px;
    background: url(def/gall_back.png?v2) 0 0 no-repeat;
}

#wrapArticle .roundedLR {
    font-size: 12px;
    line-height: normal;
    padding-left: 0;
}

#wrapAuthRatings .authRatingsTd {
    overflow: hidden;
    height: 170px;
    padding-top: 6px;
}

#wrapAuthRatings .authRatingsTd div {
    overflow: hidden;
    padding: 2px 0;
    white-space: nowrap;
    text-overflow: clip;
}

#wrapAuthRatings .authRatingsTd span {
    font-size: 11px;
    font-weight: 300;
    color: #b6b6b6;
}

#wrapAuthRatings .authRatingsTd a {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

#wrapAuthRatings .authRateTop a {
    color: #000;
}


.authRateTop {
    padding: 6px 6px 6px 0;
    white-space: nowrap;
    overflow: hidden;

}

#wrapNowUsers p {
    line-height: 1.3;
    padding: 20px 6px 3px;
    color: #929292;
}

#wrapNowUsers a {
    color: #000;
}

#wrapWorkDesc .roundedLR {
    padding: 0 6px;
}

.nowOnSite {
    /* float: left; */
    width: calc(100% - 250px);
    color: #424242;
    margin: 0 0 40px 0;
}

.toggle {
    float: right;
    width: 120px;
    height: 12px;
    margin-top: 9px;
    margin-right: 9px;
    padding-right: 16px;
    cursor: pointer;
    text-align: right;
    background: url(def/others.png?v2) -768px -70px no-repeat;
}

/* index cover */
#headerBottom p,
#headerBottom h1 {
    background: none;
    font: var(--boldFont);
    font-size: 55px;
    word-break: break-word;
    text-align: center;
    white-space: normal;
    /* line-height: 1.5; */
    color: #fff;
    letter-spacing: -3.6px;

}

#headerBottom .advantages {
    font: var(--regularFont);
    font-weight: 400;
    font-size: 18px;
    padding-left: 5px;
    line-height: 2;
    margin-bottom: 30px;
    text-align: center;
    /* padding-left: 46px; */
    color: rgb(255, 255, 255);
    white-space: nowrap;
    letter-spacing: -2px;
}

/* /index cover */
.refWrap {
    text-align: center;
    font: var(--regularFont);
    /*'PT Sans Narrow', sans-serif;*/
    color: #353535;
}

.refCounter {
    width: 260px;
    font-size: 22px;
    line-height: 34px;
    text-align: right;
    padding-right: 22px;
}

.ret, .ret2 {
    position: absolute;
    background: rgba(0, 0, 0, .25);
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    z-index: 1;
    border-radius: 10px 0 0 0;
}

.ret2 {
    right: 0;
    border-radius: 0 10px 0 0;
}

.tryPortWrap {
    /* float: right;
    float: left;*/
    width: calc(100% - 88px);
    margin: 0 auto;
    display: inline-block;


    /* margin-left: -437px;
    padding-right: 20px; */
}

.tryPortBlk {
    position: relative;
    z-index: 1000;
    width: 100%;
    text-align: center;
    margin: 20px auto 0 auto;
}

.tryPortLeft {
    /* margin-left: 437px; */
    border: 5px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
}

.tryPort {
    position: relative;
    display: inline-block;
    width: 391px;
    height: 310px;
    background: #666 50% 50% no-repeat;
    background-size: auto 110%;

    border: 9px solid #fff;
}

.tryPort .portSampleLnk {
    z-index: 999;
    cursor: pointer;
    position: absolute;
    top: 200px;
    left: 13px;
    width: 40px;
    height: 31px;
}

.tryPort .portSampleLnk:hover {
    text-decoration: none;
}

.indexHeader {
    padding: 0 0 0 4px;
}

.tryPortMark {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 18px;
    line-height: 20px;
    color: #fff;
    padding: 0 10px;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    opacity: 0.8;
    background: rgba(0, 0, 0, .4);
}

.tryPortMark a {
    color: #fff;
}

/* /index layout */
/* contests */
#wrapContests .actTab {
    padding: 4px 0px;
    margin: -4px 0 0px 10px;
}

#wrapContests .roundedGallTL {
    /*background: url(def/panels.png?v2) 0 -123px no-repeat;*/
}

#wrapContests .roundedGallTR {
    /*background: url(def/panels.png?v2) 100% -123px no-repeat;*/
}

#wrapContests .roundedGallBL {
    /*background: url(def/panels.png?v2) 0 -154px no-repeat;*/
}

#wrapContests .roundedGallBR {
    /*background: url(def/panels.png?v2) 100% -154px no-repeat;*/
}

#wrapContests .roundedGallBL a.actNumb,
#wrapContests .roundedGallBL a:hover.actNumb {
    color: #be0000;
    border: 1px solid #c67878;
}

#wrapContests .toggle span {
    padding: 0;
    text-decoration: none;
    color: #e38080;
    border-bottom: 1px dotted #e38080;
    background: none;
}

.councilRecHeadLnk,
.councilRecHeadLnk:hover {
    color: #62c74c;
}

/* /contests */
/* blogs */
#wrapBlogs .roundedGallTL {
    margin-left: 40%;
}

#wrapBlogs .roundedGallTR {
    width: 50%;
}

#wrapBlogs .roundedGallB,
#wrapBlogs .roundedGallT {
    margin-left: -24%;
}

#wrapBlogs .roundedGallBL {
    margin-left: 40%;
}

#wrapBlogs .roundedGallBR {
    width: 40%;
}

#wrapBlogs .roundedGallTL {
    /*  background: url(def/panels.png?v2) 0 0 no-repeat;
      border-bottom: 1px solid #d0dadc;*/
}

#wrapBlogs .roundedGallTR {
    /*    background: url(def/panels.png?v2) 100% 0 no-repeat;
        border-bottom: 1px solid #d0dadc;*/
}

#wrapBlogs .roundedGallBL {
    /*   background: url(def/panels.png?v2) 0 -29px no-repeat;*/
}

#wrapBlogs .roundedGallBR {
    /*    background: url(def/panels.png?v2) 100% -29px no-repeat;*/
}

.wrapBlogImg {
    position: relative;
    /*  width: calc(100vw - 140px); */
    width: 1300px;
    margin-left: 50%;
    transform: translateX(-50%);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    overflow: hidden;
    line-height: 0;
}

.imgNum {
    font-weight: 700;
    line-height: 28px;
    position: absolute;
    z-index: 100;
    width: 40px;
    height: 28px;
    cursor: pointer;
    text-align: center;
    opacity: .75;
    color: #fff;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -khtml-border-bottom-right-radius: 6px;
    background: url(def/img_num.png?v2) 0 0 no-repeat;
    text-shadow: none;
    filter: alpha(opacity=75);
    -khtml-opacity: .75;
    -moz-opacity: .75;
}

/* /blogs */
/* council rec */
#wrapCouncilRec .roundedGallTL {
    /*background: url(def/panels.png?v2) 0 -171px no-repeat;*/
}

#wrapCouncilRec .roundedGallTR {
    /*background: url(def/panels.png?v2) 100% -171px no-repeat;*/
}

#wrapCouncilRec .roundedGallBL {
    /*background: url(def/panels.png?v2) 0 -200px no-repeat;*/
}

#wrapCouncilRec .roundedGallBR {
    /*background: url(def/panels.png?v2) 100% -200px no-repeat;*/
}

#wrapCouncilRec .roundedGallBL a.actNumb,
#wrapCouncilRec .roundedGallBL a:hover.actNumb {
    color: #2d7c1b;
    border: 1px solid #56b148;
}

#wrapCouncilRec .toggle {
    background-position: 100% -12px;
}

#wrapCouncilRec .toggle span {
    padding: 0;
    text-decoration: none;
    color: #90bb8b;
    border-bottom: 1px dotted #90bb8b;
    background: none;
}

.councilRecHeadLnk,
.councilRecHeadLnk:hover {
    color: #62c74c;
}

/* /council rec */
/* gallery works */
#wrapGall .roundedGallTL {
    /*background: url(def/panels.png?v2) 0 -356px no-repeat;*/
}

#wrapGall .roundedGallTR {
    /*background: url(def/panels.png?v2) 100% -356px no-repeat;*/
}

#wrapGall .roundedGallBL {
    /*background: url(def/panels.png?v2) 0 -385px no-repeat;*/
}

#wrapGall .roundedGallBR {
    /*background: url(def/panels.png?v2) 100% -385px no-repeat;*/
}

.gallHeadLnk,
.gallHeadLnk:hover {
    padding-left: 6px;
    color: #578ac5;
}

/* /gallery works */
/* last works */
#wrapLastWorks .roundedGallTL {
    /*background: url(def/panels.png?v2) 0 -403px no-repeat;*/
}

#wrapLastWorks .roundedGallTR {
    /*background: url(def/panels.png?v2) 100% -403px no-repeat;*/
}

#wrapLastWorks .roundedGallBL,
#wrapCouncilRec .roundedGallBL {
    /*background: url(def/panels.png?v2) 0 -432px no-repeat;*/
}

#wrapLastWorks .roundedGallBR,
#wrapCouncilRec .roundedGallBR {
    /*background: url(def/panels.png?v2) 100% -432px no-repeat;*/
}

#wrapLastWorks .roundedGallBL a.actNumb,
#wrapLastWorks .roundedGallBL a:hover.actNumb,
#wrapGall .roundedGallBL a.actNumb,
#wrapGall .roundedGallBL a:hover.actNumb {
    color: #2860be;
    border: 1px solid #5474c0;
}

#wrapLastWorks .toggle,
#wrapGall .toggle {
    background-position: 100% -24px;
}

#wrapLastWorks .toggle span,
#wrapGall .toggle span {
    padding: 0;
    text-decoration: none;
    color: #879fc4;
    border-bottom: 1px dotted #879fc4;
    background: none;
}

.lastWorksHeadLnk,
.lastWorksHeadLnk:hover {
    color: #578ac5;
}

/* /last works */
/* forum topics */
#wrapForumTopics .roundedGallTL {
    /*background: url(def/panels.png?v2) 0 -309px no-repeat;*/
}

#wrapForumTopics .roundedGallTR {
    /*background: url(def/panels.png?v2) 100% -309px no-repeat;*/
}

#wrapForumTopics .roundedGallBL {
    /*background: url(def/panels.png?v2) 0 -338px no-repeat;*/
}

#wrapForumTopics .roundedGallBR {
    /*background: url(def/panels.png?v2) 100% -338px no-repeat;*/
}

#wrapForumTopics .roundedGallBL a.actNumb,
#wrapForumTopics .roundedGallBL a:hover.actNumb {
    color: #9477b2;
    border: 1px solid #b97fbe;
}

#wrapForumTopics .toggle {
    background-position: 100% -36px;
}

#wrapForumTopics .toggle span {
    padding: 0;
    text-decoration: none;
    color: #c4bad7;
    border-bottom: 1px dotted #c4bad7;
    background: none;
}

.forumTopicsHeadLnk,
.forumTopicsHeadLnk:hover {
    color: #c8b9d8;
}

/* /forum topics */
/* footer */
.footerT {
    float: left;
    width: 100%;
    margin-left: -34%;
}

.footerTL {
    height: 90px;
    margin-left: 34%;
    /*background-color: #fff;*/
}

.footerTR {
    float: right;
    width: 30%;
    height: 90px;
    /*background-color: #fff;*/
}

.footerMenuTop {
    height: 28px;
    padding-left: 0;
    font-size: 14px;
    /*border-bottom: 1px dotted #afafaf;*/
}

#footer p {
    line-height: 12px;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 9px;
    color: #cbcbcb;
    height: 15px;
}

#footer a,
#footer a:hover {
    font-size: 15px;
    margin: 0 11px;
    color: #000;
    font: var(--regularFont);
}

.sp,
.share .sp,
#footer .sp,
#footer .sp:hover {
    font-size: 11px;
    display: inline;
    margin: 0;
    padding-left: 0;
}

.block_links_header,
.block_links_header a {
    font-size: 11px !important;
    color: #2678af !important;
}

.counters {
    margin: 20px 0 0 0;
    color: #444;
    font: var(--regularFont);
}

.counters .about_icon {
    color: #000;
    margin: 0 5px;
}

.counters .about_icon:hover {
    color: #000;
}

.copyright {
    font-size: 15px;
    line-height: 1.2;
    position: relative;
    top: -20px;
    right: 0;
    padding: 0;
    text-align: right;
    color: #444;
    overflow: hidden;
    font: var(--boldFont);
}

#footer .copyNote {
    font-size: 13px;
    position: relative;
    color: #000000;
    font: var(--regularFont);
    top: 20px;
    height: 50px;
    display: block;
}

#footerMargin {
    clear: both;
    padding: 30px 20px 20px 20px;
    width: calc(100% - 40px);
    background: #f7f7f7;
    position: relative;

}

#debug {
    position: relative;
}

.logoHeaderWidth {
    position: relative;
    width: calc(100% - 90px);
    margin: 0 auto;
}


#debug b {
    font-weight: 300;
    color: #703636;
}

/* /footer */
/* gallery */
.roundedGall {
    height: 100%;
    /*padding: 0 2px 0 12px;*/
    background: url(def/gall_back.png?v2) 0 0 repeat-y;
}

.roundedGallTL p {
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    padding: 7px 0 0 6px;
    white-space: nowrap;
    text-overflow: clip;
    color: #fff;
}

.roundedGallTL .gallName {
    font-size: 14px;
    font-weight: 700;
    padding-right: 6px;
}

.roundedGallTL .gallName a,
.roundedGallTL .gallName a:hover {
    font-size: 14px;
    font-weight: 700;
    padding-right: 0;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}

.roundedGallTL a,
.roundedGallTL a:hover {
    /*text-decoration: underline;*/
}

#wrapBlogs .roundedGallTL a:hover {
    /*color: #15a1ff;*/
}

.roundedGallTR p {
    line-height: 18px;
    padding: 6px 6px 0 0;
}

.roundedGallTR span {
    margin: 0 .2em 0 .1em;
    padding: .2em .4em;
    color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 30px;
    -khtml-border-radius: 3px;
    background: #E0E1E2;
}

#pagerTop span.actPage {
    color: #000000;
    background-color: var(--grayBg);
    min-width: 15px;
    line-height: 15px;
    min-height: 15px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    padding: 4px;
    margin: 0;
}

.actPage,
#pagerBottom span {
    margin: 0 0px;
}

.roundedGallTR a,
.roundedGallTR a:hover {
    padding: 0;
    text-decoration: underline;
    /*color: #578ac4;*/
}

.roundedGallBL .liTxtL {
    font-size: 11px;
    font-weight: 300;
    padding-top: 1px;
    padding-right: 1px;
    padding-left: 0;
}

.roundedGallBL .liTxtR {
    font-size: 11px;
    font-weight: 300;
    padding-top: 1px;
    padding-left: 3px;
}

.roundedGallBL ul {
    height: 17px;
    padding: 0;
    list-style-type: none;
}

.roundedGallBL ul li {
    display: block;
    float: left;
    padding: 3px 2px 2px 2px;
    color: #929292;
}

.roundedGallBL a,
.roundedGallBL a:hover {
    font-size: 9px;
    font-weight: 400;
}

.roundedGallBL a.actNumb,
.roundedGallBL a:hover.actNumb {
    text-decoration: none;
    padding: 3px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    background-color: #bebebe;
    color: #fff;
}

.roundedGallBR p {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 6px 0 0;
    color: #767676;
}

.roundedGallBL p {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 0 0 6px;
    color: #767676;
}

#gallSort {
    color: #929292;
}

.roundedGallSort {
    float: right;
    width: 200px;
    height: 15px;
    padding: 4px 6px 0 0;
    text-align: right;
}

.roundedGallSort a,
.roundedGallSort a:hover {
    font-size: 10px;
    font-weight: 700;
    text-decoration: underline;
}

#wrapLastWorks .roundedGall {
    /*background: url(def/gall_back_short.png?v2) 0 0 repeat-y;*/
}

.roundedGallTR .gallPagerT {
    line-height: 30px;
    padding: 0;
}

.roundedGallPagerB {
    clear: left;
    text-align: center;

}

#contentLeft .roundedGallPagerB,
.whiteBlogEntryBody .roundedGallPagerB {
    text-align: center;
}

.roundedGallPagerB p {
    /* padding: 15px 1px 5px 25px; */
    padding: 35px 52px 28px 25px;


}

.workPager p {
    padding: 15px 3px 28px 25px;
    text-align: right;
}

.workPager {
    position: relative;
    top: -25px;
}

.pagerProfile {
    height: 51px;
}

.addBtn.noGradient {
    background: inherit;
    background-color: #43a7f5;
}

.roundedGallPagerB span {

    font: var(--boldFont);
    font-size: 14px;
    font-weight: 600;
    padding: 4px 9px;
    color: #000;
    border-radius: 30px;
    background-color: #828a994d;
}

#authorWorks.fdSwitch .roundedGallPagerB span {
    color: #fff;
}

.actSpanTab,
.actTab {
    padding: 10px 15px;
    border-radius: 20px;
    background: var(--grayBg);
    /* border-bottom: 3px solid #7399ce; */
    font: var(--regularFont);
    font-size: 11px;
}


.actTab a {
    color: #fff;
}

.actTab {
    padding-top: 0;
}

.actSpanTab {
    padding: 8px 12px;
    border-radius: 20px;
    background: var(--white);
    /* border-bottom: 3px solid #7399ce; */
    font: var(--regularFont);
    font-size: 11px;
    margin: 0 3px 0 0;
}

.myWorksTab .actSpanTab {
    background: var(--grayBg);
}

.addedMsg {
    padding-left: 0;
    font-weight: 600;
    font-size: 13px;
    color: #000000;
    position: relative;
    top: 10px;
}

.addedMsg2 {
    font-weight: 600;
    font-size: 13px;
    color: #000000;
    position: relative;
    top: 10px;
    left: 0px;
}


.myWorksTab {
    position: relative;
    top: 15px;
}

.roundedGallPagerB a {
    font-size: 16px;
    font-weight: 500;
    font: var(--regularFont);
    /* 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;*/
    padding: 0 7px;
    color: #000;
    text-decoration: none;
}

.roundedGallPagerB a.Path:last-of-type {
    padding-right: 0;
}

.roundedGallPagerB a:hover {
    color: #000;
}

#wrapWorkComm .roundedGallPagerB {
    border-top: none;

    /*background-color: #fff;*/
}




#pagerTop a,
#pagerTop a:hover,
#pagerTop span {
    padding: 3px;
    color: #000;
    margin: 0 3px;
    text-decoration: none;
}

#wrapBlogs #pagerTop a {
    color: #2d2d2d;
    padding: 0 5px;
}

#wrapBlogs #pagerTop span {
    color: #fff;
}

#wrapBlogs #pagerTop span {
    padding: 3px 8px;
    background: #525252;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -khtml-border-radius: 24px;
}

#wrapBlogs #pagerTop .gallPagerA,
.gallPagerA {
    color: #2d2d2d;
    text-decoration: none;
}

#wrapBlogs #pagerTop .gallPagerA:hover,
.gallPagerA:hover {
    color: #7b7b7b;
    text-decoration: none;
}

#wrapWorkComm #pagerTop a {
    padding: 3px 1px 3px 5px;
    text-decoration: none;
}

#pagerTop {
    white-space: nowrap;
    position: relative;
    top: 10px;
    right: 50px;
    font-weight: 600;
    
    font: var(--regularFont);
    font-size: 13px;
    height: 27px;
}

#wrapWorkComm #pagerTop {
    top: 8px;
    right: 0px;
    text-align: right;
}


#showAllCommA {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    top: 12px;
    color: #000;
}

/* /gallery */
/* gallery images */
.noPh {
    padding-bottom: 4px;
    padding-left: 2px;
}

.phName {
    font-weight: 400;
    position: relative;
    overflow: hidden;
    height: 22px;
    margin-bottom: 6px;
    padding: 4px 0 1px 1px;
    white-space: nowrap;
    text-overflow: clip;
}

.phImg {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: var(--mainShadow);
}

.phImg img,
.phImg svg {
    border-radius: 5px;
    transform: scale(1.28);
    /*
    margin: -4px 4px 4px -4px;
    padding: 4px;
    border: 1px solid #eee;
    background: url(def/others.png?v2) 0 0 no-repeat;
    */
}

.fader {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 20px;
    height: 17px;
    background: transparent url(def/others.png?v2) -807px -33px no-repeat;
}

.phDesc {
    font-size: 9px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 4px;
    white-space: nowrap;
    text-overflow: clip;
    color: #929292;
    background: url(def/others.png?v2) -959px -81px no-repeat;
}

.phNameNew i {
    color: #fff;
}

.phNameNew,
.blogNameNew {
    font: var(--mediumFont);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    height: 55px;
    position: relative;
    top: -6px;
    line-height: 20px;
    color: #fff;
    padding-left: 15px;
    padding-right: 8px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.65);
}

.phNameNew {
    font-size: 13px;
}

.phN {
    margin-bottom: 9px;
    font-size: 16px;
}

.blogNameNew {
    white-space: break-spaces;
}



.phNameBlog {
    display: block;
    overflow: hidden;
    white-space: normal;
    color: #fff;
    padding-top: 10px;
    padding-left: 17px;
    padding-right: 0px;
}

.phBlogCat,
.phBlogCat:hover {
    margin-left: 14px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    border-radius: 15px;
    background: #ffffff5e;
    padding: 3px 13px 4px 13px;
    position: relative;
    top: -6px;
}

.phBlogCatPreview,
.phBlogCatPreview:hover {
    margin-left: 14px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    border-radius: 15px;
    background: #ffffff5e;
    padding: 2px 10px;
    position: relative;
    top: -13px;
    font: var(--mediumFont);
    font-size: 12px;
}


.phNameBlog div a,
.phNameBlog div a:hover {
    float: left;
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 19px;
    line-height: 24px;
    padding-right: 10px;
    width: 90%;
    font: var(--mediumFont);
}

.phNameBlogPreview div a,
.phNameBlogPreview div a:hover {
    float: left;
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 19px;
    padding-right: 10px;
    padding-left: 15px;
    width: 90%;
    font: var(--mediumFont);
}




.blogNameNew {
    text-shadow: none;
    color: #000;
}

.small_portrait {
    width: 24px;
    height: 24px;
    border-radius: 30px;
    background-size: cover;
    display: inline-block;
    margin-left: 11px;
    background-position: 0 25%;
}

.small_auth_name {
    overflow: hidden;
    display: inline-block;
    height: 18px;
    position: relative;
    width: 90%;
    padding: 5px 5px 0px 0;
    top: -1px;
    text-overflow: clip;
    line-height: 15px;
/*    white-space: break-spaces;*/
}

.phNameNew span,
.blogNameNew span {
    /* float: left; */
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 19px;
    max-width: 100%;
    position: relative;
    top: 3px;
    letter-spacing: -0.5px;
}

.phNameLink,
.phNameLink:hover {
    text-decoration: none;
    color: inherit;
}

.noTopPadding {
    padding-top: 0;
}

#commTbl .phNameNew,
#commTbl .blogNameNew {
    padding-left: 8px;
    padding-right: 4px;
    height: 22px;
}


#commTbl .tickCatNew {
    padding-left: 4px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    background: transparent;
}

#commTbl .phNameNew span,
#commTbl .blogNameNew span {
    font-size: 14px;
    font-weight: 500;
    padding-right: 6px;
    width: 99%;
    max-width: 99%;
    display: block;
}

#commTbl .blogNameNew,
#commTbl .blogNameNew span {
    height: 60px;
    line-height: 19px;
}


#commTbl .phDescNew,
#commTbl .blogDescNew {
    height: 40px;
    font: var(--regularFont);
}

.ttPortrait {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;

    background-size: cover;
}

.ttName {
    position: relative;
    top: 16px;
    margin-left: 58px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600;
    font: var(--boldFont);
    /* Roboto, Helvetica, Arial, sans-serif;*/
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ttName .premiumBadge {
    /*vertical-align: text-top;*/
    position: relative;
    top: 0px;
}

.ttMood {
    position: relative;
    top: 19px;
    margin-left: 58px;
    margin-right: 15px;
    font-size: 12px;
    font-weight: 400;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #979da7;
    max-width: 340px;
    height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
}




.attsRoundBg {

    display: inline-block;
    margin-right: 8px;
}

.attsLine {
    margin: 0 0 12px 0;
}



.attsRatingIcon,
.attsPhotosIcon,
.attsFollowersIcon {
    color: #000;
    font-family: Icomoon2;
    font-size: 12px;
    position: relative;
    top: 1px;
    font-weight: 400;
}

.attsPhotosIcon,
.attsFollowersIcon {
    font-size: 14px;
}

.attsText {
    display: inline-block;
    font-size: 14px;
    color: #000;
}

.authTtipStat {
    position: absolute;
    right: 20px;
    top: 62px;
    width: 70px;
}


.phDescNew {
    display: none;
    position: absolute;
    border-radius: 0 0 0 4px;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 30px;
    /* height: 116px; */
    padding: 70px 0 9px 0;
    opacity: 0;
    cursor: pointer;
    background: radial-gradient(circle at 20px 215px, rgba(0, 0, 0, 0.8) 90px, rgba(0, 0, 0, 0) 210px);
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}


.commGradient {
    background: radial-gradient(circle at 0px 150px, rgb(0 0 0 / 40%) 30px, rgba(0, 0, 0, 0) 250px);
}

.phDescNewActions {
    display: inline-block;
    position: relative;
}

.phDescNew a {
    white-space: nowrap;
}

.phDescBlog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 212px;
    padding: 0;
}

.phDescBlogPreview {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    padding: 0;
}

.blogDescNew {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 60px;
    padding: 0;
    opacity: 0;
    font: var(--regularFont);
}

.blogDescNew .tickCatNew {
    color: #000;
    margin-top: 63px;
}

.tickNameNew {
    position: absolute;
    display: block;
    top: 6px;
    padding-left: 6px;
    line-height: 12px;
    height: 12px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.tickCatNew {
    font: var(--mediumFont);
    display: inline-block;
    padding: 4px 4px 0 10px;
    margin-left: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    white-space: nowrap;
    position: relative;
    border-radius: 15px;
    top: -4px;
    overflow: hidden;
    /* width: 100%; */
    /* background-color: #0000006e; */
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: var(--ls);
    line-height: 13px;
    font-weight: 400;
    height: 22px;
    max-width: 100%;
}

.commPos,
a.commPos:hover {
    position: relative;
    top: -25px;
    color: #000;
}

.subscribeDiv {
    float: left;
    padding: 0 6px 0 0;
    font-weight: 700;
    color: #00a1d0;
    width: 120px;
}

.unsubscribeDiv {
    float: left;
    padding: 0 6px 0 0;
    font-weight: 700;
    color: #dc3a3a;
    width: 120px;
}

.dott2 {
    margin: 0 5px;
    color: var(--grayBlue);
    font-size: 9px;
    position: relative;
    top: -1px;
}

.actionsNameAuth,
.actionsNameAuth:hover,
.actionsNamePhoto {
    display: inline-block;
    margin-left: 8px;
    color: var(--black);
    overflow: hidden;
    height: 22px;
    line-height: 20px;
    width: 630px;
    font: var(--mediumFont);
    font-size: 13px;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.actionsNameAuthPreview,
.actionsNameAuthPreview:hover {
    top: 8px;
    left: 38px
}

.actionsNameAuthPreview.workAnon {
    font-size: 13px;
}

.actionsNameAuth a {
    color: var(--black);
}
.actionsNameAuth a:hover {
    color: var(--grayBlue);
    text-decoration: none;
}

.actionsNamePhoto {
    font-size: 15px;
    color: var(--black);
    font-weight: 500;
    top: 4px;
    width: 630px;
    font: var(--mediumFont);
    font-size: 14px;
}

.actionsNameBlog {
    position: absolute;
    font: var(--regularFont);
    font-size: 13px;
    color: var(--grayBlue);
    top: 8px;
    left: 48px;
    width: 450px;

}

.actionsNameAuthBlog {
       text-decoration: none;
       
       font: var(--mediumFont);
       color: var(--black); 
       font-size: 13px;
}
 


.actionsNamePhotoPreview {
    top: 40px;
    left: 11px;
    font-size: 18px;
}

.actionsNamePhotoPreview::first-letter {
    text-transform: capitalize;
}



.tickCatNew img {
    position: relative;
    left: 4px;
}

.tickCatNew.workAnon {
    color: #fff;
    font-size: 13px;
}

.phBlogDate,
.phBlogCounters {
    padding-left: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #d4d4d4;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    height: 16px;
    padding-top: 1px;
}

.phBlogAuthName {
    padding-left: 15px;
    padding-top: 15px;
    display: flex;
}

.box {
    margin-top: 20px;
}

.tickCatNew:hover,
.tickCatBlog:hover {
    color: #fff;
    text-decoration: none;
/*    background-color: #ffffff42;*/
}

.tickRateNew {
    display: block;
    z-index: 11;
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0 6px;
    line-height: 11px;
    height: 12px;
    text-align: left;
    font-weight: 700;
    color: #333;
    background-color: #fff;
    box-sizing: border-box;
}

.tickRateBg {
    color: #d11111;
    background: #fff url(def/activity_icons_new.png) 6px -55px no-repeat;
    padding-left: 22px;
}

.tickRateBg:hover {
    color: #d11111;
}

.tickViewsNew {
    font-size: 11px;
    font-weight: 300;
}

.pointer_svg_icon {
    width: 18px;
    height: 24px;
    fill: #fff;
    position: relative;
    top: 2px;
    left: 1px;
    margin-left: 15px;
}

.recFromPreview {
    font-family: Icomoon2;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding: 5px;
    top: 1px;
    left: 3px;
    display: inline-block;
    /* right: 16px; */
    /* bottom: 39px; */
    font-weight: normal;
    cursor: pointer;
    z-index: 500;
    border-radius: 4px;
}

.recFromPreview:hover {
/*    background-color: #ffffff42;
    color: #fff;*/
}

span.ratingNum {
    display: inline-block;
}

.tickCommNew {
    display: block;
    z-index: 11;
    position: absolute;
    bottom: -8px;
    right: -6px;
    width: 63px;
    height: 63px;
    line-height: 57px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    box-sizing: border-box;
}

.tickCommNew:hover {
    color: #fff;
    text-decoration: none;
}

.tickDateNew {
    font-size: 9px;
    line-height: 12px;
    font-weight: 300;
    color: #afafaf;
}

.commBg {
    background-color: #f0f1f5; 
    /*#f2f4f6;*/
    padding-bottom: 20px;
    /*top: 4px;*/
    position: relative;
}

.tickCommBg {
    /*background: transparent url(def/comm.png) 50% 50% no-repeat;*/

    background: url(def/comm.png) 50% 50% no-repeat, radial-gradient(circle, rgba(0, 0, 0, 0.3) 0%, transparent 70%);
}

.tickCommDate {
    font-size: 10px;
    width: 66px;
}

.tickName,
.tickRecCouncil,
.tickRate,
.tickCat,
.tickRec,
.tickComm,
.tickMark,
.tickDate {
    line-height: 1;
    padding-left: 17px;
}

.tickName {
    font-size: 11px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    height: 12px;
    line-height: 12px;
    background: url(def/others.png?v2) -959px -63px no-repeat;
}

.tickCat {
    font-size: 11px;
    font-weight: 400;
    height: 12px;
    margin-top: 2px;
}

.tickRate {
    font-size: 11px;
    font-weight: 400;
    float: left;
    height: 12px;
    margin-top: 2px;
    color: #000;
}

.tickStar {
    width: 55px;
    height: 12px;
    margin: 1px 0 0 90px;
    background: url(def/others.png?v2) -702px 0 no-repeat;
}

.tickRec {
    clear: left;
    height: 12px;
    padding-left: 16px;
}

.tickComm {
    clear: left;
    height: 12px;
    padding-left: 16px;
}

.tickDate {
    clear: left;
    height: 12px;
    padding-top: 4px;
    padding-left: 17px;
    color: #929292;
}

#wrapContests .tickDate,
#wrapLastWorks .tickDate {
    line-height: 1.2;
    height: 13px;
    margin-left: 1px;
}

.authNameFr {
    font-size: 11px;
    float: left;
    overflow: hidden;
    width: 160px;
    padding-top: 0;
}

/* /gallery images */
/* friends */
.friendAva {
    float: left;
    overflow: hidden;
    width: 144px;
    height: 140px;
    margin: 8px;
    text-align: center;
}

.friendAva p {
    height: 25px;
}

.friendAva img {
    position: relative;
    top: 80px;
}

.friendAva .round3 {
    border-radius: 50%;
}

.friendAva .aName {
    line-height: normal;
    display: table-cell;
    height: 35px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: bottom;
    width: 100px;
}

/* /friends */
/* friends activity */
#friendsAct {
    background: #fff url(def/gall_back.png?v2) 0 29px no-repeat;
}

#friendsAct .head {
    font-size: 14px;
    font-weight: 700;
    color: #929292;
}

#friendsAct .subhead {
    font-size: 10px;
    color: #929292;
}

#friendsAct .subhead,
#friendsAct .head {
    padding-left: 10px;
}

#friendsActM {
    font-family: verdana, serif;
    font-size: 11px;
    line-height: 13px;
    overflow: hidden;
    padding: 0 6px 0 6px;
}

.friendsActSep {
    padding: 14px 0 14px 0;
    background: url(def/separator.gif) 0 100% repeat-x;
}

/* /friends activity */
/* gallery links */
.lnk {
    font-size: 11px;
    font-weight: 400;
}

.lnk2 {
    color: #d80000;
    font-size: 15px;
}

.arttext1 {
    line-height: 1.2;
}

.artlink1,
#articles h1 a {
    font-size: 14px;
    font-weight: 700;
}

.artlink2,
.artlink4,
#articles .artTop {
    font-size: 12px;
}

.fnt11,
#blogs .blogAuthor a,
#arrowlistmenu ul li a,
#authGiveMenu a,
#authGotMenu a,
#authSerieMenu a,
#vertMenuDate a {
    font: var(--mediumFont);
    font-size: 14px;
    letter-spacing: -0.5px;
}

#authSerieMenu a {
    font-size: 16px;
    line-height: 16px;
    color: #000;
}

#authSerieMenu a:hover {
    text-decoration: none;
    opacity: 1;
}

.fnt11B,
.lnkB {
    font-size: 11px;
    font-weight: 700;
}

.lnkSerie {
    line-height: 11px;
}

.lnkGray,
.lnkGray:hover,
.lnkSerie,
.lnkSerie:hover {
    font-size: 9px;
    color: #929292;
}

.lnkGray11,
.lnkGray11:hover {
    font-size: 11px;
    color: #929292;
}

.textGray {
    display: inline-block;
    color: #000;
    font: var(--regularFont);
    font-size: 13px;
    margin: 12px 12px 12px 0;
}

.addFormSmallText {
    margin-top:2px;
    font-size:12px;
}


.labelIcon {
    margin: 0 5px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
}


.textGrayMini {

    opacity: .75;
    color: var(--grayBlue);
    font: var(--regularFont);
    font-size: 12px;
}

.pluss {
    color: #69cc26;
    font: var(--boldFont);
}



.regFormBG {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 1px var(--grayBorder);
}

input.regInput {
    border: none;
    background-color: var(--grayBg);
    background-repeat: no-repeat;
    border-radius: 6px;
    padding: 0 12px;
    width:350px; 
    height: 44px; 
    font-size: 16px;
}

.regOK {
    font-family: Icomoon2;
    font-size: 14px;

    margin-left: 2px;
    line-height: 11px;
}

.lnkComp,
.lnkComp:hover {
    font-size: 9px;
    position: relative;
    top: -3px;
    color: #c03;
}

.formREG {
    color: #b5b5b5;
}

.lnkEdit,
.lnkEdit:hover {
    font-size: 9px;
    position: relative;
    top: -3px;
    color: #35739c;
}

.imgMark {
    position: absolute;
    top: 3px;
    left: 1px;
    height: 14px;
}

.workOfDayMark {
    padding: 8px !important;
    /*border-radius: 0 0 5px 0!important;
    background: rgba(0, 0, 0, .25)!important;*/
    background: transparent !important;
}

.compMark,
.placeMark,
.dayMark {
    font-weight: 700;
    font-size: 17px;
    z-index: 99;
    position: absolute;
    left: 4px;
    top: 2px;
    padding: 4px 6px;
    text-align: center;
    /*    opacity: .75;*/
    color: #fff;
    background: url(def/img_num.png?v2) 0 0 no-repeat;
    filter: alpha(opacity=75);
    -khtml-opacity: .75;
    -moz-opacity: .75;
    /*-webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;*/
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
}

.compMark {
    background-color: #e21313;
}

.compMark:hover {
    text-decoration: none;
    color: #fff;
}

.dayMark {
    background-color: #ff7d01;
}

#myWorks .noWorks {
    margin-top: 0px;
}

.noWorks {
    font-size: 16px;
    font-weight: 400;
    font: var(--regularFont);
    /*PTRegular, Nunito, var(--regularFont);*/
    padding: 30px;
    margin-bottom: 30px;
    padding-top: 100px;
    /*background: #fff;
     width: 100%; */
    border-radius: 10px;
    white-space: normal;
    height: 100px;
    text-align: center;
    color: #212121;
    background-color: transparent;
}

#blogs .noWorks {
    background-color: #fff;
    border-radius: 10px 0 10px 10px;
}

.bshadow {
    /*box-shadow: 0 0 8px 0px #0000000a;*/
}


.noComms {
    font-size: 14px;

    line-height: 2;
    width: 100%;

    padding-left: 75px;
    text-align: left;

}

.banAuthor {
    text-align: left;
    width: 100%;
    cursor: pointer;
    height: 28px;
    position: relative;
    top: 2px;
}

/* /gallery links */
/* blogs layout */
#blogs {
    min-height: 340px;
    margin: 0 auto;

}

.blogTabs {
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: clip;
    color: #fff;
    margin-top: 18px;
}

.blogTabs span {
    padding: 0 3px;
    color: #fff;
    background: none;
}

.blogTabs a,
.blogTabs a:hover {
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 5px 10px;
    margin-right: 6px;
    border-radius: 13px;
    text-decoration: none;
}

.blogTabsNew {
    font-weight: 700;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    color: #929292;
}

.blogTabsNew span {
    padding: 0 3px;
    color: #3c3c3c;
    background: none;
}

.blogTabsNew a {
    color: #5c7f99;
}

.blogTabsNew a:hover {
    color: #5c7f99;
}

.blogSubHead {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.blogSubHead a {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 5px 10px;
    border-radius: 13px;
    font-size: 12px;
    margin-left: 5px;
}

#wrapBlogs .roundedGallBR p {
    font-size: 11px;
    font-weight: 400;
    color: #929292;
}

.roundedGallBR .blogSubHeadNew a {
    text-decoration: underline;
    color: #2678af;
}

.roundedGallBR .blogSubHeadNew a:hover {
    color: #15a1ff;
}

#wrapBlogs .roundedGallTL p {
    padding-top: 9px;
    padding-left: 0;
}

#wrapBlogs .roundedGallTL a {
    /*font-size: 11px;
    font-weight: 400;*/
    /*color: #2678af;*/
}

#blogs .blogTitle {
    font-size: 25px;
    font-weight: 600;
    line-height: 27px;
    max-width: 800px;
    padding-bottom: 8px;
    letter-spacing: -1.1px;
}

#blogs .blogTitle a,
#blogs .blogTitle {
    text-decoration: none;
    font: var(--mediumFont);
    color: var(--black);
    line-height: 30px;
    font-size: 26px;
    letter-spacing: -1.5px;
}

.blogStats {
    background: #fff;
    display: inline-block;
    border: 1px solid #8796af4f;
    border-radius: 25px;
    padding: 4px 17px 11px 20px;
    position: relative;
    z-index: 95;
    margin-bottom: 40px;
}

.iconBlogComm {
    font-family: 'Icomoon2';
    font-size: 20px;
    color: #7E96AF;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.iconPremium {
    font-family: 'Icomoon2';
    font-size: 16px;
    color: #fff;
    position: relative;
    top: -1px;
    left: -2px;
    vertical-align: middle;
}

.iconBlogView {
    font-family: 'Icomoon2';
    font-size: 26px;
    line-height: 20px;
    color: #404040;
    position: relative;
    top: 6px;
    margin-right: 7px;
    margin-left: 20px;
    font-weight: 100;
}

.view_icon {
    font-family: 'Icomoon2';
    font-size: 18px;
    color: #fff;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 7px;
    margin-left: 20px;
}


.iconBlogLike {
    font-family: 'Icomoon2';
    font-size: 22px;
    color: #EB4242;
    position: relative;
    top: 4px;
    margin-right: 5px;
    margin-left: 20px;
    font-weight: 100;
}

#blogs .blogAuthor {
    position: relative;
    top: -5px;
    height: 36px;
    text-align: center;
    color: #929292;
    /* background: url(def/others.png?v2) -959px -63px no-repeat; */
}

#blogs .blogAuthor b {
    font-weight:500;
}

.roundedGallTL .blogName {
    font-size: 14px;
    font-weight: 700;
    padding-right: 6px;
    color: #929292;
}

.roundedGallTL .blogName a,
.roundedGallTL .blogName a:hover {
    padding-right: 0;
    text-decoration: none;
}

.roundedGallTL .blogName a:hover {
    padding-right: 0;
    text-decoration: none;
}

#blogs .blogDate {
    font-size: 15px;
    padding: 2px 5px 1px 0px;
    color: var(--grayBlue);
    font: var(--regularFont);
    letter-spacing: var(--ls);
}

#blogs .blogComm {
    font-size: 12px;
    float: left;
    height: 13px;
    padding: 0;
    color: #333333;
    /*  background: url(def/others.png?v2) -959px -133px no-repeat; */
}

#wrapBlogs .imgBoxBlog {
    box-shadow: none;
    border-radius: 4px;
}

#blogs .blogCommA {
    color: #929292;
}

#blogs .blogCommCnt,
#blogs .blogCommCnt:hover {
    font-size: 14px;
    font-weight: 700;
    color: #7E96AF;
    text-decoration: none;
    position: relative;
    top: 2px;
}

#blogs .blogCommCntDiff {
    font-size: 11px;
    font-weight: 700;
    color: #df0909;
}

#blogs .blogLastComm {
    font-size: 13px;
    font-weight: 400;
}

#blogs .blogBody {
    font: var(--regularFont);
    font-size: 15px;
    line-height: 24px;
    clear: left;
    padding: 0;
    overflow: visible;
    margin: 0 auto;
    padding: 35px 0 0 0;
}

#blogs .blogsBody {
    font: var(--regularFont);
    font-size: 15px;
    line-height: 24px;
    clear: left;
    padding: 0;
    overflow: visible;
    margin: 0 auto;
    padding: 15px 0 15px 0;
}



#blogs .blogBodyImg {
    /*   max-width: calc(100vw - 140px); */
    max-width: 1300px;
    min-width: 500px;
    height: auto;
    opacity: 0;
}

#blogs .blogsBody img {
    max-width: 800px;
    min-width: 240px;
    height: auto;
    margin: 10px auto;
    display: block;
}

#blogs .blogPreviews img {
    margin:0;
}

#blogs .blogsBody img.emoji, #blogs .blogBody img.emoji  {
    height: 30px;
    width: 30px;
    vertical-align:middle;
    margin-right:7px;
    min-width: 30px;
    min-height: 30px;
}

#blogs .blogBody p,
#blogs .blogBody blockquote,
#blogs .blogBody h1,
#blogs .blogBody h2,
#blogs .blogBody h3,
#blogs .blogBody h4,
#blogs .blogBody h5,
#blogs .blogBody ol,
#blogs .blogBody ul,
#blogs .blogBody hr,
#blogs .blogsBody p,
#blogs .blogsBody h1,
#blogs .blogsBody h2,
#blogs .blogsBody h3,
#blogs .blogsBody h4,
#blogs .blogsBody h5,
#blogs .blogsBody ol,
#blogs .blogsBody ul,
#blogs .blogsBody table,
#blogs .blogsBody hr,
#blogs .blogsBody .commQuote,
#blogs .blogBody .commQuote {
    max-width: 800px;
    margin: 5px auto 20px auto;
    color: #000;
    word-break: break-word;
    letter-spacing: -0.4px;
}

#blogs .blogBody table {
    max-width: 1100px;
    margin: 30px auto 40px auto;
}

#blogs .blogBody hr,
#blogs .blogsBody hr {
    height: 0;
    border: none;
    border-top: 1px solid #cecece;
}

#blogs .blogBody iframe,
#blogs .blogsBody iframe {
    width: 800px;
}

.headerGall,
.inactTab h2 {
    padding-top: 10px;
    padding-bottom: 1px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.inactTab h2 {
    padding-top: 3px;
}

.headerGall {
    padding-left: 1px;
}

.headerGall a {
    color: #000000;
    font: var(--boldFont);
    font-size: 20px;
    letter-spacing: -0.9px;
}

.headerGall a:hover {
    text-decoration: none;
}


#blogs .blogBody h1:not(:first-child),
#blogs .blogBody h2:not(:first-child),
#blogs .blogBody h3:not(:first-child) {
    padding-top: 40px;
}

#blogs .blogBody h1,
#blogs .blogBody h2,
#blogs .blogBody h3,
.redactor_editor h1,
.redactor_editor h2,
.redactor_editor h3 {
    color: #000 !important;
}

.redactor_editor {
    font-weight: 400 !important;
}

#blogs .blogBody h1 {

    margin-bottom: 0em;
    font: var(--boldFont);
    font-size: 22px;
    line-height: 2;
}

#blogs .blogBody h2 {

    margin-bottom: .2em;
    font: var(--boldFont);
        font-size: 18px;
    line-height: 1.4;
}

#blogs .blogBody h3 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: .3em;
    font-weight: 500;
}

#blogs .blogBody td {
    padding: 6px;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    line-height: 15px;
}

#blogs .blogBody ol li,
#blogs .blogBody ul li {
    padding: 5px 0 5px 0px;
    line-height: 1.4;
    font-size: 15px;
}

#blogs .blogBody ol,
#blogs .blogBody ul {
    /*padding: 17px 0px;*/
}

#blogs .blogViews {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    top: -1px;
}

#blogs .blogPreviews {
    margin: 0;
    text-align: center;
    line-height: 18px;
}

#blogs .blogPreviews a {
    display: inline-block;
}

#blogs .blogPreviews img {
    min-width: 240px;
    height: auto;
}

#blogs p.blogPreviewsNew {
    max-width: 969px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    color: #353535;
    overflow: hidden;
    word-break: break-all;
}

.wrapBlogLeft {
    margin: 0px auto 30px auto;
    background-color: #fff;
    box-shadow: var(--mainShadow);
    border-radius: 15px;
    padding: 40px 0 0 0;
}

.wrapBlogLeft:first-of-type {
    border-top-right-radius: 0;
}

.wrapBlogLeft2 {
    margin: 0px auto 30px auto;
    max-width: 1320px;
    padding-top: 50px;
    padding-bottom: 10px;
    background: #fff;
    box-shadow: var(--mainShadow);
    border-radius: 16px;
}

.wrapBlogLeft2 .wrapBlogLeft {
    box-shadow: none;
}

.blogRight {
    font-size: 13px;
}

#blogs .blogVote,
#blogs .blogVoteZero,
#blogs .blogVoteMinus {
    font-weight: 700;
    font-size: 14px;
    position: relative;
    top: -1px;
}

#blogs .blogVoteZero {
    color: #929292;
}

#blogs .blogVoteMinus {
    color: #df0909;
}

#voteBtnT,
#voteBtnB {
    font-weight: 700;
}

#blogs .voteAccept {
    margin: 0 3px 0 15px;
    color: #333;
    background: #8796af4f;
    border-radius: 16px;
    padding: 8px 15px 6px 15px;
    position: relative;
    top: -1px;
    font-size: 12px;
}

#blogs .blogVoteUp,
#blogs .blogVoteDown {
    float: left;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

#wrapBlogLeft {
    float: left;
    width: 100%;
}

#indexBlogMenu {
    display: none;
    float: right;
    width: 0;
    padding-top: 3px;
}

#vertMenuCatBlog .head,
#indexBlogMenu .head {
    font-size: 14px;
    font-weight: 700;
    color: #929292;
}

#vertMenuCatBlog .subhead,
#indexBlogMenu .subhead {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 0 6px 0;
    color: #929292;
}

#vertMenuCatBlog p,
#indexBlogMenu p {
    font-size: 12px;
    padding: 4px 0;
    color: #bebebe;
}

#vertMenuCatBlog a,
#indexBlogMenu a {
    font: var(--mediumFont);
    font-size: 14px;
}

#vertMenuCatBlog .d3,
#vertMenuCatBlog .d3:hover,
#indexBlogMenu .d3,
#indexBlogMenu .d3:hover {
    font-size: 11px;
    font-weight: 400;
}

#vertMenuCatBlog .d1,
#vertMenuCatBlog .d1:hover,
#indexBlogMenu .d1,
#indexBlogMenu .d1:hover {
    font-size: 11px;
    font-weight: 400;
    color: #d23636;
}

#vertMenuCatBlog p,
#vertMenuCatBlog .head,
#vertMenuCatBlog .subhead {
    padding-left: 4px;
}

#myBookmark {
    background: #f0f0f0;
    border-radius: 0 10px 10px 0;
    padding: 9px 10px 7px 10px;
    margin-bottom: 10px;
}

#myBookmark2 p {
    padding: 5px 10px;

    margin: 0 6px;
}

#myBookmark2 {
    padding-bottom: 20px;
}

#myBookmark2 p:last-of-type {
    border: 0px;
    padding-bottom: 3px;
}

.bookmarkBlogA {
    color: #444;
    text-decoration: none;
}

.bookmarkNote {
    font-size: 11px;
    clear: left;
    padding: 3px 0 6px 0;
    color: #b5b5b5;
}

.bookmarkNoteA {
    text-decoration: underline;
    color: #37afff;
}

.allBlogA {
    color: #d23636;
}

#blogs a.blogUnpublishA,
.blogUnpublishA {
    color: #d57052;
}

#blogs .blogTitle {
    color: #000;
    text-align: center;
    margin: 25px auto 10px auto;
    line-height: 1.2;
}

.blogTitleCat,
.blogTitleCat:hover {
    color: #fff;
    margin: 0 auto;
    font-size: 14px;
    font: var(--regularFont);
    text-decoration: none;
    border-radius: 15px;
    background: #000;
    padding: 4px 16px;
    font-size: 13px;
}

.blogEditA {
    font-size: 10px;
    font-weight: 400;
    color: #5ecf60;
}

.blogHideA {
    font-size: 10px;
    font-weight: 400;
    color: #d57052;
}

.blogDelA {
    font-size: 10px;
    font-weight: 400;
    color: #d92424;
}

.fbComm {
    background-color: #fff;
}

/* /blogs layout */
/* articles */
#wrapArticle img {
    margin: 10px;
}

.header3 {
    font: 24px tahoma, arial, serif;
    color: #505656;
}

.text12 {
    padding-left: 20px;
}

.articleTbl td {
    font-size: 12px;
    line-height: normal;
    padding: 4px 10px 18px 0;
}

.articleTbl .textGray {
    color: darkred;
}

/* /articles */
/* contest tabs */
.actTab,
.inactTab,
.actTabL,
.actTabR {
    float: left;
}

.inactTab {
    /*padding-top: 10px;*/
}

.inactTab p {
    position: relative;
    margin-top: 1px;
    padding-right: 6px;
}

.inactTab .inactTabA,
.inactTab .inactTabA:hover {
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    /*color: #fff;*/
}

a.inactTabA {
    color: #000;
}

.inactTab .inactTabA {
    /*border-bottom: 1px dotted #e28f8f;*/
}

.inactTab .inactTabA:hover {
    /*border-bottom: 1px solid #e28f8f;*/
}

.actTabL {
    height: 31px;
    margin-top: -2px;
    padding-left: 4px;
    text-align: center;
    /*background: url(def/buttons_r.png?v2) 0 -189px no-repeat;*/
}

.actTabR {
    width: 4px;
    height: 31px;
    margin-top: -2px;
    /*background: url(def/buttons_r.png?v2) 100% -189px no-repeat;*/
}

.actTabL p {
    position: relative;
    margin-top: 3px;
}

.inactTab .actTabA,
.inactTab .actTabA:hover {
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    /*color: #2678af;
    border-bottom: 1px solid #2678af;*/
}

#tab0,
#tab1,
#tab2 {
    /*height: 29px;
    cursor: pointer;*/
    margin: 0 0 0 10px;
}

#panelContestsSlider {
    background: url(def/gall_back.png?v2) 0 0 repeat-y;
}

#imgSlider {
    position: relative;
    top: -5000px;
    left: -5000px;
    visibility: hidden;
    height: 0;
    margin: 0 auto;
    padding: 0;
}

#imgSlider .phImg {
    margin: 0 0 0 3px;
    padding-left: 1px;
}

/* /contest tabs */
/* Main Image */
#add_crop_lnk,
#add_crop_lnk:hover {
    font-size: 13px;
    border: 2px solid;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}


/* /Main Image */
.allCommLnk a {
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dotted #2678af;
}

.allCommLnk a:hover {
    border-bottom: 1px solid #15a1ff;
}

/* autocomplete */
.autocomplete-w1 {
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    z-index: 800;
    top: -2px;
    font: var(--regularFont);
    left: 0;
    _background: none;
    _margin: 1px 0 0 0;
}

.autocomplete {
    overflow: auto;
    max-height: 350px;
    cursor: default;
    /* position: relative; */
    /* left: 29px; */
    /* border-radius: 0 0 18px 18px; */
    padding: 10px 21px 10px 157px;
    text-align: left;
    /*border-top: 2px solid #000000;*/
    background-color: #ffffff;
    backdrop-filter: blur(10px);
    box-shadow: var(--mainShadow);
    border-radius: 15px;
}


.autocomplete::-webkit-scrollbar {
    width: 5px;
}

.autocomplete::-webkit-scrollbar-track {
    border-radius: 10px;
}

.autocomplete::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px 5px rgb(0 0 0 / 18%);
}





.autocomplete .selected {
    /* background-color: #f8f5ff;*/
    border-radius: 20px;
}

.autocomplete div {
    padding: 6px 15px 7px 16px;
    white-space: nowrap;
    text-overflow: clip;
    cursor: pointer;
    color: #000;
    font: var(--boldFont);
}

.autocomplete strong {
    font-weight: 500;
    font: var(--regularFont);
    color: #000000;
    cursor: pointer;
}



/* /autocomplete */
/* work */
/*////////////////////////////////////////////////*/
.wrapWorkActions {
    height: 85px;
    padding: 0 20px;
    color: #000;
    width: 1244px;
    margin: 5px auto;

    /*border-radius: 0 0 6px 6px;
     font-size: 30px; 
    box-shadow: 0 1px 2px #0000001f;*/
}

.workCounters {
    width: 100%;
    text-align: center;
    float: left;
    height: 37px;
    overflow: hidden;
    font: var(--regularFont);
    font-size: 27px;
    font-weight: 600;
    line-height: 29px;
}

.workCounters--views,
.workCounters--recs {
    letter-spacing: -1.7px;
}

.workCounters--views {}

.workCounters--dots,
.workCounters--dots:hover {
    font: var(--mediumFont);
    color: #3790ff;
    margin-left: 2px;
    text-decoration: none;
    font-size: 32px;
}

.messageDots,
.messageDotsPopup {
    font-size: 21px;
    font-family: Icomoon2;
    color: #3790ff;
    margin-left: 8px;
    cursor: pointer;
    position: relative;
    top: 6px;
    line-height: 15px;

}

.messageDotsPopup {
    margin: 0 6px 0 8px;
    position: relative;
    top: 1px;
    float: right;
}


.pAuthName {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font: var(--mediumFont);
    /* font-weight: 400; */
    font-size: 15px;
    line-height: 17px;
}

.workCounters--recs {
    /*background: url(def/work_icons.png?v2) 0 -27px no-repeat;*/
}

.wrapCatPhBg {
    margin: 0 auto;
    padding: 0 10px;
}

#wrapCatPh .imgBoxNew {
    border-radius: 8px;
}

/*////////////////////////////////////////////////*/
.wrapAuthName {
    font: var(--boldFont);
    font-size: 18px;
    line-height: 1;
    margin-top: 45px;
    padding: 3px 10px 0px 10px;
}

.wrapAuthName a span {
    letter-spacing: -0.7px;
}

.wrapAuthName a,
.wrapAuthName a:hover {
    color: #000;
    text-decoration: none;
}

.wrapAuthFollow {
    margin: 5px 0 10px 0;
}

.wrapCatNames,
.wrapCatNames a {
    font-family: var(--boldFont);
    font-size: 15px;
    line-height: 1.2;
    color: #000;
    text-decoration: none;
    letter-spacing: -0.7px;
    margin: 25px 0;
    border: none;
}

.wrapCatNames {
    padding: 0 20px;
}

.wrapAuthName .authRating {
    font: var(--regularFont);
    font-size: 16px;
    font-weight: 400;
    color: var(--grayBlue);
}

.wrapPhEquip {
    margin: 5px 0;
    font-family: var(--mediumFont);
    font-size: 15px;
    font-weight: 600;
    color: #000;
    min-height: 32px;
    display: inline-block;
    width: 248px;
}


.workIcon {
/*    height: 32px;
    overflow: hidden;
    background: url(def/work_icons.png?v2) 0 -65px no-repeat;
    padding-left: 50px;
    display: inline-block;
    position: absolute;*/
    font-family: icomoon;
    font-size: 24px;
    line-height: 1em;
    color: var(--black);
    text-decoration: none;
    font-weight: 100;
    margin: 0 6px 0 10px;
    display: inline-block;
    vertical-align: -20%;
}

.wrapEquipIcon {
    vertical-align: top; 
        margin-right: 7px;
}


.EquipText {
    display: inline-block;
    min-height: 32px;
    width: calc(100% - 50px);
    margin-top: 3px;
}

.spanvmiddle {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.wrapSerieName {
    margin: 5px 0;
    font: var(--regularFont);
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    min-height: 32px;
    display: inline-block;
}

.wrapSerieIcon {
    height: 25px;
    width: 23px;
    /* overflow: hidden; */
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,&lt;svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 16 16" fill="%23000000" class="bi bi-images"&gt;&lt;path d="M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/&gt;&lt;path d="M14.002 13a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V5A2 2 0 0 1 2 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-1.998 2zM14 2H4a1 1 0 0 0-1 1h9.002a2 2 0 0 1 2 2v7A1 1 0 0 0 15 11V3a1 1 0 0 0-1-1zM2.002 4a1 1 0 0 0-1 1v8l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .577-.094l1.777 1.947V5a1 1 0 0 0-1-1h-10z"/&gt;&lt;/svg&gt;');
    /* padding-left: 50px; */
    display: inline-block;
    /* position: absolute; */
    margin: 0px 7px 0 11px;
    vertical-align: top;
}

.SerieText {
    display: inline-block;
    margin-top: 3px;
}

.wrapPhExif {
    margin: 18px 0;
    font: var(--boldFont);
    font-size: 14px;
    color: #000;
    min-height: 32px;
    display: inline-block;
    width: 248px;
}

.wrapExifIcon {
    vertical-align: top;
    font-size: 28px;
    margin-right: 4px;
}

.ExifText {
    display: inline-block;
    width: calc(100% - 50px);
    min-height: 32px;
    margin-top: 1px;
}

.wrapPhDate {
    margin: 5px 0;
    font: var(--regularFont);
    font-size: 14px;
    color: var(--grayBlue);
    min-height: 32px;
    display: inline-block;
    width: 248px;
}

.wrapDateIcon {
    font-size: 28px;
    margin-left: 9px;
    margin-right: 5px;
}

.DateText {
    display: inline-block;
    min-height: 32px;
    white-space: nowrap;
    /* padding-left: 50px; */
    /* padding-top: 9px; */
}

.wrapPhKeywords {
    margin: 5px 0;
    font: var(--regularFont);
    font-weight: 400;
    font-size: 13px;
    min-height: 32px;
    display: inline-block;
    width: 248px;
}

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

.wrapKeywordsIcon {
    vertical-align: top;
    font-size: 28px;
    margin-right: 4px;
    margin-top: 4px;
}

.KeywordsText {
    display: inline-block;
    width: calc(100% - 50px);
    min-height: 32px;
    /* padding-left: 50px; */
    /* padding-top: 1px; */
    font: var(--regularFont);
    font-size: 13px;
}

.KeywordsText a {
    border-radius: 20px;
    padding: 5px 12px 6px 12px;
    /* margin: 10px 5px; */
    background-color: #f0f1f5;
    line-height: 34px;
}

.wrapWorkParams {
    text-align: left;
    line-height: 1.3;
    padding: 0 20px 0 20px;
    display: inline-block; 
}

.wrapWorkDesc {
    /*margin-top: 20px;*/
    width: 100%;
    margin-left: 12px;
    padding: 0 0 20px 0;
    border-radius: 10px;
    margin-top: 49px;
    background: #fff;
    box-shadow: var(--mainShadow);
    top: 10px;
/*    position: sticky;*/
    text-align: center;
}

.wrapWorkDescCover {
    margin-bottom: 30px;
    height: 120px;
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 10px 10px 0 0;
    position: relative;
}

/*////////////////////////////////////////////////*/
.wrapWorkComm {
    /*background-color: #e5e6e9;
    width: 92%;*/
    display: inline-block;
    /*max-width: 1530px;*/
    margin: 30px auto;
    /*margin-right: 125px;*/
}

/*////////////////////////////////////////////////*/
#mainImage {
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;*/
    cursor: pointer;
    max-width: 100%;
}

#wrapWorkDesc td {
    line-height: 18px;
    padding: 2px;
}

#wrapWorkDesc a,
#wrapWorkDesc a:hover {}

.workDescTitle {
    width: 120px;
    padding-right: 6px;
    text-align: right;
    white-space: nowrap;
    text-overflow: clip;
}

.workDescWho {
    font-size: 9px;
}

.lnkSort,
.lnkSort:hover {
    font-size: 11px;
}

.averMarkLoc {
    font-size: 12px;
    font-weight: 700;
    color: #b3b3b3;
}

#averMarkAjax {
    float: left;
    width: 100px;
    margin-left: -100px;
    text-align: center;
}

#averMarkAjax .tickMarkImg {
    height: 13px;
    margin: 2px 0;
}

.averMarkVal {
    font-size: 70px;
    font-weight: 700;
}

.averMarkNote {
    font-size: 9px;
    color: #444;
}

#mark {
    float: left;
    margin-top: 3px;
}

#mark {
    font-size: 10px;
    float: left;
    width: 100%;
    margin-top: 4px;
    text-align: center;
}

#mark input {
    position: relative;
    z-index: 101;
}

#wrapWorkDesc .waiter {
    text-decoration: none;
    border-bottom: 1px dotted #2678af;
}

#wrapWorkDesc .waiter:hover {
    text-decoration: none;
    border-bottom: 1px solid #15a1ff;
}

#waiter {
    padding-left: 10px;
    color: #6b6e6b;
    font-size: 11px;
}

#howDone {
    font-weight: 700;
    color: #6b6e6b;
}

.share {
    line-height: 1.5;
    float: left;
    width: 80px;
    height: 16px;
    margin-right: 3px;
    background: url(def/share.png?v2) 0 0 no-repeat;
}

.share a {
    display: block;
    padding-left: 18px;
}

.share a:hover {
    text-decoration: none;
}

.share_blk {
    clear: left;
    padding: 10px 0 4px 0;
}

.share_blk .share_btn {
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

.share_blk .share_btn:last-child {
    margin-right: 0;
}

.share_blk .share_btn .count {
    line-height: 24px;
    padding: 0 6px;
    display: block;
    float: left;
    min-width: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

.share_blk .share_btn .icon {
    display: block;
    float: left;
    width: 26px;
    height: 24px;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.vk,
.vk:hover {
    background-color: #5f83aa;
}

.vk .icon {
    background: transparent url(def/share_icons.png?v2) -199px -4px no-repeat;
}

.facebook,
.facebook:hover {
    background-color: #435eac;
}

.facebook .icon {
    background: transparent url(def/share_icons.png?v2) -3px -5px no-repeat;
}

.loginButton,
a.loginButton,
a.loginButton:hover,
.loginButtonFB,
a.loginButtonFB,
a.loginButtonFB:hover {
    display: inline-block;
    height: 38px;
    background: var(--followGradient);
    color: #fff;
    border-radius: 6px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    padding: 9px;
    top: 0;
    left: 0;
    text-decoration: none;
    cursor: pointer;
    font: var(--mediumFont);
}




.loginButtonFB,
a.loginButtonFB,
a.loginButtonFB:hover {
    left: 175px;
    width: 140px;
    padding: 0 10px 0 7px;
    background: #43a7f5;
    font-size: 14px;
}

.twitter,
.twitter:hover {
    background-color: #00aced;
}

.twitter .icon {
    background: transparent url(def/share_icons.png?v2) -172px -4px no-repeat;
}

.google,
.google:hover {
    background-color: #d64a2d;
}

.google .icon {
    background: transparent url(def/share_icons.png?v2) -36px -4px no-repeat;
}

.pinterest,
.pinterest:hover {
    background-color: #cc2127;
}

.pinterest .icon {
    background: transparent url(def/share_icons.png?v2) -105px -5px no-repeat;
}

.workName {
    position: relative;
    height: 40px;
    /*max-width: 1600px;*/
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: left;
}

.workName h1 {
    position: absolute;
    left: 0;
    line-height: 40px;
    color: #444;
    font: var(--regularFont);
    font-size: 17px;
}

#image_description {

    line-height: 21px;
    max-width: 600px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 12px;
    color: #262626;
    font: var(--regularFont);
    font-size: 13px;
}

#image_description img {
    max-width: 70vw;
}

/*
@media only screen and (max-width: 767px) {
 #image_description img {
    max-width: 100%; 
}

}
*/
#image_name {
    font-size: 13px;
}

.prevNext {
    font-size: 10px;
    font-weight: 400;
    color: #b1b1b1;
}

.PrevLink,
.NextLink,
.EditLink,
.iconFullSize {
    z-index: 99;
    position: absolute;
    top: 10px;
    right: 6px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;

    cursor: pointer;
    text-align: center;
    margin-left: 4px;

    border-radius: 25px;

    background: rgba(0, 0, 0, .1) url(trans_nav.png?v2) no-repeat -284px 50%;
    color: #ffffffeb;
}

.PrevLink:hover,
.NextLink:hover,
.iconFullSize:hover,
.EditLink:hover {
    background-color: rgba(0, 0, 0, .4)
}

.PrevLink {
    right: 100px;
    background-position: 10px 50%;
}

.EditLink {
    right: 145px;
    background-image: none;
}

.iconFullSize {
    font-family: icomoon2;
    right: 52px;
    font-size: 20px;
    background-image: none;
}

.iconFullSizePopup {
    font-family: icomoon2;
    position: relative;
    top: 10px;
    right: 5px;
    color: #ffffff;
    font-size: 27px;
    background-image: none;
}

.popRightIcons {
    position: absolute;
    right: 63px;
    top: 68px;
}

.iconFullSizeGall {
    display: none;
    right: 12px;
    z-index: 1;
    position: absolute;
    top: 47px;
    /* padding: 10px 0 0 10px; */
    color: #ffffff;
    font-size: 20px;
    width: 22px;
    height: 22px;
    /*    border: 2px solid #fff;
    border-radius: 4px;*/
    /* background: rgba(0, 0, 0, .25); */
    cursor: pointer;
}

.iconFullSizeGallIcon {
    font-family: icomoon2;
    position: relative;
    top: -2px;
    left: -2px;
    font-size: 22px;
}

a.iconFullSize:hover,
a.iconFullSizePopup:hover,
.iconFullScreen:hover,
.iconFullSizeGall:hover,
.aFullPage:hover {
    color: #fff;
    text-decoration: none;
}

/* /work */
/* work comments */
#comm0 {
    float: left;
    width: 100%;
    position: relative;
    top: 11px;

    /* border-top: 1px solid #EEEFF0;
    margin-top: 8px; */
}

#comm0.commentsExists {
    margin-bottom: 35px;
}

.pagerSpacer {
    height: 20px;
}


.noCommentsWork {
    position: absolute;
    top: -40px;
    left: 75px;
}

#comm0 td {
    /*border: 1px solid red;*/
}

#wrapWorkComm .roundedGallTR span {
    color: #000;
}

#wrapWorkComm .roundedGallTR a,
#wrapWorkComm .roundedGallTL a {
    color: #000;
}

#wrapWorkComm .roundedGallTL,
#facebookComm .roundedGallTL {
    /*background: url(def/panels.png?v2) 0 -94px no-repeat;*/
}

#wrapWorkComm .roundedGallTR,
#facebookComm .roundedGallTR {
    /*background: url(def/panels.png?v2) 100% -94px no-repeat;*/
}

#wrapWorkComm .roundedGallBL,
#facebookComm .roundedGallBL {
    /*background: url(def/panels.png?v2) 0 -123px no-repeat;*/
}

#wrapWorkComm .roundedGallBR,
#facebookComm .roundedGallBR {
    /*background: url(def/panels.png?v2) 100% -123px no-repeat;*/
}

#comment {
    font-family: Roboto, arial, verdana, serif;
    font-size: 15px;
    line-height: 140%;
    border: 0;
    /*2px solid #d6d6d6;*/
    border-radius: 10px 4px 10px 10px;
    background-color: #fff;
    outline: none;
    height: 276px;
    width: 725px;
    box-shadow: var(--mainShadow);
    padding: 10px 13px;
    /*margin-bottom: 3px;*/
    z-index: 10;
    position: absolute;
    resize: none;
    right: 0px;
    top: 32px;
    box-sizing: border-box;
}

#comment.blogsComment {
    width: 905px;
}

.commTextareaWrap {
    position: relative;
    height: 400px;
    /*width: 800px;*/
    max-width: calc(100vw - 745px);
    min-width: 695px;
}

.commLine0 {
    /* background-color: #e8ecf3; 
    
    border-bottom: 1px solid #e6e6e6;*/
}

div.cSpan {
    display: flex;
    margin-top: 40px;
    margin-bottom: 60px;
    justify-content: center;
}

.commLine {
    display: flex;
    flex-direction: column;
    margin: 40px 30px 70px 30px;
}

/*.cSpan .imgBoxNew, .imgBoxBlog {
    box-shadow: var(--expShadowPreview);
}
*/

/*

.commLine0:first-of-type {
    border: 0;
} 

.commLine1:first-of-type {
    border: 0;
} 

*/
.commActionsMenu {
    position: absolute;
    bottom: 38px;
    right: 8px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    padding: 9px 13px 15px 6px;
    box-shadow: 0 0 25px 0px rgb(0 0 0 / 15%);
    font: var(--regularFont);
}

.posPopup {
    bottom: 35px;
    right: -10px;
}

.commActionsMenu:after {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.04);
    bottom: -5px;
    right: 15px;
    transform: rotate(45deg);
}

.commActionsMenu a {
    display: block;
}

.commActionsMenu .about_icon {
    color: #000;
    position: relative;
    top: -1px;
}

.commActions {
    white-space: nowrap;
    padding: 7px 6px 30px 0px;
    /* height: auto; */
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
     height: 24px; 

   /* height: 24px;*/
}

.actionsPaddingNew .commActions {
    border: 0;
    padding-bottom: 0;
    /*min-height: 26px;*/
}


.noBorder {
    border: 0;
}

.topBorder {
    border: 0;
    /*border-top: 1px solid #EFF0F1;
    margin-top: 15px;*/
    padding: 0px 5px 0 0;
    position: relative;
    top: 6px;
}

.commActions a {
    font: var(--regularFont);
    font-size: 13px;
    color: #000;
    letter-spacing: var(--ls);
}

.commActionsMenu .delCommA,
.commActionsMenu .editCommA {
    font-size: 13px;
}

.commCitation {
    font-size: 11px;
    font-weight: 700;
    /*color: #2f4da4;*/
    /*border-bottom: 1px dotted #2f4da4;*/
}

.commCitation:hover,
.commActions a:hover {
    text-decoration: none;
}

.commDate {
    
    font-weight: 400;
    color: var(--grayBlue);
    font: var(--regularFont);
    font-size: 12px;
    padding-left: 100px;
    float: right;
    padding-top: 1px;
    padding-right: 5px;
    letter-spacing: var(--ls);
}

.commDateNew {
    font: var(--regularFont);
    font-size: 12px;
    color: var(--grayBlue);
    white-space: nowrap;
    letter-spacing: var(--ls);
    padding-left: 20px; 
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    padding-right: 20px;
    /* position: absolute; */
    right: 19px;
    background: linear-gradient(90deg, #fff0 0%, white 20px); 
    top: 34px;
}

.commDateNewPreview {
    top: 35px;
}

.commDateIcon {
    font-family: Icomoon2;
    font-size: 15px;
    color: #cfd0d3;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: default;
}



.commDate a {
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    /*color: #2f4da4;*/
}

.commTextTd {
    /*width: 100%;*/
    text-align: left;
    /* padding-top: 1px; */
    max-width: 880px;
    display: block;
    background: #fff;
    padding: 0px 11px 6px 15px;
    position: relative;
    border-radius: 0 10px 10px 10px;
    box-shadow: var(--mainShadow);
}

.commTextTd::after {
    content: '';
    position: absolute;
    left: -7px;
    top: 0px;
    border: 10px solid transparent;
    border-top: 8px solid #fff;
}

.commTextDiv {
    display: inline-block;
    text-align: left;
    /*padding-left: 15px;*/
    position: relative;
    max-width: 750px;
}


.recFromFeed {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 3px;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    background-color: #008ed0;
}


.commTextTdNew {
    width: 670px;
    text-align: left;
    position: relative;
}


.actionsPadding {
    padding: 2px 6px 0 8px;
}


.actionsPaddingNew {
    /*padding: 14px 12px 9px 15px;*/
    padding: 20px 20px 15px 20px;
    background: #fff;
    border-radius: 0 var(--mainRadius) var(--mainRadius) var(--mainRadius);
    display: inline-block;
    box-shadow: var(--msgShadow);
    /*0 1px 2px #0000001f;*/
}

.actionsPaddingNew::after {
    content: '';
    position: absolute;
    left: 0px;
    top: -9px;
    border: 11px solid transparent;
    border-left: 15px solid #fff;
}

/*.actionsPaddingNew::before {
    content: '';
    position: absolute;
    left: 0px;
    top: -1px;
    border: 12px solid transparent;
    border-top: 10px solid #0000000d;
    filter: blur(2.5px);
}
*/
.actAfter::after {

    /*left: -8px;*/

}



.actionsPaddingNew img.getPBS {
    height: 14px;
    top: 1px;
}

.actionsNameAuth img.getPBS {
    height: 14px;
    vertical-align: bottom;
}

.paddingTop5 {
    padding-top: 12px;
}

.commAuthAvatarTd {
    padding: 0 10px;
    text-align: center;
    position: relative;
}

.avatarAndComment {
    width: 700px;
    display: flex;
}

.actAvatarAndComment {
    width: 700px;
}

.avatarAndCommentWrap {
    width: 700px;
    display: inline-block;
    margin-bottom: 4px;
}




.commAuthAvatarTdNew {
    padding: 0;
    width: 40px;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 18px;
}

.commAuthAvatarTdNew .usmenu {
    width: 40px;
    height: 40px;
}

.actionsLeft {
    left: 13px;
}

.commAuthAvatarTd .commActIcon {
    font-size: 13px;
}

.commAuthAvatarTdNew .commAct {
    top: 45px;
    left: -3px;
}


.prevLeft {
    width: 75px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10002;
    cursor: pointer;
}

.nextRight {
    width: 75px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10002;
    cursor: pointer;
}

.prevLeftArrow {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-color: transparent;
    background-image: url(black/classic-map.png?v);
    background-repeat: no-repeat;
    background-position: 15px 20px;
    background-position-y: 50%;
    opacity: 0.6;
}



.nextRightArrow {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    background-color: transparent;
    background-image: url(black/classic-map.png?v);
    background-repeat: no-repeat;
    background-position: -279px 20px;
    background-position-y: 50%;
    opacity: 0.6;
}


.commText {
    font: var(--regularFont);
    color: var(--black);
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 20px 0px 5px 0;
    min-height: 28px;
    text-align: left;
    word-wrap: break-word;
    max-width: 750px;
}

.commTextDiv .commText {

    max-width: 660px;
}



.commText div, .commText strong {
    letter-spacing: var(--ls);
}

.commTextActions {
    min-height: 0;
    padding-bottom: 0;
    padding-right: 3px;
}

.actionsAvatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-size: cover;
    position: absolute;
    top: 15px;
    left: 18px;

    background-position: 50% 50%;
}

.blogShadow .actionsAvatar {
    width: 20px;
    height: 20px;

}


.actionsAvatarPreview {
    width: 20px;
    height: 20px;
    top: 15px;
}



.getAuthMoreText {
    margin: 0 0 20px 0;
    max-width: 807px;
    background-color: #fff;
    border-radius: 0 10px 10px 10px;
    padding: 9px 15px 9px 15px;
    box-shadow: 0 0 0 1px #DDDEDF;
    /*box-shadow: 0 1px 2px #0000001f;*/
    min-height: auto;
    display: inline-block;
    position: relative;
}

.getAuthMoreText::after {
    content: '';
    position: absolute;
    left: -6px;
    top: 0px;
    border: 7px solid transparent;
    border-top: 7px solid #fff;
}

.getAuthMoreText::before {
    content: '';
    position: absolute;
    left: -8px;
    top: -1px;
    border: 7px solid transparent;
    border-top: 7px solid #DDDEDF;

}





.commText a.lnk {
    font-size: 14px;
}

.serieAuthTitle {
    /*padding: 0px 0 14px 0;*/
}

#headerBottom h1.gallPath {
    padding: 10px 0px 14px 0px;
    z-index: 500;
    width: 50%;
    margin: 0 auto;
    background-color: transparent;
    font-size: 0;
    text-align: center;
    top: 1px;
    position: relative;
}

#headerBottom h1.gFixed {
    position: fixed !important;
    background-color: #fff;
    border-top: 1px solid #dedede;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 2px 15px 0px;
    top: 120px;

}




.commTextComm {
    font: var(--regularFont);
    font-size: 14px;
    line-height: 21px;
    width: 600px;
    max-width: 600px;
    padding: 9px 9px 25px 0;
    word-wrap: break-word;
}

.commTextComm img {
    max-width: 100%;
}

.commText a,
.commTextComm a,
.previewComm a {
    word-break: break-word;
}

.commText img {
    max-width: 100%;
    border-radius: 8px;
    display: block;
    margin: 10px 0;
    max-height: 400px;
}

.commText img.smile {
    display: inline-block;
    margin: 0;
    vertical-align: -10%;
}

.commQuote,
.commQuotePopup {
    font: var(--regularFont);
    font-size: 12.4px;
    line-height: 1.08rem;
    max-width: 660px;
    max-height: 37px;
    overflow-y: hidden;
    margin: 25px 0 13px 0;
    padding: 9px 25px 9px 9px;
    /* border: 1px solid #ced8df; */
    background-color: #F0F2F5;
    color: var(--quoteText);
    border-radius: 6px;
    width: fit-content;
    letter-spacing: 0px;
    position: relative;
    left: -7px;
}

.commQuote:first-of-type,
.commQuotePopup:first-of-type {
    margin: 0 0 13px 0;
}


.actionsPaddingNew .commQuote {
    border: 0;
    background-color: #F0F2F5;
}

.actionsPadding {
    width: 0px;
}

.commQuotePopup {
    padding: 10px 25px 9px 9px;
    max-width: 600px;
    border: 0;
    display: block;
    background-color: #F0F2F5;
    color: var(--quoteText);
}


.quoteOpen {
    max-height: none;
}

.quoteOpen2 {
    max-height: none;
}

.getAuthMoreText .commQuotePopup {

    background-color: #eeeff0;
}

#previewComm .commQuote {
    font-size: 12px;
    line-height: 17px;
    margin: 3px 0 7px 0;
    padding: 5px 8px 4px 8px;
    max-height: 50px;
}

.commAct {
    white-space: nowrap;
    display: none;
    position: absolute;
    top: 50px;
    left: 73px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    padding: 12px 18px;
    box-shadow: 0px 0px 20px 0px rgb(90 97 103 / 29%);
    z-index: 10;
}

.commActNew {
    top: 86px;
    left: 13px;
}

.commAct:before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #fff;
    height: 10px;
    box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.04);
    top: -5px;
    left: 19px;
    transform: rotate(45deg);
}

.commAct a {
    line-height: 23px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
}

.commAct a:hover {
    text-decoration: none;
}

.commActIcon {
    font-family: Icomoon2;
    color: #000;
    font-size: 11px;

    border-radius: 5px;
    display: inline-block;
    margin: 5px 5px 0 0;
    position: relative;
    top: 1px;
    cursor: pointer;


}

.commTextTdNew .commActIcon,
.commTextDiv .commActIcon {
    position: absolute;
    top: 24px;
    left: 49px;
    background: transparent;
    margin-top: 0;
    padding: 0;
}

a.pBadge {
    position: relative;
    top: 60px;
    z-index: 329;
}

.workBadge {
    position: relative;
    top: 25px;
}

.workBadge .getPBS {
    padding: 0;
}

.workAvatar {
    position: absolute;
    top: 82px;
    left: calc(50% + 0px);
    transform: translateX(-50%);
    width: 78px;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;

}

.authWorks0 {
    /*background-color: #e8ecf3;*/
}

.authWorks1 {
    /* background-color: #f1f2f3;*/
}

.commButtonsTd {
    padding-top: 13px;
    padding-left: 13px;
}

.commAuth {
    width: 65px;
    text-align: center;
    padding: 0px 10px 0px 0px;
    position: relative;
}

.commAuthor {
    position: absolute;
    top: -6px;
}

.commAuthor .usmenu, .commAuth .usmenu {
    width: 65px;
    height: 65px;
}

.commAuthName {
    overflow: hidden;
    width: 164px;
    margin-right: 3px;
    padding: 1px 0 1px 0px;
}

.commTextTdNew .commAuthName,
.commTextDiv .commAuthName {
    padding-left: 47px;
}

.commTextTdNew .commAuthMood,
.commTextDiv .commAuthMood {
    padding-left: 47px;
}

#WEB3_CONNECT_MODAL_ID {
    position: relative;
    z-index: 15000;
}

.commAuthMood.offsetMood {
    padding-left: 50px;
    line-height: 8px;
    margin-bottom: 4px;
}

.commAuthName img {
    position: relative;
    top: 2px;
    margin-left: 1px;
}

.commAuthName.offsetName {
    display: inline-block;
    margin-top: 4px;

}

.commAuthName a {

    font: var(--boldFont);
    font-size: 14px;    
    line-height: 14px;

}

strong {
    font-weight: 600;
}

p strong {
    margin: 20px 0 5px 0;
}

.commAuthParams {
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding-top: 1px;
    padding-bottom: 2px;
}

.commAuthRate {
    font-size: 13px;
    font: var(--regularFont);
    font-weight: 400;
    color: var(--grayBlue);
    /*#d14242;*/
}

.commAuthCoof {
    font-weight: 700;
    color: #535353;
}

.commAuthMood, p.commAuthMood {
    font: var(--regularFont);
    font-weight: 400;
    color: var(--grayBlue);
    font-size: 12px;
    /* display: inline-block; */
    padding-right: 8px;
    /* line-height: 23px; */
    padding-top: 5px;
    letter-spacing: 0;


}

.commAuthMoodWork {
    font: var(--regularFont);
    font-size: 13px;
    display: inline-block;
    padding-right: 8px;
    line-height: 16px;
    padding-top: 4px;
    /* box-shadow: 0 10px 15px #0000000f; */
    /* line-height: 20px; */
    padding: 8px 28px 7px 28px;
    margin: 0px 0 10px 0;
    border-radius: 0 0 90px 90px;
    word-break: break-word;
    letter-spacing: 0;
}


.moodWrap {
    clear: left;
    width: 198px;
}

.moodT {
    position: relative;
    top: 16px;
    clear: left;
    width: 199px;
    height: 7px;
    background: url(def/stat.png?v2) 0 -26px no-repeat;
}

.moodB {
    position: relative;
    top: 15px;
    clear: left;
    width: 199px;
    height: 27px;
    background: url(def/stat.png?v2) 0 1px no-repeat;
}

.moodM {
    position: relative;
    top: 16px;
    clear: left;
    width: 196px;
    text-align: right;
    border-right: 1px solid #e5e0d3;
    border-left: 1px solid #e5e0d3;
    background-color: #ffffd3;
}

.moodM p {
    font-family: arial, serif;
    font-size: 11px;
    font-style: italic;
    overflow: hidden;
    padding: 0 4px;
    color: #181818;
}

.moodImg {
    clear: left;
    width: 198px;
}

.moodImg img {
    border: 3px solid #ddd;
}

.recWithComm {
    color: #929292;
}

.commActions .editCommA {
    /*color: #606060;*/

}

.commActions .editCommA:hover {
    color: #606060;
    /*  border-bottom: 1px solid #006200;*/
}

.delCommA,
.editCommA {
    white-space: nowrap;
    margin-left: 3px;
    padding: 6px 12px 4px 7px;
    border-radius: 3px;
    font-size: 14px;
    color: #000;
}

.delCommA:hover,
.editCommA:hover {
    text-decoration: none;
}

.commNum {
    position: relative;
    top: 0px;
    right: 0;
    display: inline-block;
    text-align: right;
}

.commNum .commNrA {
    font-size: 12px;
    font-weight: 300;
    color: #676767;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;

}

.commAct .authProfA {
    border-bottom: 1px solid #15a1ff;
}

.commBreak {
    line-height: 0;
    height: 1px;
    background-color: #dfdfdf;
}

/* /work comments */
/* comments page */
.commFlow {
    font-family: verdana, serif;
    font-size: 12px;
    line-height: 17px;
    padding: 10px;
}

.tabTxt {
    
    font-weight: 400;
    color: #000;
    position: relative;
    left: 0px;
 /*   top: 2px;*/
    font: var(--regularFont);
font-size: 13px;
}

.tabTxt a, .tabTxt a:hover {
    text-decoration:none;
    color: var(--light);
    padding: 0 14px;
    font-size:11px;
}

.tabTxt a:last-of-type {
    margin-right:7px;
}

.whiteSubMenu {
    display: inline-block;
    background-color: var(--white);
    width: 100%;

    position: relative;
    padding-bottom: 10px;
    margin-bottom: 50px;
    z-index: 1000;

    min-width: 1266px;
    min-height: 55px;
    right: 0;

    z-index: 100;
    top: 58px;


}

.wsubShadow {
    box-shadow: 0 0px 13px #5b5e663b;
}

#header.authProfileHeader.wsubShadow {
    box-shadow:none;  
}

.thinWS {
    min-height: 50px;
}

.thickWS {
    height: 93px;
}

/* /comments page */
/* add work comments */
.addRec {
    float: left;
    /*  height: 40px;*/
}

.addComm {
    margin: 0 6px;
}

.addComm a {
    font-weight: 700;
    border-bottom: 1px dotted #b9d4e6;
}

.addComm a:hover {
    text-decoration: none;
    border-bottom: 1px solid #b9d4e6;
}

.commFollow {
    width: 260px;
    display: inline-block;
}

.addCommRec {
    clear: left;
    margin: 4px 0;
}

.addCommNote {
    font-size: 9px;
    clear: left;
    color: #929292;
}

.workCommAuthName {
    margin: 0px 0 0 75px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    text-align: left;
    width: 180px;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.followWorkBlk {
    text-align: right;
    position: absolute;
    top: -25px;
    right: 4px;
}

.workCommAuthName a {
    font-size: 15px;
    font: var(--regularFont);
    font-weight: 500;
    line-height: 15px;
    color: #000;
}

.workCommAuthName .commAuthMood {
    margin: 0;
    padding: 1px 0 2px 0;
    overflow: hidden;
    width: 300px;
    white-space: nowrap;
    font-size: 12px;
    font: var(--regularFont);
    font-size: 12px;
    line-height: 12px;
    display: block;
    box-shadow: none;
    border-radius: 0;
}

.workCommBB {
    margin: 0px 0 0px 0;
    /* float: right; */
    width: 445px;
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    justify-content: space-between;

}

.commTableW {
    margin-top: 43px;
}

.previewCommBlk .workCommBB {
    position: relative;
    top: 7px;
    left: 442px;
    text-align: right;
    width: 273px;
}


a .workCommBlock,
.lnk {
    color: #000;
    font: var(--boldFont);
    font-size: 13px;
    line-height: 13px;
    box-shadow: var(--smallShadow);
    z-index: 1;
    position: relative;
    height: 29px;
    box-sizing: border-box;
}

.workCommFollow,
.workCommFollow a {
    display: inline-block;
    color: #000;
    font: var(--regularFont);
    font-size: 13px;
    font-weight: 400;
}

.workCommFollowIcon {
    display: inline-block;
    color: #5a5a5a;
    font-family: Icomoon;
    font-size: 11px;
    font-weight: 400;
    padding-right: 2px;
}

.workCommBlock {
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 11px;
    height: 29px;
    box-sizing: border-box;
}



.relativePos {
    position: relative;
}

a .workCommBlock.pop {
    /*background-color: #DFE1E1;*/
    border-radius: 4px;
    border: 0;
    margin-left: 1px;

    box-shadow: var(--popupSmallShadow);
}

#previewCommBox {
    text-align: right;
}

.smilesTable td {
    padding: 3px;
    text-align: center;
    vertical-align: bottom;
}

.smilesTable img:hover {
    cursor: pointer;
}

/* /add work comments */
/* img crop css */
#imageContainer {
    position: relative;
    margin: 0 auto;
}

input .textInput {
    width: 50px;
    text-align: right;
}

.crop_transparentDiv {
    position: absolute;
    background-color: #000;
    opacity: .90;
    filter: alpha(opacity=90);
    -khtml-opacity: .90;
    -moz-opacity: .90;
}

.crop_dottedDiv {
    position: absolute;
    z-index: 100;
    border: 1px dotted #7f7f7f;
}

.crop_dottedDiv div {
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #fff;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

.crop_dottedDiv_opera {
    position: absolute;
    z-index: 100;
    border: 1px dotted #7f7f7f;
}

.crop_dottedDiv_opera div {
    width: 100%;
    height: 100%;
}

/* /img crop css */
#loader {
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
    width: 126px;
    height: 32px;
    margin-left: 46%;
    text-align: center;
    color: #fff;
    background-color: #d23636;
    border-right: 1px solid #cc2e2e;
    border-bottom: 1px solid #cc2e2e;
    border-left: 1px solid #cc2e2e;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -khtml-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    -webkit-box-shadow: 0 0 6px rgba(51, 51, 51, .6);
    -moz-box-shadow: 0 0 6px rgba(51, 51, 51, .6);
    box-shadow: 0 0 6px rgba(51, 51, 51, .6);
    -khtml-box-shadow: 0 0 6px rgba(51, 51, 51, .6);
}

#loader img {
    margin-right: 6px;
    vertical-align: middle;
}

#loaderComm {
    display: none;
    /*float: left;*/
}

.loaderComm {
    margin-top: 5px;
    height: 19px;
    display: block;
    position: absolute;
    left: 420px;
    top: 4px;
}

.genTime {
    color: #eee;
}

.scrollUD {
    z-index: 100;
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap;
    height: 100%;
    text-overflow: clip;
    background: transparent;
    display: grid;
    place-items: center;
}

.scrollUD:hover {
  
    background-color: #02020208;

}


/* author page */
#authInfoBlk {
    color: #000;
    display: none;
    padding: 32px 15px 70px 25px;
    font-size: 13px;
    line-height: 1.3;
    position: relative;
    width: 300px;
    /*top: -84px;*/
    /*border-top: 1px solid #dadada;*/
}

#authInfoBlk.fdSwitch,
#authInfoBlk.fdSwitch h1,
#authSerieBlk.fdSwitch #authSerieMenu .cover h1,
#authInfoBlk.fdSwitch a,
#authSerieBlk.fdSwitch #authSerieMenu a {
    color: #fff;
}

#authInfoBlk.fdSwitch .author_profile,
#authSerieBlk.fdSwitch .icon_serie {
    background-color: #4f4f4f;
    color: #fff;
}

#authSerieMenu .inactiveSerie {
    font: var(--regularFont);
    opacity: 0.7;
}

#authSerieMenu .activeSerie {
    font: var(--boldFont);
    opacity: 1;
}


.authInfoTbl td {
    min-width: 26px;
    padding-right: 20px;
}

.authInfo {
    /*border-bottom: 1px solid rgba(170, 170, 170, .6);*/
    display: block;
    background: url(def/about_icons.png) 0 0 no-repeat;
    height: 22px;
    line-height: 22px;
    padding: 0 5px 0 24px;
}

.authInfHead {
    clear: left;
    /*border-bottom: 1px solid #d0dadc;*/
    line-height: 26px;
    white-space: nowrap;
    padding: 0;
    margin: 20px 0 10px 0;
    font-weight: 500;
    font-size: 18px;
}

.authorTable {
    margin-bottom: 4px;
}

.authorTable td {
    padding: 0 2px 0 4px;
    border-right: 1px solid #fff;
}

.authorInfoTh {
    font-weight: 700;
    line-height: 1.8;
    height: 18px;
    white-space: normal;
    color: #fff;
    background-color: #7fb4d3;
}

#authorInfo a,
#authorHeader a {
    /*text-decoration:underline;*/
    font-weight: 700;
}

#authorInfo span {
    line-height: 20px;
    white-space: nowrap;
}

.authorInfoCol {
    /*line-height: 13px;*/
}

.serieSep {
    margin: 0 10px;
    color: #999;
}

.allWorksA,
.allWorksA:hover {
    line-height: 1.4;
    color: #d23636;
}

.authMoodTxt {
    font-size: 12px;
    font-style: italic;
    color: #676767;
}

.linksIcon {
    float: left;
    width: 16px;
    height: 16px;
    background: url(def/port_links.png?v2) 0 0 no-repeat;
}

.linksUrl {
    float: left;
    overflow: hidden;
    width: 280px;
    height: 16px;
    padding: 0 0 0 6px;
}

.linksUrlRow {
    clear: left;
    margin-bottom: 10px;
}

/* /author page */
/* images layout */
.imgBoxWrap {
    text-align: left;
    white-space: nowrap;
    padding-top:5px;
}

.up_img {
    margin-top: 20px;
}

#comm_up {
    bottom:-1px;
    position:fixed;
    left:0px;
    display:none;
}

#wrapLastWorks,
#wrapBlogs,
#workOfDay1,
#favorites,
#wrapContests,
#wrapAuthRatings {
    padding: 0 45px;
    width: calc(100% - 90px);
    margin: 0 auto;
}

#wrapBlogs.myWorksContent {
    padding: 0 10px;
    width: calc(100% - 20px);
    margin: 40px auto 100px auto;
}




#wrapNowUsers {
    width: calc(100% - 90px);
    margin: 20px auto 30px auto;
}

#wrapAuthRatings {
    margin-top: 40px;
    width: calc(100% - 90px);
}

.imgBox {
    display: -moz-inline-box;
    display: inline-block;
    width: 240px;
    height: 350px;
    text-align: left;
    vertical-align: top;
    box-shadow: var(--expShadow);
}

#wrapLastWorks .imgBox {
    height: 304px;
}

#wrapCatPh .imgBox {
    width: 230px;
    height: 230px;
}

#myWorks .imgBox {
    width: 314px;
    height: 462px;
    margin: 0 10px 35px 0;
    padding: 3px 9px 0 9px;
    background-color: #fff;
    border-radius: 10px;

    box-shadow: 10px 0px 35px #cbd1d7c2;
    /*box-shadow: 0 0px 0 1px var(--grayBorder);*/

}

#myWorks .imgBoxMarket {
    width: 100px;
    height: auto;
    margin: 0 10px 35px 0;
    padding: 7px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    box-shadow: 10px 0px 35px rgb(0 0 0 / 10%), inset -1px -10px 20px rgb(0 0 0 / 2%);

}

* html .imgBox {
    display: inline;
}

*+html .imgBox {
    display: inline;
}

.aFullPage,
.aFullPage:hover {
    display: none;
    z-index: 1;
    border-radius: 6px;
    position: absolute;
    top: 10px;
    right: 11px;
    width: 28px;
    height: 28px;
    text-align: center;
    /* background: rgba(0, 0, 0, .25); */
    text-decoration: none;
}

.aFullPage.actionsNew {
    top: 87px;
}

.imgBoxNewPreview .aFullPage.actionsNew {
    top: 9px;
}

.aFullPage .about_icon {
    color: #fff;
    font-size: 14px;
    line-height: 34px;
}

.imgBoxNew,
.imgBoxBlog {
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    border-radius: 14px;
    overflow: hidden;
    max-width: 1060px;
    box-shadow: var(--expShadow);
}

.imgBoxBlog {
    border-radius: var(--mainRadius);
}

.tr00rDiv .imgBoxNew,
.tr00rDiv .imgBoxBlog {
    box-shadow: none;
}



.imgBoxBlog {
    box-shadow: none;
}

.imgBoxNewPreview {
    display: block;
    border-radius: 0 0 var(--mainRadius) var(--mainRadius);
    /*box-shadow: var(--expShadowPreview);*/
}

.bottomPreview {
    padding: 14px 10px 15px 20px;
    background: #fff;
    position: relative;
    font: var(--regularFont);
    z-index: 10;
    font-size: 12px;
    line-height: 16px;
    border-radius: 0 0 var(--mainRadius) var(--mainRadius);
}

.recAvatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-size: contain;
    display: inline-block;
}

.avRecs {
    position: relative;
    top: 9px;
    display: inline-block;
    margin: 0;
    margin: 0 0 0 10px;
}
.bottomFlexWrap {
    display: flex;
    justify-content: space-between;
    height: 20px;
    position: relative;
    top: -13px;
    box-sizing: border-box;
}

.commShowRating svg {
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.commShowRating {
    font: var(--regularFont);
    font-size: 13px;
    position: relative;
    top: 9px;
}

.commRecButton {
    display: inline-block;
    border: none;
    text-shadow: none;
    font: var(--regularFont);
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    background: var(--headerGradient);
    padding: 0 16px;
    border-radius: 35px;
    white-space: nowrap;
    color: #fff;
    position: relative;
    top: 9px;
    cursor: pointer;
}

.iconPreviewComm {
    font-family: 'Icomoon2';
    font-size: 16px;
    color: var(--black);
    position: relative;
    top: 3px;
    margin-right: 6px;
    display: inline-block;
}

.tagsWrap {
    line-height: 18px;
    display: block;
    border-bottom: 1px solid #828a9936;
    padding-bottom: 11px;
    padding-top: 2px;
    margin-bottom: 13px;
}

.iconPeople {
    font-family: 'Icomoon2';
    font-size: 13px;
    color: var(--black);
    position: relative;
    top: 1px;
    margin-left: 2px;
    display: inline-block;
    margin: 0 1px;
}

.recIcon {
    font-size: 15px;
    top: 1px;
}

.vIcon {
    font-size: 18px;
    top: 4px;
}

.pIcon {
    font-size: 15px;
    top: 2px;
}

.tIcon {
    font-family: 'icomoon';
    font-size: 21px;
    top: 4px;
    left: -1px;
    color: var(--grayBlue);
}

.previewCommCnt {
    color: var(--black);
    font-size: 13px;
    display: inline-block;
    margin-right: 24px;
}

.previewKeywords {
    display: inline-block;
    text-decoration: none;
    color: #000;
    /* border: 1px solid #b0b2b5; */
    background-color: var(--grayBg);
    border-radius: 25px;
    padding: 4px 11px 5px 11px;
    margin: 2px;
    font: var(--regularFont);
    font-size: 11px;
    line-height: 13px;
    position: relative;
    /* box-sizing: border-box; */
    top: -2px;
}

.imgBoxWrap .imgBoxNew {
    box-shadow: none;
}

#authorWorks .imgBoxNew {
    box-shadow: none;

}

.imgBoxNew.jg-entry {
    border-radius: 8px;
    box-shadow: none;
}

.imgBoxBlog {
    cursor: pointer;
}

.under {
    font-size: 0;
    line-height: 0;
    display: -moz-inline-box;
    display: inline-block;
    width: 100%;
}

/* /images layout */
/* forms styles */
.formTbl {
    margin: 50px 0 27px 0;
    color: #000;
    font: var(--mediumFont);
}

.regInputLabel {
     display: block;
    padding-bottom: 3px;
    font: var(--boldFont);
    font-size: 15px;
}

.formTbl td {
    font-size: 14px;
    padding: 8px 12px 4px 0px;
}

.formTbl.registerPadding td {
    padding-left: 4px;
}


.formTbl.formSettings td {

    padding: 8px 2px 4px 0px;
}

.formTbl textarea {
    font-size: 14px;
}

.formTbl .fldName {
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
    text-overflow: clip;
}

#authorsTbl.formTbl {
    font-family: var(--boldFont);
}



#authorsTbl.formTbl td {
    font-size: 13px;
}


.formTbl .header {
    font-weight: 700;
    padding-top: 7px;
    padding-bottom: 6px;
    vertical-align: top;
    color: #fff;
    background-color: #474f54;
    font-size: 14px;
}

.formTbl .header a {
    text-decoration: underline;
    color: #fff;
}

.submitFormTbl {
    font-weight: 700;
    padding: 1px 8px;
}

#commTbl td {

    display: inline-block;
    /*line-height: 1.3;

    padding: 0;*/
}

#authorsTbl td {
    padding-right: 0;
    /* border-left: 1px solid #fff; */
}

#commTbl .tickName {
    color: #929292;
}

.commAuthNameComm {
    float: left;
    display: block;
    overflow: hidden;
    max-width: 136px;
    white-space: nowrap;
    text-overflow: clip;
}

.commAuthBadgeComm {
    display: block;
    float: left;
    padding-left: 5px;
}

.rateEqual {
    color: #000;
}

.ratePlus {
    color: #3bb648;
}

.rateMinus {
    color: #df0909;
}

.changeCat,
#chooseCat,
#authFromA,
a.more_options {
    font: var(--mediumFont);
    font-size: 14px;
    /* font-weight: 500; */
    line-height: 19px;
    border-bottom: 1px dotted #2678af;
}

.changeCat:hover,
#chooseCat:hover,
#authFromA:hover,
a.more_options:hover {
    text-decoration: none;
    color: #15a1ff;
    border-bottom: 1px solid #15a1ff;
}

.formDiv input.plus_minus_buttons {
    width: 25px;
    height: 25px;
    border-radius: 34px;
    background-color: #fff;
    color: #555;
    margin-left: 8px;
    line-height: 19px;
    font-size: 19px;
    /* padding: 5px 10px 25px 10px; */
    font-weight: 500;
    /* border: 2px solid #d8d9dd; */
    background-color: #e6e7eb;
    box-sizing: border-box;
}

.changeCatAct {
    font-weight: 700;
    text-decoration: none;
    color: #af0707;
}

.changeCatAct:hover {
    text-decoration: none;
    color: #af0707;
    border-bottom: 1px solid #af0707;
}

#myWorks .changeCatDone {
    font-weight: 500;
    text-decoration: none;
    font-size: 11px;
    line-height: 1.8;
}

#myWorks .blck {
    color: inherit;
}

.changeCatDone:hover {
    text-decoration: none;
    color: #76a6eb;
}

.bgDiv {
    float: left;
    width: 33px;
    height: 38px;
    cursor: pointer;
    border-radius: 4px;
    margin: 0px 1px;
}

.myWorks td {
    padding: 0 0 2px 0;
    font-size: 11px;
}

td.wtd {
    padding:8px 0 0 0;
    height:20px;
    overflow:hidden;
}

.buttonsTd {
    margin-top: 4px;
}

.mytWorksImagePreview {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 220px;
    background-size: cover;
    background-position: 50% 50%;
    /*border-radius: 7px;*/
}

.myWorksPreviewTd {
    position: relative;
    padding: 0;
    overflow: hidden;
    border-radius: 7px;
}

.socialHead {
    font-size: 11px;
    min-height: 51px;
    padding: 4px 6px 6px 6px;
    background-color: #fcd890;
    /*
    -webkit-box-shadow: 2px 2px 2px rgba(51, 51, 51, .6);
    -moz-box-shadow: 2px 2px 2px rgba(51, 51, 51, .6);
    box-shadow: 2px 2px 2px rgba(51, 51, 51, .6);
    -khtml-box-shadow: 2px 2px 2px rgba(51, 51, 51, .6);
    */
}

.socialHeadTxt {
    font-weight: 700;
    line-height: 14px;
    padding-bottom: 5px;
    color: #222;
}

.myWorksStat {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 22%;
    padding: 7px;
    white-space: nowrap;
    text-overflow: clip;
    color: #000;
    border-left: 2px solid #fff;
    /*text-shadow: 1px 1px 0 #fff;*/
}

.ethIcon,
.priceEthIcon {
    font-family: Icomoon2;
    font-size: 15px;
    font-weight: normal;
    position: relative;
    top: 1px;
    left: -2px;
    line-height: 12px;

}



.myWorksStat:first-of-type {
    border: 0;
}

.editWorkMy {
    /*  background: rgba(225, 225, 225, 0.3); */
    border-radius: 0 7px 0 0;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 5px 12px 8px 12px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    /*opacity: .75;*/
    background: rgb(0 0 0 / 70%);
}

.editWorkMy:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1;
    background-color: #517ca9;
}

.delWorkMy {
    color: #fff;
    /* background: rgba(225, 225, 225, 0.3); */
    border-radius: 7px 0 0 0;
    font-size: 12px;
    /* font-weight: 400; */
    position: absolute;
    padding: 5px 12px 8px 0;
    bottom: 0px;
    right: 0px;
    /*opacity: .75;*/
    background: rgb(0 0 0 / 70%);
}

.delWorkMy:hover {
    background-color: #d20505;
    text-decoration: none;
    color: #fff;
    opacity: 1;
}

.editLinks {
    display: none;
}

.editIconMy {
    font-family: Icomoon;
    font-size: 15px;
    line-height: 17px;
    color: #fff;
    font-weight: 500;
    position: relative;
    top: 3px;
    left: 1px;
    padding-right: 5px;
}

.delIconMy {
    font-family: Icomoon;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: 2px;
    left: 1px;
    padding-right: 5px;
    padding-left: 10px;
}

.catIconMy {
    font-family: Icomoon;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    position: relative;
    top: 1px;
    padding-right: 4px;
}

.myWorks td.myWorksLine {
    padding: 0px 4px 0px 10px;
}

.myWorks td.myWorksLine2 {
    padding: 0px 4px 0px 10px;
    border-radius: 0px;
    background-color: var(--grayBg);
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px;
}





.txtRed,
.lnkRed,
.lnkRed:hover {
    color: #af0707;
}

.lnkGrid,
.lnkGrid:hover,
.textSmall {
    color: #777f7e;
}

.tr0 {
    background-color: #fff;
}

.tr1 {
    background-color: #fff;
}



.tr00 {

    background-color: #f1f2f3;
}

.tr10 {

    background-color: #f1f2f3;
}

.tr00rDiv {
    width: 700px;
    display: inline-block;
    z-index: 10;
    height: fit-content;
    /*position: sticky;*/
    /*top: 105px;*/
    margin: 0 auto;
    margin-bottom: -8px;
    background-color: var(--white);
    box-shadow: var(--msgShadow);
    border-radius: var(--mainRadius);
}

.allCommentWrap {
    margin: 0 auto;
    margin-top: 8px;
    padding-top: 13px;
}

.commWrap {
    padding-right: 10px;
    border-radius: 10px;
    max-height: 85vh;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}


.commWrap::-webkit-scrollbar {
    height: 3px;
    width: 3px;
    background-color: transparent;
}

.commWrap::-webkit-scrollbar-thumb {
    background-color: #00000038;
}

.commWrap::-webkit-scrollbar-track {
    background-color: transparent;
}

.avatarAndCommentWrap:last-of-type {
    margin-bottom: 0px;
}

.mainCommWrap {
    position: relative;
    display: block;
    width: 710px;
}

.commShadow {
    position: absolute;
    top: 8px;
    left: 0;
    width: 700px;
    height: 50px;
    background: linear-gradient(0deg, transparent 0%, #f0f1f5 80%);
    z-index: 1;
}



.tr00Comm {
    /*padding: 1px 20px 0px 0;*/
}

.tr10r {
    padding-top: 4px;
    /*border-right: 1px solid #fff;*/
}

.tr00r img,
.tr10r img {
    background-color: #fff;
}

.commFromLine {
    height: 29px;
}


.commFromLine .textGray {
/*    line-height: 33px;*/
}




.authDate {
    font-size: 10px;
    color: #444;
}

.myWorksLine {
    /* background-color: #eee; */
    background-color: var(--grayBg);
    border-radius: 0 0 7px 7px;
    display: flex;
    justify-content: space-between;
}

.flexCenter {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    /* margin-bottom: 5px; */
    position: absolute;
    bottom: 23px;
    width: 100%;
}

#myWorks {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;

}



.myWorks b,
.myWorks a {
    
    font: var(--regularFont);
    font-size: 11px;
    line-height: 1.3;
}

.myWorks b {
    font-weight:600;
}

.errorDiv {
    text-align: center;
    font-size: 16px;
    font: var(--mediumFont);
}

.formError {
    text-align: left;
    font-size: 16px;
    font: var(--mediumFont);
    padding-bottom: 10px;
        padding-top: 2px;
    margin-left: 280px;
/*    color: #d70000;*/
    display: inline-block;
    position: relative;
    top: -10px;

}

.myWorksStat a {
    font-size: 13px;
    line-height: 1;
}

.myWorksDesc {
    font-size: 11px;
    font-weight: 400;
}

#show_more_options {
    width: 400px;
    margin-top: 60px;
    height: 40px;
    margin-left: 287px;
}

/* /forms styles */
/* buttons */
.submit,
.recBtn,
.favorBtn,
.addCommBtn,
.refreshCommBtn,
.editBtn,
.minusBtn,
.hideBtn {
    width: auto;
    cursor: pointer;
}

.plusBtnNEW {
    background: #8796af4f;
    border-radius: 16px;
    margin-left: 15px;
    padding: 8px 15px 7px 15px;
    position: relative;
    top: -1px;
}

.plusBtnNEWbutton {
    cursor: pointer;
    background: transparent;
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.modBtn input,
.submit input,
.recBtn input,
.favorBtn input,
.refreshCommBtn input,
.editBtn input,
.plusBtn input,
.minusBtn input,
.hideBtn input {
    font-size: 14px;
    font-weight: 500;
    display: inline;
    margin: 0;
    cursor: pointer;
    border: none;
    border-radius: 30px;
    padding: 9px 0;
    background: var(--followGradient);
    color: #fff;
}

.editBtn2 input {
    font-size: 12px;
    font-weight: 700;
    display: inline;
    margin: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 16px;
    padding: 6px 0;
    background: var(--followGradient);
}

.hideBtn input {
    background-color: #d57052;
}


#addBlogBtn {
    border-radius: 0 10px 10px 0;
    padding: 10px 16px;
    /*background: url(def/add.png?v3) 17px 9px no-repeat #008ed0;*/
    background: #000;
}

#addBlogBtnCover,
#addBlogBtnDE {
    border-radius: 25px;
    padding: 10px 26px;
    /*background: url(def/add.png?v3) 17px 9px no-repeat #008ed0;*/
    background: var(--followGradient);
    text-align: center;
}


#addBlogBtn a.addBtnBlog,
#addBlogBtnDE a.addBtnBlog,
#addBlogBtnCover a.addBtnBlog {
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    font: var(--mediumFont);
    text-decoration: none;
    color: #fff;
}

.submit {
    /*line-height: 19px;
    height: 19px;*/
    /*color: #fff;
    background: url(def/buttons_r.png?v2) 100% 0 no-repeat;*/
}

.submit input {
    /*line-height: 19px;
    height: 19px;*/
    /*color: #fff;
    background: url(def/buttons_l.png?v2) 0 0 no-repeat;*/
}

.editBtn {
    /*color: #fff;
    background: url(def/buttons_r.png?v2) 100% -43px no-repeat;*/
}

.editBtn input {
    /*color: #fff;
    background: url(def/buttons_l.png?v2) 0 -43px no-repeat;*/
}

.plusBtn {
    /*color: #fff;
    background: url(def/buttons_r.png?v2) 100% -145px no-repeat;*/
}

.plusBtn input {
    /*color: #fff;
    background: url(def/buttons_l.png?v2) 0 -145px no-repeat;*/
}

.minusBtn {
    /*color: #fff;
    background: url(def/buttons_r.png?v2) 100% -125px no-repeat;*/
}

.minusBtn input {
    /*color: #fff;
    background: url(def/buttons_l.png?v2) 0 -125px no-repeat;*/
}

.hideBtn {
    /*color: #fff;
    background: url(def/buttons_r.png?v2) 100% -88px no-repeat;*/
}

.hideBtn input {
    /*color: #fff;
    background: url(def/buttons_l.png?v2) 0 -88px no-repeat;*/
}

.recBtn {
    line-height: 24px;
    height: 24px;
    /*color: #676767;
    background: url(def/buttons_r.png?v2) 100% -165px no-repeat;*/
}

.recBtn input {
    line-height: 24px;
    width: 120px;
    height: 24px;
    /*color: #676767;
    background: url(def/buttons_l.png?v2) 1px -165px no-repeat;*/
}

.favorBtn {
    line-height: 24px;
    height: 24px;
    /*color: #676767;
    background: url(def/buttons_r.png?v2) 100% -63px no-repeat;*/
}

.favorBtn input {
    line-height: 24px;
    width: 150px;
    height: 24px;
    /*color: #676767;
    background: url(def/buttons_l.png?v2) 1px -63px no-repeat;*/
}

.addCommBtn {
    text-align: right;
    margin-top: 2px;
    display: inline-block;
}

.addCommBtn input {
    line-height: 21px;
    /*color: #676767;
    background: url(def/buttons_l.png?v2) 0 -20px no-repeat;*/
}

textarea.editPopup {
    font-size: 13px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 17px;
}

.refreshCommBtn {
    line-height: 21px;
    /*color: #676767;
    background: url(def/buttons_r.png?v2) 100% -20px no-repeat;*/
}

.refreshCommBtn input {
    line-height: 21px;
    width: 160px;
    /*color: #676767;
    background: url(def/buttons_l.png?v2) 0 -20px no-repeat;*/
}

/* /buttons */
/* modal category dialog */
#exposeMask {
    max-width: 100%;
}

.modal,
#previewPopup,
#shareToView {
    z-index: 9998;
    display: none;
    width: 100%;
    opacity: 1;
}

#authFromModalDiv,
#editModal {
    max-width: 96%
}

.LoginForm {
    font: var(--mediumFont);
    font-size: 13px;
    font-weight: 400;
    color: #1d1d1d;
}

.modal&gt;div,
.shareToView&gt;div {
    position: relative;
    width: 900px;
    margin: 0 auto;
    /*border: 1px solid #dcdcdc;*/
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

.modal .close {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    /*background: url(def/others.png?v2) -790px -33px no-repeat;*/
    font-family: icomoon2;
    font-size: 13px;
    color: #222;
    text-decoration: none;
    margin: 0;
/*    position: absolute;
    top: 1px;
    right: -20px;*/
    cursor: pointer;
}

.modalReg {
    padding-bottom: 17px;
    background: url(def/separator.gif) 0 100% repeat-x;
}

#catModalDiv ul {
    float: left;
    width: 225px;
    padding-bottom: 6px;
}

#catModalDiv li {
    margin: 0 0 0 5px;
    padding: 0 3px 0 0;
    color: #000;
    font: var(--boldFont);
    font-size: 17px;
    letter-spacing: -1px;
    list-style: none;
}

#catModalDiv li a {
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    display: block;
    width: 85%;
    margin: -1px 0 -1px -5px;
    /* font: var(--regularFont); */
    padding: 4px 0 4px 6px;
    font: var(--regularFont);
    font-size: 13px;
    letter-spacing: -0.5px;
}

#catModalDiv li a:hover {
    text-decoration: none;
    background-color: var(--grayBg);
    color: #000;
}

/* /modal category dialog */
/* action divs */
.actionDiv {
    float: left;
    width: 100px;
    margin-top: 2px;
    padding: 3px 0;
    text-align: center;
}

.actionDiv a {
    color: #fff;
}

.workActionT {
    width: 407px;
    height: 5px;
    margin: 0 auto;
    background: url(def/others.png?v2) -761px 1px no-repeat;
}

.workActionB {
    width: 407px;
    height: 4px;
    margin: 0 auto;
    background: url(def/others.png?v2) -761px -6px no-repeat;
}

.workActionM {
    height: 35px;
}

.workActionMM {
    float: left;
    width: 320px;
    height: 30px;
}

.workActionLab {
    font-size: 9px;
    line-height: 2;
    float: left;
    width: 90px;
    margin-top: 9px;
    text-align: center;
    color: #8d8d8d;
}

.workActionBgCol {
    float: left;
    width: 24px;
    height: 24px;
    cursor: pointer;

    border-radius: 25px;
    display: grid;
    place-items: center;
    margin: 0 2px 0 2px;
}

.workActionMM .workActionBgCol {
    position: relative;
    top: 7px;
}

.workActionTools {
    font-size: 9px;
    line-height: 2;
    float: left;
    width: 130px;
    text-align: center;
    color: #8d8d8d;
}

.workActionMark {
    float: left;
    width: 100%;
}

.workActionAddMark {
    height: 35px;
    border-right: 1px solid #d5dcdc;
    border-left: 1px solid #d5dcdc;
    background-color: #fff;
}

.workActionMarkWarn {
    font-size: 9px;
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
}

.otherWorks {
    font-size: 12px;
    padding: 14px 0 0 10px;
    color: #333;
}

.workDate {
    font-size: 9px;
    color: #929292;
}

.workAnon {
    color: #000000;
    font-size: 17px;
}




.workOnComp,
.workOnComp:hover {
    color: #d23636;
}

.noActions {
    padding: 10px 6px 10px 0;
    text-align: center;
    color: #929292;
}

.showSeparate {
    font-weight: 400;
    color: #929292;
}

.actionDateLine {
    font-size: 10px;
    padding: 6px 9px 3px 9px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: clip;
    color: #686868;
}

.actionNameLine {
    padding: 5px 9px 3px 4px;
    border-bottom: 1px solid #d7dde2;
}

.actionTypeHead,
.actionTypeHeadMark,
.actionTypeHeadRec,
.actionTypeHeadFav,
.actionTypeHeadAdd {
    font: var(--regularFont);
    font-size: 15px;
}

.actionTypeHeadMark {
    padding-left: 17px;
    background: url(def/activity_icons_new.png?v=1) 0 0 no-repeat;
}

.actionTypeHeadRec {
    padding-left: 17px;
    background: url(def/activity_icons_new.png?v=1) 0 -25px no-repeat;
}

.actionTypeHeadFav {
    padding-left: 17px;
    background: url(def/activity_icons_new.png?v=1) 0 -52px no-repeat;
}

.actionTypeHeadAdd {
    padding-left: 17px;
    background: url(def/activity_icons_new.png?v=1) 0 -78px no-repeat;
}

.actionTypeHeadAddNew {
    font-family: Icomoon2;
    font-size: 13px;
    line-height: 14px;
    color: #69cc26;
    position: relative;
    margin: 0 4px;
    top: 2px;
}


.actionsFilter {
    /*border-left: 1px solid #d0dadc*/
    ;
    background-color: #e5e6e9;
}

/* /action divs */
.gallBan {
    font-size: 9px;
    position: relative;
    float: right;
    padding: 10px 4px 0 28px;
    text-align: right;
    color: #aaa;
}

#voteBtn {
    float: right;
    padding-right: 4px;
    text-align: right;
    color: #444;
}

/* faq */
.txtContent {
    font-size: 15px;
    line-height: 21px;
    max-width: 800px;
    padding: 6px 10px 6px 10px;
    margin: 0 auto;
}

.txtContentH {
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    padding-bottom: 10px;
    text-decoration: underline;
}

/* /faq */
/* marks */
#marksTbl td {
    padding: 12px 0px 0 0;
    text-align: left;

}

#marksTbl .brdR {
    /*border-right: 1px solid #dfdfdf;*/
}

#marksTbl .header {
    color: #000;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 19px;
    padding: 9px 10px 1px 10px;
}

#marksTbl .marksImg {}

.tr1 a,
.tr0 a {
    font-size: 14px;
}

#marksTbl {
    border-radius: 0 0 8px 8px;
    padding-bottom: 5px;
}

.marksTable {
    border-radius: 10px;
    background: #fff;
    margin-bottom: 50px;
    padding-bottom: 14px;
}

/* /marks */
/* invite form */
.regionLab {
    font-weight: 700;
    line-height: 14px;
    float: left;
    height: 15px;
    padding: 0 6px;
    color: #fff;
    background-color: #d91313;
}

.regionLabR {
    float: left;
    width: 6px;
    height: 15px;
    background: url(def/redt.png?v2) 0 0 no-repeat;
}

.regionName {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    float: left;
    padding: 0 6px;
}

.inviteTbl {
    padding: 0 6px;
    border: 1px solid #d9d9d9;
    background-color: #eee;
}

.inviteTbl .formTbl td {
    font-size: 12px;
    background-color: #eee;
}

.inviteHint {
    font-size: 12px;
    line-height: 1.3;
    padding: 2px 10px 0 10px;
}

#inviteMes {
    font-size: 14px;
    font-weight: 700;
    display: none;
    clear: left;
    padding-top: 10px;
}

/* /invite form */
/* tpbn */
.tpbn {
    height: 60px;
    margin-right: -7px;
    margin-left: -7px;
    text-align: center;
    background: #d01818;
}

/* /tpbn */
/* overlay main img */
#previewOverlay {
    /*       background-color: rgb(39, 39, 39); */
}

.previewOverlay,
.previewPopup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1110;
}

.previewPopup {
    overflow: auto;
    margin: 0;
    padding: 72px 0 0 0;
    border: 0;
    border-collapse: collapse;
    background-color: #f5f6f9;
}

.shareToView {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 540px;
    height: 300px;
    margin-top: -150px;
    /*set to a negative number 1/2 of your height*/
    margin-left: -270px;
    /*set to a negative number 1/2 of your width*/
}

.shareToView&gt;div {
    position: inherit;
    width: 640px;
    height: 320px;
    text-align: center;
    color: #000;
    background-color: #fff;
    font-size: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
}

.shareToView hr {
    border: 0;
    height: 1px;
    background: #e2e2e2;
}

.shareToView .vk,
.shareToView .facebook,
.shareToView #submitBtn {
    width: auto;
    height: 33px;
    line-height: 33px;
    padding: 0;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
}

#submitBtn {
    border-radius: var(--brad);
    font-size: 14px;
    height: 41px;
    line-height: 35px;
    padding: 3px 40px;
    white-space: nowrap;
}

.shareToView .vk {
    background: #5f83aa;
}

.shareToView .facebook {
    background: #435eac;
}

.shareToView .icon {
    margin: 4px 6px 0 0;
    height: 23px;
    width: 24px;
    display: block;
    float: left;
}

#previewNext {
    text-align: center;
    /*  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    -khtml-box-shadow: 0 0 20px rgba(0, 0, 0, .6);
   */
    background-color: var(--popBg);
}

#previewNextImg {
    position: relative;
    cursor: pointer;
}

#authBlockedD,
#nudeHiddenD {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #bebebe;
    font-size: 16px;
}

#previewFullA .about_icon {
    color: #8796af4f;
    line-height: 30px;
}

#previewNext .about_icon2 {
    color: #dc0000;
    line-height: 30px;
}

#previewFullA {
    color: #696969;
    text-decoration: none;
}

#previewPhName {
    color: #e0e8f5;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font: var(--mediumFont);
    font-size: 15px;
    font-weight: 400;
    position: relative;
    z-index: 100;
    width: 80%;
    margin: 0 auto;
    height: 41px;
    box-sizing: border-box;
    padding: 10px 0 15px 0;
    text-align: center;
}

#imgPopup,
.iv-image {
    box-shadow: #00000082 0px 10px 30px;

}

.halink {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 3px 10px;
}

.popupAuthInfo {
    display: flex;
    width: 965px;
    margin: 0 auto;
    height: 56px;
    padding: 5px 0 5px 0;
    position: relative;
    z-index: 100;
}

a#previewPhName:hover {
    text-decoration: none;
}

#previewPrevClose,
#previewClose {
    min-width: 100px;
    cursor: pointer;
    background-color: var(--popBg);
}

#previewPrevClose2,
#previewClose2 {
    min-width: 100px;
    cursor: pointer;
}

.popDownBg {
    /*padding-bottom: 500px;*/
    padding-bottom: 50px;
}

.relatedHeader {
    width: calc(99% - 10px);
    margin: 20px auto 30px auto;
    font: var(--boldFont);
    font-size: 17px;
    text-align: center;
    letter-spacing: -0.8px;
}

#gallContainer {
    width: 80%;
    min-height: 300px;
}

#gallContainer .imgBoxNew.jg-entry, #workOfDay1 .imgBoxNew.jg-entry, #wrapBlogs .imgBoxBlog.jg-entry, #wrapFav .imgBoxNew.jg-entry {
    border-radius: 8px;
}



.scrollWarn {
    background: var(--grayBlue);
    cursor: pointer;
    color: var(--white);
    margin: 50px auto 150px auto;
    font-size: 15px;
    display: inline-block;
    padding: 12px 18px;
    border-radius: 20px;
}

.center {
    text-align: center;
}

.popUpBg {
    background-color: var(--popBg);
}

#previewPrevIcon {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 48px;
    cursor: pointer;
    opacity: 1;
    background: url(black/classic-map.png?v) no-repeat 13px 50%;
}

.actionsTable {
    position: relative;
    left: 2px;
    top: 1px;
}

.actionsTable label {
    font-size:11px;
}

.previewCommLine {
    clear: left;
    width: 715px;
    padding: 12px 0px 2px 0;
}

.bannedComm {
    font-size: 15px;
    padding: 40px 0 0px 24px;
    text-align: center;
}

.bannedCommIcon {
    display: block;
    font-family: Icomoon2;
    font-size: 40px;
    margin-bottom: 10px;
    color: #000;
}


.previewCommLine:first-of-type {
    padding-top: 0px;
}

.previewCommBlk {
    float: left;
    width: 715px;
    padding-right: 7px;
    /*  border-right: 1px solid rgba(0, 0, 0, .1);  */
}

.previewCommAuName {
    display: block;
    padding-bottom: 5px;
    position: relative;
    top: 3px;
    font: var(--boldFont);
    font-size: 14px;
}

.previewCommAuName a,
.commAuthName a {
    color: var(--black);
}

.previewCommAuName img {
    margin-left: 4px;
}

.previewCommAuName .commAuthRate {
    margin-left: 4px;
    color: var(--grayBlue);
}

.previewCommAuName .commDate {
    font-size: 12px;
    float: right;
    position: relative;
    right: -6px;
    top: 1px;
}

.previewCommL {
    float: left;
    width: 40px;
    padding-right: 7px;
}

.previewCommR {
    float: left;
    width: 633px;
    position: relative;
    /*border-bottom: 1px solid rgba(0, 0, 0, .07); */
    background-color: #fff;
    /*#EAEBEC;*/
    /*#ededed;*/
    padding: 8px 20px 2px 15px;
    border-radius: 0 10px 10px 10px;
    /*box-shadow: 0 0 0 1px #DDE3E6;*/

    box-shadow: var(--popupShadow);
}

.previewCommR::after {
    content: '';
    position: absolute;
    right: 660px;
    top: 0px;
    border: 7px solid transparent;
    border-top: 7px solid #fff;
    /*#EAEBEC;*/
}

.previewCommR::before {
    content: '';
    position: absolute;
    right: 582px;
    top: -1px;
    border: 7px solid transparent;
    /*border-top: 7px solid #DDE3E6;*/
}


#previewAuthName a {
    color: #e8e8e8;
    text-decoration: none;
}

#previewAuthName .workAnon,
#commTbl .tickCatNew.workAnon {
    color: #e1e1e1;
}

#previewAuthName a.previewCatName {
    color: #a5a5a5;
    font: var(--regularFont);
    font-size: 12px;
    line-height: 19px;
}

#previewAuthName {
    position: relative;
    top: 1px;
}

.getPBS {
    height: 17px;
    padding: 0 5px 0 2px;
}

.previewPhComm {
    display: block;
    width: 100%;
    font: var(--regularFont);
    font-size: 13px;
    line-height: 130%;
    overflow: hidden;
    word-wrap: break-word;
    margin-top: 19px;
    margin-left: 46px;
    width: 670px;
}

.previewCommHead {
    float: left;
    color: #000;
    font: var(--boldFont);
    font-size: 13px;
    line-height: 22px;
}

.discussionHead {
    width: 667px;
    height: 25px;
    margin-left: 47px;
}

.discussionHeadBorder {
    border-bottom: 2px solid #c4c5c8;
}

.discussionHeadNOBorder {
    border-bottom: 0;
}

.previewComm {
    display: block;
    padding: 7px 0 15px 0;
    font: var(--regularFont);
    font-size: 14px;
    line-height: 1.28rem;
    word-wrap: break-word;
    color: var(--black);
    letter-spacing: 0px;
}

.previewComm img,
.previewPhComm img {
    max-width: 97.5%;
    border-radius: 10px;
    margin: 10px 0 5px 0;

}


.previewComm img.smile,
.previewPhComm img.smile {
    margin: 0;

}



 

.previewComm iframe {
    max-width: 639px;
    max-height: 360px;
        border-radius: 10px;
}

.previewPhComm iframe {
    max-width: 639px;
    max-height: 360px;
        border-radius: 10px;
}

.commText iframe {
    border-radius: 10px;
}

#previewCommCnt {
    width: 37px;
    height: 31px;
    margin-top: 6px;
    margin-left: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    color: #232323;
    background: url(def/comment_icon.png?v4) no-repeat 0 0;
}

.previewCommAnswer {
    display: block;
    font-size: 12px;
    padding-top: 1px;
}

.recDone {
    font-size: 18px;
    line-height: 37px;
    margin-left: 15px;
}

#previewRec {
    color: #9f9d9d;
    margin-left: 15px;

}

#previewRec .recPopupBtn {
    height: 35px;
    line-height: 36px;

}

#previewButtons {
    position: relative;
    top: -1px;
}


#previewNext .previewCatName {
    color: #464646;
    display: block;
    padding-top: 2px;
    font-size: 12px;
    text-decoration: none;
}

#previewPhData {
    padding: 21px 0 25px 6px;
    font-size: 11px;
    color: #9f9d9d;
    line-height: 13px;
}

.previewPhDataV {
    color: #000;
    font: var(--regularFont);
    font-size: 13px;
    line-height: 17px;
    word-break: break-word;
    padding-bottom: 29px;
}

.workOverlay&gt;div {
    position: relative;
    margin: 0 auto;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
    -khtml-box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
}

.delComm,
.workOverlay div.close {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: .5;
    background: url(def/classic-map.png?v2) -742px -6px no-repeat;
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
}

.workOverlay div.close {
    position: absolute;
    z-index: 10000;
    top: 3px;
    right: -30px;
    background: url(black/classic-map.png?v2) -742px -6px no-repeat;
}

.delComm:hover,
.workOverlay div.close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}

.workOverlay img.close {
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;*/
    cursor: pointer;
}

/* /overlay main img */
#imgLoader {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -15px;
    margin-left: -15px;
    opacity: .25;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    background: #000 url(../img/loader10.gif) no-repeat 50% 50%;
    filter: alpha(opacity=25);
    -khtml-opacity: .25;
    -moz-opacity: .25;
}

/* auth serie */
#authSerieMenu .tr0ser {
    font-size: 11px;
    clear: both;
    margin: 0 0px;
    padding: 10px 10px 1px 0;
    color: #000;
    white-space: nowrap;
    /*background: url(def/separator.gif) 0 100% repeat-x;*/
}

#authSerieMenu .tr1ser {
    font-size: 11px;
    clear: both;
    margin: 0 0px;
    padding: 10px 10px 1px 0;
    color: #000;
    display: inline-block;
    white-space: nowrap;
    /*background: url(def/separator.gif) 0 100% repeat-x;*/
}

#authSerieMenu .tr0ser a,
#authSerieMenu .tr1ser a {
    display: inline-block;
    white-space: normal;
    word-break: break-word;

}

/* /auth serie */
/* css3 buttons */
.commButtons {
    float: left;
    display: none;
    position: relative;
}

.commButtons span {
    display: block;
    float: left;
    text-align: center;
}

#commTbl td.commVoteTd,
.commVoteTd {
    text-align: right;
    width: 40px;
    padding: 12px 10px 0 0;
}

.commVote {
    padding-right: 4px;
    text-align: center;
    color: var(--grayBlue);
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    right: 0px;
    top: -4px;
}

.commVotePopup {
    margin: 0 6px 0 4px;
    text-align: center;
    color: #828a99;
    font: var(--regularFont);
    font-size: 18px;
    font-weight: 500;
}

.commPopupActions {
    position: relative;
    display: inline-block;
    width: 644px;
    left: -3px;
    margin-top: 2px;
    padding-top: 4px;
    padding-bottom: 8px;
    /*border-top: 1px solid #D2D3D4;*/
}

.commPopupActionsRight {
    float: right;
    top: 5px;
    left: 7px;
    position: relative;
    line-height: 22px;
}

.commActionsRight {
    float: right;
    top: 0px;
    position: relative;
    display: none;
    /*padding: 0 10px 10px 0;*/
}

.commActionsRight a {
    /*border-right: 1px solid #cacaca;*/
    padding: 0 8px;
}

.commVoteNo {
    background-color: transparent;
}

.commVoteTxt {
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
}

.commButtons .buttonA,
.addBtn,
.themeBtn,
.saveBtn,
.regBtn {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    height: 29px;
    padding: 3px 20px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border-radius: var(--brad);

    outline: 0;
}

.wideBtn {
    padding: 0 25px;
}

.loginDivBG {
    z-index: 300;
    position: relative;
display:inline-block;
top: 90px;
height: 37px;
padding:10px 10px 5px 25px;

}

.LoginPopupButton,
.LoginPopupButton:hover {
    border-radius: var(--brad);
    background: var(--followGradient);
    font: var(--mediumFont);
    font-size: 13px;
    color: #fff;
    display: block;
    box-sizing: border-box;
    padding: 12px;
    width: 100%;
    height: 40px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    margin: 2px 0;
}

.FBicon {
    font-family: icomoon;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    margin: 0 3px;
    line-height: 38px;
}

.Dateicon {
    font-family: icomoon;
    font-size: 24px;
    color: var(--grayBlue2);
    text-decoration: none;
    position: relative;
    top: 5px;
    left: -3px;
    font-weight: 100;
}

.VIEWicon {
    font-family: icomoon;
    font-size: 23px;
    color: var(--grayBlue2);
    text-decoration: none;
    margin: 1px 10px 0 2px;
    position: relative;
    top: 3px;
    left: 2px;
    font-weight: normal;
}

.VIEWS {
    font-family: Icomoon2;
    top: 6px;
    left: -4px;
    margin-right: 5px;
    font-size: 24px;
}

.workVIEWS {
    font-family: Icomoon2;
    top: 5px;
    margin-right: 7px;
    font-size: 32px;
}


.popLabel {
    color: #000;
    font-size: 13px;
    font-weight: 600;
}

#postCommDivPopup {
    margin-top: 3px;
    margin-bottom: 3px;
}

#postCommDiv {
    margin-right: 10px;
    margin-top: 3px;
}

.disabledComm {
    text-align: left;
    padding: 10px 0 10px 75px;
    width: 618px;
}

#wrapForm .disabledComm h1 {
    font: var(--mediumFont);
    font-size: 17px;
}

#wrapForm .formTbl {
    margin-top: 5px;
}

.postCommB {
    position: absolute;
    top: 315px;
    right: 0;
}

.postCommDivWork {
    display: inline-block;
    position: relative;
    top: 2px;
    left: -10px;
    display: none;
}

#emojis {
    display: none;
    position: absolute;
    z-index: 100;
    right: 40px;
    bottom: -160px;
    height: 277px;
    overflow: hidden;
    box-shadow: var(--menuShadow);
    border-radius: 10px;
}

.workRECicon {
    top: 2px;
    margin: 0 9px 0 18px;
    font-size: 29px;
}

.popViews {
    font-size: 14px;
}

.EXIFicon {
    font-size: 24px;
    left: -3px;
    margin-right: 0px;
}

.TAGicon {
    font-size: 24px;
    top: 7px;
    left: -2px;
    margin-right: 0px;
}

.CAMicon {
    font-size: 20px;
    left: -1px;
    top: 4px;
    margin-right: 4px;
}

.closeIcon {
    font-family: icomoon2;
    font-size: 13px;
    color: #222;
    text-decoration: none;
    margin: 0;
    position: absolute;
    top: 1px;
    right: -20px;
    cursor: pointer;
}

.gallMenuIcon {
    font-family: icomoon2;
    font-size: 24px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    margin: 0;
    display: inline-block;
    position: relative;
    top: 1px;
    left: -1px;
    margin-right: 5px;
    cursor: pointer;

    /*border: 2px solid #000;
    box-shadow: 0 0 7px #22222212;*/
    border-radius: 3px;
    /*padding: 1px 2px 2px 2px;*/
}


.PopupKeywords,
.PopupKeywords:hover {
    display: inherit;
    text-decoration: none;
    color: #000;
    border: 1px solid var(--grayBg2);
    /* background-color: #efefef; */
    border-radius: 25px;
    padding: 4px 11px 5px 11px;
    margin: 2px;
    font: var(--regularFont);
    font-size: 12px;
    line-height: 16px;
}

.addBtn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

.addBtn,
.themeBtn,
.saveBtn,
.regBtn {
    -webkit-border-radius: 0 \0;
    -moz-border-radius: 0 \0;
    border-radius: 0 \0;
    -khtml-border-radius: 0 \0;
    text-shadow: none;

}

/*no borders for IE*/
.commButtons .buttonA:hover,
.addBtn:hover,
.themeBtn:hover,
.regBtn:hover,
.saveBtn:hover {
    text-decoration: none;
}

.commButtons .buttonA:active,
.addBtn:active,
.themeBtn:active,
.regBtn:active,
.saveBtn:active {
    cursor: pointer;
}

.commButtons .replyBtnA {
    padding-left: 27px;
    color: #2f4da4;
    border: solid 1px #ced8df;
    background: #fafafa url(def/reply.png?v2) 0 0 no-repeat;
}



.replyBtnA {
    font-family: icomoon2;
    font-size: 15px;
    color: #757575;
    text-decoration: none;
    margin: 0 5px 0 0;
}

.replyBtnApopup {
    font-family: icomoon2;
    font-size: 15px;
    color: #000;
    text-decoration: none;
    position: relative;
    top: -2px;
    border-radius: 30px;
    background-color: #e5e6e9;
    /*box-shadow: 1px 1px 3px 0px #cfd0d3;*/
    padding: 7px;

}


.quoteBtnApopup {
    font-family: icomoon2;
    font-size: 15px;
    color: #000;
    text-decoration: none;
    margin: 0 0px;
    border-radius: 30px;
    background-color: #e5e6e9;
    /*box-shadow: 1px 1px 3px 0px #cfd0d3;*/
    padding: 7px 6px 7px 7px;
    position: relative;
    top: -2px;
}

span.replyBtnA {
    position: relative;
    top: 2px;
    color: #000;
}

a.replyBtnA:hover,
a.replyBtnA:active {
    text-decoration: none;
}

.intrestBtnA,
.intrestBtnA a,
.intrestBtnAVoted,
.intrestBtnAVoted a {
    font-family: icomoon2;
    font-size: 20px;
    text-decoration: none;
    color: #757575;

}

.intrestBtnAVoted a:before {
    content: "\e928";
    position: absolute;
    animation-name: heartFade;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-duration: 0.7s;
    opacity: 0;
}

@keyframes heartFade {
    0% {
        opacity: 1;
        top: 0;
        left: 0;
    }

    24% {
        opacity: 1;
        top: -10px;
        left: -3px;
    }

    48% {
        opacity: 0.5;
        top: -20px;
        left: 3px;
    }

    72% {
        opacity: 0.2;
        top: -25px;
        left: -3px;
    }

    100% {
        opacity: 0;
        top: -30px;
        left: 8px;
    }
}

.intrestBtnApopup,
.intrestBtnApopup a,
.intrestBtnApopupVoted,
.intrestBtnApopupVoted a {
    font-family: icomoon2;
    font-size: 22px;
    text-decoration: none;
    position: relative;
    top: 2px;
    right: -1px;
    color: #363636;
}

.intrestBtnAVoted,
.intrestBtnAVoted a:hover,
.intrestBtnAVoted a,
.intrestBtnApopupVoted,
.intrestBtnApopupVoted a:hover,
.intrestBtnApopupVoted a {
    color: #ff6b8f;
    /*#f71400;*/
}

.intrestBtnApopup a:hover,
.intrestBtnApopupVoted a,
.intrestBtnApopupVoted a:hover,
.intrestBtnA a:hover,
.intrestBtnAVoted a,
.intrestBtnAVoted a:hover {
    color: #ff6b8f;
    /*#f71400;*/
}


.somebodyVoted a {
    color: var(--grayBlue);
}

.nobodyVoted a {
    color: #d3d5d8;
}

.topminus1 {
    top: 4px;
}

.commReplyBtnRight {
    display: none;
    float: right;
    padding-bottom: 9px;

}

.commActionsRight a.commReplyBtnNoBorder {
    border: 0;
    padding-right: 0px;
}

.likePos {
    display: inline-block;
    position: relative;
    top: 2px;
}

.likePosComm {
    display: inline-block;
    position: relative;
    top: 1px;
}

.commButtons .replyBtnActionA {
    padding: 0 1px;
    font-weight: 300;
}

.addBtn,
.themeBtn,
.regBtn,
.saveBtn {
    color: #fff;
    font-size: 14px;
    line-height: 31px;
    height: 36px;
    font: var(--mediumFont);
    background: var(--followGradient);
    font-size: 13px;
    box-sizing: border-box;
    padding: 10px 20px;
}

.addBtn:hover,
.themeBtn:hover,
.regBtn:hover,
.saveBtn:hover {
    color: #fff;
    /*  background-color: #00b5e4;  */
}

.addBtn:active,
.themeBtn:active,
.regBtn:active,
.saveBtn:active,
.addBtn:focus,
.themeBtn:focus,
.regBtn:focus,
.saveBtn:focus {
    cursor: pointer;
    color: #fff;
    /*  background: #3f5d80; */
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
    -khtml-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
}

.cancelBtn {
    background: #323232;
}

.fineArtBtn {
    background: transparent;
    color: #000;
    background-color: var(--grayBg2);
    font-weight: 300;
    height: 37px;
    width: 37px;
    text-shadow: none;
    display: grid;
    place-items: center;
    margin-right: 5px;
    padding: 0;
    border-radius: 25px;
}

#previewBookmark .fineArtBtn,
#previewFavor .fineArtBtn {
    border: 0;
    background: var(--grayBlue2);
}

#previewBookmark .bookIcon,
#previewFavor .favorIcon {
    color: #222;
}

/*
.getBookmark {
    width: 25px;
    float:right; 
    height: 33px; 
    line-height: 32px;
}

.getFavor {
    width: 25px;
    float:right; 
    height: 33px; 
    line-height: 35px;
}

.getHomeAlbum {
    width:17px; 
    height:33px;
    line-height: 44px;
}
*/


.commentsTable {
    /* width: 1200px; */
    min-width: 760px;
    max-width: calc(100vw - 760px);
    flex: 0 1 760px;
}

.commentsTableActions {
    /*width: 1200px; */
    min-width: 1080px;
    max-width: calc(100vw - 315px);
    flex: 0 1 1080px;
}


.commentsTableActions .actionsCommCnt {
    right: 18px;
}

.blogsTable {
    width: 360px;
    flex: 0 1 360px;
    padding-top: 40px;
}

.blogsSticky {
    position: sticky;
    top: 105px;
    height: calc(100vh - 20px);
    overflow-y: scroll;
}

.blogsSticky::-webkit-scrollbar {
    display: none;
}

.commentsTableWork {
    width: 885px;
    max-width: calc(100vw - 748px);
    min-width: 695px;
}

.commentsTableBlog {

    margin: 30px auto 0 auto;
    border-radius: 6px;
    padding: 0px 20px 400px 20px;
    width: 980px;
}

.workTools {
    background-color: var(--grayBg2);
    color: #000;
    font-family: icomoon, Icomoon2;
    font-size: 17px;
    height: 37px;
    width: 37px;
}

.flip {
    position: relative;
    top: -1px;
}

.popBtn,
.popBtn:hover {
    background: var(--grayBlue2) !important;
    color: #000 !important;
    border: none;
    border-radius: 25px;
}

#addRecAjax {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.fineArtBtn:hover,
.fineArtBtn:active,
.fineArtBtn:focus {
    /*background: #f3f3f3;*/
    color: #757575;
    font-weight: 300;
}

.grayBtn {
    color: #fff;
    border: solid 1px #2f2f2f;
    background: #505050;
    background: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#505050));
    background: -moz-linear-gradient(top, #717171, #5e84ae);
    background: linear-gradient(to bottom, #717171, #5e84ae);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#505050);
}

.grayBtn:hover {
    color: #fff;
    border: solid 1px #2f2f2f;
    background: #717171;
    background: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#717171));
    background: -moz-linear-gradient(top, #717171, #717171);
    background: linear-gradient(to bottom, #717171, #717171);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#717171);
}

.grayBtn:active,
.grayBtn:focus {
    color: #fff;
    border: solid 1px #2f2f2f;
    background: #717171;
    background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#717171));
    background: -moz-linear-gradient(top, #505050, #717171);
    background: linear-gradient(to bottom, #505050, #717171);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#505050, endColorstr=#717171);
}

.undoBtn,
.undoBtn:hover,
.undoBtn:active.undoBtn:focus {
    color: #fff;
    background: #dc3a3a;
}

.addBtn {
    font-size: 12px;
    width: 150px;
}

.addBtn img {
    font-size: 0;
    width: 21px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    background: url(def/add.png?v2) 0 0 no-repeat;
}

.tryPortBtn {
    z-index: 400;
    height: 28px;
    line-height: 28px;
    padding: 0 16px;
    position: absolute;
    top: 272px;
    left: 13px;
}

.regBtn {
    font-size: 10px;
    line-height: 14px;
    width: 42px;
    height: 14px;
    padding: 0 0 0 0;
}

.themeBtn {
    line-height: 36px;
    width: 140px;
    font-size: 14px;
    height: 36px;
    background: #45aaf6;
    padding: 0 8px 0 0;
    margin-right: 3px;
    border-radius: var(--brad);
    font-weight: 500;
}

.themeBtnInst {
    /*    width: 20px;
    height: 20px;
    margin-top: -3px;*/
    margin-right: 8px;
    /*    vertical-align: middle;
    background: url(def/themes/install_icon.png?v2) 0 0 no-repeat;*/
}

.themeBtnPreview {
    /*    width: 20px;
    height: 20px;
    margin-top: -5px;*/
    margin-right: 8px;
    /*    vertical-align: middle;
    background: url(def/themes/preview_icon.png?v2) 0 0 no-repeat;*/
}

#blogs .wrapBlogLeft h1 {
    font-size: 25px;
    margin-top: 30px;
}


#menuTbl div.themeIcon a,
#menuTbl div.themeIcon a:hover {
    color: #fff;
    font-family: Icomoon2;
    font-size: 20px;
    font-weight: 400;
    margin: 0 3px;
    padding: 0;
}

#menuTbl div.themeIcon {
    display: inline-block;
}

.themesWrap {
    padding: 12px 0;
}

/* /css3 buttons */
/* /search form */
#searchTD {
    height: 65px;
    display: block;
    margin: 0 auto 60px auto;
    width: calc(100% - 100px);
    position: relative;
    top: 90px;
    background: transparent;
    z-index: 110;
    padding: 0px 50px;
}

#searchTD .selector,
#searchTD .selectorMenu {
    border-color: var(--grayBg2);
}

#searchTD .blackBorderColor {
    border-color: #292929;

}


#searchTD .selectorMenu {
    /*box-shadow: 1px 4px 5px rgb(0 0 0 / 10%);*/
}

#q {
    font-size: 16px;
    font-weight: 400;
    font: var(--regularFont);
    /*PTRegular, -apple-system, BlinkMacSystemFont, San Francisco, Nunito, Helvetica Neue, Helvetica, Roboto, Noto, 'Open Sans', 'Segoe Ui', arial, sans-serif;*/
    /* line-height: 24px; */
    width: 290px;
    max-width: 84%;
    height: 36px;
    /* margin: 10px 0 0 0; */
    padding: 0 0 0 36px;
    position: relative;
    top: -6px;
    color: #8979b9;
    /*#7399ce;*/
    border: none;
    background-color: #c7a8fb;
    /*#ff2200;*/
    /*#bbd0ec;*/
    /* -webkit-border-radius: 0; */
    -moz-border-radius: 0;
    border-radius: 70px;
    -khtml-border-radius: 0;
    /* background: url(def/arr_user_menu.png?v2) -123px -56px no-repeat; */
    /* -webkit-box-shadow: none; */
    -moz-box-shadow: none;
    /* box-shadow: none; */
    -khtml-box-shadow: none;
}

#q:hover {}

#q:focus {
    color: #000;
    background-color: #fff;
}

#menuTbl #searchBtnS {
    cursor: pointer;
}

#menuTbl #searchBtnS:active {
    background-position: -350px -56px;
}

/* /search form */
/* forms layout */
.formDiv {
    width: 950px;
    margin: 0px auto 30px auto;
    padding: 0 20px 40px 20px;
    padding-top: 1px;
    color: #000;
    box-shadow: 0 0 0 1px var(--grayBorder);
    border-radius: 15px;

    /*background-color: #f8f8f8;*/
    background-color: #fff;
}

.FDassets {
    width: 1000px;
    margin: 30px auto;
    padding: 15px 40px 25px 40px;


}

.FDassets:first-of-type {
    margin-top: 60px;
}

.FDassets:last-of-type {
    margin-bottom: 60px;
}


.assetsHeader {

    width: 1000px;
    text-align: center;
    font: var(--mediumFont);
    font-size: 20px;
    padding-bottom: 23px;
    margin: 10px 0 40px 0;
    border-bottom: 1px solid #EFEFEF;
}

.assetPreviewImg {
    width: 170px;
    height: 100px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 7px;
    background-color: #ebebeb;
}

.assetPreview {
    display: flex;
    width: 1000px;
    margin: 20px 0;
    position: relative;
}

.assetPreviewInfo {
    width: 700px;
    display: inline-block;
    padding: 0 20px;

}

.assetPreviewLinks {
    display: inline-block;
    width: 180px;
    text-align: right;
}

.assetPreviewUrl {
    display: inline-block;
}

.assetPreviewId,
.assetPreviewName,
.assetPreviewDesc,
.assetPreviewKeywords,
.assetPreviewAddress {
    width: 600px;
    font: var(--mediumFont);
    font-size: 13px;
    margin-bottom: 1px;
}

.assetPreviewId {
    font: var(--regularFont);
    font-size: 12px;
    line-height: 13px;
    color: #757880;
    margin-bottom: 5px;
    
}

.assetPreviewName {
    font-size: 14px;
    margin-bottom: 7px;
}

.assetPreviewDesc {
    font: var(--regularFont);

}

.assetBold {
    font: var(--mediumFont);
    font-size: 11px;
    color: var(--grayBlue);
}

.assetGray {
    color: var(--grayBlue);
    font: var(--regularFont);
}

.assetPreviewKeywords,
.assetPreviewAddress,
.assetRelease {
    font: var(--regularFont);
    color: #000;
}

.assetPreviewAddress {
    font-size: 12px;
    margin-bottom: 2px;
    position: absolute;
    right: 0px;
}

.assetPreviewAddress {
    width: 290px;
    text-align: right;
    top: 60px;
    color: #757880;
}

.assetRelease {
    font-size: 14px;
    margin-bottom: 5px;
}

.bigurl {
    max-width: 460px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
}

.assetPreviewKeywords {
    margin-bottom: 10px;
}

.withdrawToEth,
.completewithdrawToEth {
    font: var(--mediumFont);
    font-size: 14px;

    color: #fff;
    background-color: #000;
    padding: 10px 20px;
    position: relative;
    top: 12px;
    white-space: nowrap;
    border-radius: 7px;
    border: 0;
    cursor: pointer;
}

#totalSales {
    display: none;
}


.priceShow {
    font: var(--mediumFont);
    font-size: 18px;
    line-height: 16px;
    color: #fff;
    background-color: #000;
    padding: 10px 15px;
    position: relative;
    top: -1px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 7px;
    border: 0;
}

.ethPriceShow {
    font: var(--regularFont);
    font-size: 13px;
    color: #a5a5a5;
    background-color: #fff;
    padding: 2px;
    margin: 6px 0 0 0;
    position: relative;
    /* top: 12px; */
    display: block;
    white-space: nowrap;
    border-radius: 7px;
    border: 0;
}

.totalSales {
    display: inline-block;
    font-size: 16px;
    color: #bbbbbb;
    font: var(--regularFont);
}

.nextButton {
    font: var(--mediumFont);
    font-size: 14px;
    margin-right: 5px;
    color: #fff;
    background-color: #000;
    padding: 10px 20px;
    white-space: nowrap;
    border-radius: 7px;
    border: 0;
    cursor: pointer;
}

.nextButton:disabled {
    color: #c7c7c7;
    background-color: #ebebeb;
    cursor: auto;
}


.withdrawToEth:hover,
.completewithdrawToEth:hover {
    text-decoration: none;
    box-shadow: 0 5px 21px #0000001f;
}

.withdrawLink {
    font: var(--mediumFont);
    font-size: 14px;
    color: #424242;
    background-color: #efefef;
    padding: 10px 30px 10px 40px;
    position: relative;
    top: 12px;
    white-space: nowrap;
    border-radius: 7px;
    border: 0;
}



.assetTextImg {
    width: 100%;
    text-align: center;
    margin: 40px 0 60px 0;
}

.assetList,
.assetText {
    width: 800px;
    font: var(--regularFont);
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto 0px auto;
}


.assetText {
    line-height: 20px;
    margin: 0 auto 100px auto;
    font-size: 15px;
}




.addPhotoForm {
    min-height: 100px;
    position: relative;
    margin-top: 50px;
}

.file {
    display: block;
    position: absolute;
    color: transparent;
    right: 0;
    top: 0;
    opacity: 0;
    outline: none;
    width: 150px;
    height: 34px;
    border-radius: var(--brad);
    cursor: pointer;
}


.input_file,
.input_file:hover,
.input_file:active,
.input_file:visited {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    text-indent: 0;
    outline: none;
    border-radius: var(--brad);
    font-size: 16px;
    font: var(--mediumFont);
    font-size: 14px;
    height: 40px;
    padding: 0 20px;
    text-align: center;
    line-height: 35px;
    background: var(--followGradient);
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.release_file,
.release_file:hover,
.release_file:active,
.release_file:visited {
    height: 34px;
    font-size: 13px;
    line-height: 28px;
}

.release_file .icon_picture {
    font-size: 18px;
}


input[type=file],
/* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button {
    /* chromes and blink button */
    cursor: pointer;
}

.formDiv input {
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 10px;
    height: 39px;
    box-sizing: border-box;
    letter-spacing: -0.5px;
}

.date_format_log {
    padding-top: 10px;
    padding-left: 6px;
    display: block;
    float: left;
    font-size: 14px;
    font: var(--regularFont);
}

.formRight input:focus,
.formDiv input[type='text']:focus,
.formDiv input[type='checkbox']:focus,
.formDiv input[type='radio']:focus,
.formDiv select:focus {
    outline: 0;
}

/*
input:-internal-autofill-previewed,
input:-internal-autofill-selected, 
textarea:-internal-autofill-previewed, 
textarea:-internal-autofill-selected, 
select:-internal-autofill-previewed, 
select:-internal-autofill-selected {
    background-color: #fff !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}
*/

.gift_by_reg {
    margin: 0px 0 10px 0;
    font: var(--regularFont);
    font-size: 14px;
    line-height: 19px;
}

.gift_bold {
    font: var(--boldFont);
    font-size: 14px;
}

#loginFormDloginPopup input {
    line-height: 26px;
    width: 224px;
    box-sizing: border-box;
    height: 36px;
    margin: 3px 0 9px 0;
    font-size: 16px;
    padding: 0px 10px 2px 10px;
    border: 0;
    background-color: #EAEBEC;
    border: 1px solid #;
    color: #000;
    -webkit-appearance: none;
    border-radius: 6px;
}

.or,
.or-div {
    margin: 0 auto;
    color: #000;
    text-align: center;
    position: relative;
    height: 20px;
    font: var(--mediumFont);
    font-size: 12px;
}

.or-div {
    border-top: 1px solid #cdcdcd;
    top: 11px;
    z-index: 900;
    width: 223px;
}

.or {
    background-color: #fff;
    z-index: 1000;
    padding: 7px 5px 0 5px;
    display: inline-block;
    height: 15px;
    top: -23px;
}

.uMenuClass {
    width:274px;
    height:277px;
    padding-top: 22px; 
    padding-bottom: 18px; 
    top: 49px;
}

#registerButton,
#registerButton:hover {
    text-decoration: none;
    width: 223px;
    height: 40px;
    text-align: center;
    color: #fff;
    background-color: #000;
    position: absolute;
    top: 255px;
    left: 27px;
    box-sizing: border-box;
    border-radius: 6px;
    font: var(--mediumFont);
    padding: 12px;
    font-size: 13px;
}

.lfw {
    width: 318px;
}

.formRight.LGN {
    padding: 0;
    position: relative;
    font: var(--regularFont);
}

.formDiv input[type='text']:focus,
.myPortInpL,
.myPortInpR {}

.formDiv input[type='checkbox'],
.formDiv input[type='radio'] {
    line-height: 20px;
    height: 21px;
}

.formDiv select {

    height: 39px;
    margin-bottom: 7px;
}

.formSeparator {
    line-height: 10px;
    display: block;
    clear: both;
    width: 95%;
    height: 6px;
    margin: 0 auto;
}


.formSeparatorPers {
    line-height: 10px;
    display: block;
    clear: both;
    width: 95%;
    height: 30px;
    margin: 0 auto;
}

.formSeparatorHead {
    font-size: 20px;
    font-style: italic;
    padding: 0 0 20px 10px;
    background-position: 0 100%;
}

.grayText {
    color: #929292;
    font-weight: 400;
}

.formTip {
    padding: 20px;
    color: black;
    margin: 15px;
    position: relative;
    /*border: 1px solid #d0dadc;*/
    box-shadow: 2px 2px 27px rgb(0 0 0 / 12%);
    /* 0 0 15px 0px #04040414;*/
    font-size: 15px;
    background-color: #fff;
    border-radius: 15px;
    font: var(--regularFont);
}

.formTip p {
    margin: 5px 0;
}

.formLeft {
    font-size: 15px;
    /* font-weight: 600; */
    line-height: 40px;
    float: left;
    width: 260px;
    font: var(--regularFont);
    min-height: 35px;
    padding: 11px 20px 0 0;
    text-align: right;
    white-space: nowrap;
    text-overflow: clip;
}

#contact_form .formLeft {
    width: 205px;
}

.saleWrapper .formLeft,
.saleWrapper .formRight {
    position: relative;
    left: -3px;
}

.formRight {
    float: left;
    width: 570px;
    min-height: 31px;
    padding: 0 0 0 5px;
}

.formRight select {
    /*margin-top: 5px;*/
}

.formRow {
    display: block;
    min-height: 46px;
    background-color: transparent;

}

.saleWrapper {
    border-radius: 15px;
    border: 2px dashed #00adff;
    padding: 33px 0 30px 0;
    margin: 30px 0 30px 0;
    background: url('def/ethlogo.png');

    background-repeat: no-repeat;
    background-position: 97% 15%;

}

.inpWrap {
    margin-right: 25px;
    position: relative;
    top: 9px;
}

.addWorkDescTextarea {
    width: 490px;
    padding-top: 4px;
    line-height: 18px;
    box-sizing: border-box;
}

.blogsAvWidth {
    width: 105px;
    height: 105px;
}

.taCenter {
    display: block;
    width: 100%;
    text-align: center;
}

/* /forms layout */
div.c1e072 div {
    float: left;
    padding-right: 6px;
}

div.c1e072 {
    font-size: 12px !important;
    padding: 5px !important;
    text-align: left !important;
    /*border: 1px solid #e0e0e0e !important;*/
}

.c1e072 a {
    font-size: 11px !important;
    font-weight: normal;
    line-height: 12px !important;
    color: #2678af !important;
}

.c1e072 .text {
    font-size: 11px !important;
    line-height: 13px !important;
    padding: 3px 0 !important;
    color: #6b6b6b !important;
}

.c1e072 .host {
    font-size: 11px !important;
    font-weight: normal;
    line-height: 13px !important;
    padding: 3px 0 !important;
    color: #060;
}

/* on off buttons */
.onoffOnEnabled,
.onoffOffDisabled,
.onoffOnDisabled,
.onoffOffEnabled {
    font-size: 11px;
    font-weight: 700;
    line-height: 24px;
    display: block;
    float: left;
    width: 86px;
    height: 24px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
}

.onoffOnEnabled:hover,
.onoffOffDisabled:hover,
.onoffOnDisabled:hover,
.onoffOffEnabled:hover {
    text-decoration: none;
}

.onoffOnEnabled,
.onoffOffEnabled,
.onoffOnEnabled:hover,
.onoffOffEnabled:hover {
    color: #fff;
}

.onoffOnDisabled,
.onoffOffDisabled,
.onoffOnDisabled:hover,
.onoffOffDisabled:hover {
    color: #000;
}

.onoffOnDisabled,
.onoffOffDisabled {
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f7f7f7));
    background: -moz-linear-gradient(top, #f7f7f7, #f7f7f7);
    background: linear-gradient(to bottom, #f7f7f7, #f7f7f7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F7F7, endColorstr=#F7F7F7);
}

.onoffOnDisabled {
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -khtml-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

.onoffOffDisabled {
    border-top: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -khtml-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

.onoffOnEnabled {
    border-top: 1px solid #699319;
    border-bottom: 1px solid #699319;
    border-left: 1px solid #699319;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    background: #57a957;
    background: -webkit-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background: -moz-linear-gradient(top, #62c462, #57a957);
    background: linear-gradient(to bottom, #62c462, #57a957);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#62c462, endColorstr=#57a957);
}

.onoffOffEnabled {
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    background: #646464;
    background: -webkit-gradient(linear, left top, left bottom, from(#929292), to(#646464));
    background: -moz-linear-gradient(top, #929292, #646464);
    background: linear-gradient(to bottom, #929292, #646464);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#929292, endColorstr=#646464);
}

/* /on off buttons */
/* default messages */
.okMsg {
    background: #4798c8;
}

.infoMsg {
    display: table;
    line-height: 130%;
    font-size: 12px;
    margin: 8px auto 5px auto;
    padding: 7px 10px;
    text-align: center;
    /*color: #3a87ad;*/
    border: 1px solid #bce8f1;
    background-color: #fff;
    /*background-color: #d9edf7;*/
}

.infoMsg a:hover {
    text-decoration: none;
}

.errMsg {
    background: #c43c35;
}

#cookieWarnClose {
    margin-left: 9px;
}

#cookieWarnClose img.emoji {
    width: 18px;
    height: 18px;
}

.top2px {
    top: 7px;
}

#resultMsg {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 10px 20px;
    display: none;
    margin: 0 auto;
    position: relative;
    /* left: 50%; */
    width: fit-content;
    /* transform: translateX(-50%); */
    text-align: center;
    color: #fff;
    border-radius: var(--brad);

}

#editModal {
    display: none;
}

#saveMsgMod&gt;div {
    width: 410px;
    padding: 30px 20px 40px 20px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: clip;
}

#cookieWarn {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 6px 10px;
    border: none;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
}

#cookieWarn a {
    color: #ffffff;
}

/* /default messages */
/* my_series my_albums */
.serieName,
.albumName {
    line-height: 30px;
    float: left;
    overflow: hidden;
    width: 520px;
    height: 30px;
    padding-left: 7px;
    white-space: nowrap;
    text-overflow: clip;
}

.serieName a,
.albumName a {
    padding-left: 2px;
}

.serieNameE,
.albumNameE {
    font-size: 12px;
    line-height: 31px;
    float: right;
    width: 120px;
    height: 30px;
    padding-right: 35px;
    text-align: right;
}

.serieNameE a,
.albumNameE a,
#editAllAlbumA,
#editAllSerieA {
    text-decoration: none;
}

.editSerie,
.editAlbum,
.editWork {
    display: block;
    float: left;
    width: 25px;
    height: 30px;
    background: url(def/edit.png?v2) 5px 7px no-repeat;
}

.deleteSerie,
.deleteAlbum {
    display: block;
    float: left;
    width: 25px;
    height: 30px;
    background: url(def/delete.gif) 5px 7px no-repeat;
}

.hidden {
    display: block;
    float: left;
    width: 25px;
    height: 30px;
}

.hiddenSerie,
.hiddenAlbum {
    background: url(def/hide.png?v2) 0 5px no-repeat;
}

.unhiddenSerie,
.unhiddenAlbum {
    background: url(def/hide.png?v2) -25px 6px no-repeat;
}

/* /my_series my_albums */
/* edit serie */
#allPhotos {
    width: 505px;
    /*324px;*/
}

#allPhotos li,
.sortable li {
    float: left;
    width: 120px;
    height: 80px;
    margin: 3px;
    padding: 0 0 0 0;
    cursor: move;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

.allTitle,
.serieTitle,
.albumTitle {
    font-weight: 500;
    float: left;
    overflow: hidden;
    width: 120px;
    height: 40px;
    margin-right: 10px;
    padding: 15px 3px 10px 3px;
    text-align: center;
    font-size: 14px;
    color: #000;
    background: #f5f5f5;
}

.allTitle a,
.serieTitle a,
.albumTitle a {
    font-weight: 300;
    text-decoration: underline;
}

.allTitle {
    font-size: 14px;
    width: 499px;
}

.liDrag {
    font-size: 15px;
    display: block;
    height: 30px;
    margin: 9px 0;
    padding: 8px;
    cursor: move;
    border: 1px solid #e2e2e2;
    background: #fff url(def/move.png?v2) 98% 15px no-repeat;

    border-radius: 30px;

}

.liDrag img:hover {
    cursor: move;
}

.sortable {
    float: left;
    width: 126px;
    min-height: 100px;
    margin: 0 10px 0 0;
    padding: 2px 0;
    list-style-type: none;
    background: #f5f5f5;
}

/* /edit serie */
/* file uploader */
.qq-uploader {
    position: relative;
    width: 100%;
}

.qq-upload-button {
    display: inline-block;
    text-decoration: underline;
}

.qq-upload-drop-area {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 70px;
    text-align: center;
    color: #000;
    background: #fff;
}

.qq-upload-drop-area span {
    font-size: 16px;
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    margin-top: -18px;
}

.qq-upload-drop-area-note {
    font-style: normal;
    text-align: left;
    padding: 10px 0 0 50px;
    font-size: 19px;
    font-weight: 500;
}

.uploadUploadNote {
    font-size: 13px;
    padding: 0px 65px 45px 50px;
    color: var(--grayBlue);
    font-weight: 400;
}

.uploadUploadNote1 {
    font: var(--regularFont);
    font-size: 13px;
    margin: -5px 40px 15px 51px;
    color: var(--grayBlue);
    line-height: 15px;
}

.uploadUploadNote2 {
    font: var(--regularFont);
    font-size: 13px;
    margin: -9px 40px 30px 51px;
    color: var(--grayBlue);
    line-height: 15px;
}

.uploadWarn {
    font-size: 14px;
    font-weight: 500;
    margin: 10px auto -20px auto;
    line-height: 17px;
    color: #f30000;
    padding: 2px 65px 35px 50px;
}

.delErrors {
    margin: 20px auto 50px auto;
    color: red;
    font-size: 16px;
    font: var(--mediumFont);
    width: 700px;
    text-align: center;
}


div.modalAddW {
    width: 700px;
    font: var(--mediumFont);
    padding: 40px 30px;
}

span.myworksThin,
a.myworksThin {
    font-size: 10px;
    font-weight: 400;
    padding: 0 8px;
    color: #000;
    border-right: 1px solid var(--grayBlue);
}

a.myworksThin {
    padding-left: 0;
}


span.myworksThin:last-of-type {
    border-right: 0;
}


span.gray {
    color: var(--grayBlue);
}



.qq-upload-drop-area-active {
    background: #ff7171;
}

.qq-upload-list {
    margin: 15px 35px;
    padding: 0;
}

.qq-upload-list li {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    padding: 0 0 0 32px;
}

.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-spinner {
    display: inline-block;
    width: 16px;
    height: 11px;
    padding-bottom: 2px;
    vertical-align: text-bottom;
    background: url(def/loader_gall.new.gif) 0 0 no-repeat;
}

.qq-upload-success {
    background: url(def/done.png?v2?v=3) 13px 0 no-repeat;
}

.qq-upload-size,
.qq-upload-cancel {
    font-size: 11px;
}

.qq-upload-failed-text {
    display: none;
}

.qq-upload-fail .qq-upload-failed-text {
    display: inline;
    color: #c43c35;
}

#uploadDone {
    display: none;
    padding: 0 0 16px 50px;
}

/* /file uploader */
/* portfolio */
.myPortDiv,
.myPortDivH,
.myPortDivL,
.myPortDivR,
.myPortDivLH,
.myPortDivRH {
    float: left;
    width: 480px;
}

.myPortDivLHset,
.myPortDivRHset {
    float: left;
    width: 330px;
}

.myPortDivLHset {
    margin-left: -7px;
}

.myPortDivRHset {
    margin-left: 0;
}

.myPortDivLset,
.myPortDivRset {
    float: left;
    width: 330px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    height: 24px;
    margin-bottom: 2px;
    color: #000;
}

.myPortDiv,
.myPortDivH,
.myPortDivL,
.myPortDivLH {
    clear: left;
}

.formTitle,
.myPortDivH,
.myPortDivLH,
.myPortDivRH {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    height: 24px;
    margin-bottom: 2px;
    color: #000;
}

input.loginInput,
input.loginInput:focus {
    font: var(--regularFont);
    font-size: 15px;
    font-weight: 400;
    color: #000;
    border-radius: 6px;
    padding: 0 7px;
    border: none;
    outline: none;
    background-color: var(--grayBg);
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    margin: 2px 0;
}

.myPortDivL,
.myPortDivLH {
    margin-right: 40px;
}

.myPortDivRH,
.myPortDivLH,
.myPortDivH {
    margin-bottom: 10px;
}

.myPortDiv,
.myPortDivH {
    width: 766px;
}

.myPortInpLab,
.formInpLab {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
}

.myPortInpLab {
    font-size: 14px;
    font-weight: 500;
}

.myPortInpL {
    width: 362px;
}

.myPortInpR {
    width: 362px;
}

.myPortInpNote {
    font-size: 11px;
    line-height: 16px;
}

.resetPortColors {
    padding-bottom: 6px;
}

#resetPortColors {
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px dotted #2678af;
}

#resetPortColors:hover {
    text-decoration: none;
    border-bottom: 1px solid #15a1ff;
}

#port_bg_color_example {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    overflow: hidden;
    width: 340px;
    white-space: nowrap;
    text-overflow: clip;
    border: 1px solid #e7e7e7;
}

.colorSel {
    width: 80px;
    height: 28px;
}

.colorSel:hover {
    cursor: pointer;
}

.colorSel div {
    width: 80px;
    height: 28px;
    border: 2px solid #dcdfe4;
    background: url(def/colorselector.png?v2) bottom right no-repeat;
}

.selectArr {
    cursor: pointer;
    background: #fff url(def/select_arr.png?v2) right 2px no-repeat;
}

.colorpicker input {
    line-height: 10px;
}

.loginModal {
    color: #000;
    font: var(--mediumFont);
    font-size: 20px;
}

.portInfo {
    color: #c43c35;
}

/* /portfolio */
/* settings */
.settings .myPortDiv,
.settings .myPortDivH,
.settings .myPortDivL,
.settings .myPortDivR,
.settings .myPortDivLH,
.settings .myPortDivRH {
    float: left;
    width: 400px;
}

/* /settings */
/* my_themes */
.formTbl .themeH {
    font: bold 17px/17px 'Roboto', calibris, sans-serif;
    padding: 0 6px 2px 6px;
    color: #272727;
}

.formTbl .themePreview {
    width: 388px;
    height: 210px;
    padding: 0 6px 2px 6px;
}

.formTbl .themeBtnRow {
    padding: 5px 6px 40px 7px;
    text-align: center;
}

/* /my_themes */
/* pricing */
.nudeWarn {
    position: absolute;
    display: block;
    line-height: 60px;
    font-size: 24px;
    height: 60px;
    color: #ccc;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

.nudeWarn:hover {
    color: #ccc;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

.pricingH {
    width: 1046px;
    height: 109px;
    background: url(def/pricing_sprite.png?v2) 0 -1px no-repeat;
}

.pricingB {
    width: 1046px;
    height: 69px;
    background: url(def/pricing_sprite.png?v2) 0 -110px no-repeat;
}

.pricingF {
    width: 1046px;
    height: 155px;
    background: url(def/pricing_sprite.png?v2) 0 -179px no-repeat;
}

.pricingL,
.pricingInf,
.pricingPlus,
.pricingPremium,
.pricingPro,
.pricingBasic {
    font: normal 12px/34px arial;
    float: left;
    height: 34px;
    text-align: center;
    color: #000;
}

.pricingL {
    font-weight: 700;
    clear: left;
    width: 201px;
    text-align: right;

}

.pricingInf {
    width: 32px;
    cursor: pointer;
}

.pricingInf img,
.pricingPlus img,
.pricingPremium img,
.pricingPro img,
.pricingBasic img {
    padding-top: 7px;
}

.pricingPlus {
    width: 191px;
}

.pricingPremium {
    float: left;
    width: 215px;
}

.pricingPro {
    width: 191px;
    margin-right: 6px;
}

.pricingBasic {
    width: 195px;
}

.pricingBtn {
    padding-top: 10px;
}

.proFont {
    color: #ce1010;
}

/* /pricing */
/* payment */
.paymentWrap {
    border: 1px solid #d0dadc;
    background-color: #fff;
    border-radius: 6px;
    background: url(/img/paybg.png);
    background-position-y: 50%;
}

.paymentFrame {
    position: absolute;
    top: -26px;
    left: 25px;
    width: 134px;
    height: 60px;
    background: url(def/payment_sprite.png?v2) 0 4px no-repeat;
}

.paymentH {
    font: 500 19px/24px 'Roboto', sans-serif;
    width: 360px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    padding: 3px 0px;
    color: #000000;
}

.paymentR {
    clear: left;
    height: 26px;
}

.paymentR input {
    display: block;
    float: left;
}

.paymentMark {
    font: 400 12px/16px 'Roboto', sans-serif;
    width: 360px;
    margin: 10px 0;
    padding: 6px 0;
    color: #9B9C9D;
    /*border-top: 1px solid #e8e8e8;*/
}

.paymentPrice {
    font: 700 19px/19px 'Roboto', sans-serif;
    display: inline-block;
    float: left;

    padding-left: 4px;
    white-space: nowrap;
    text-overflow: clip;
    color: #c00;
}

.paymentPeriod {
    font: 500 16px/21px 'Roboto', sans-serif;
    display: block;
    float: left;
    width: 150px;
    padding-left: 6px;
    white-space: nowrap;
    text-overflow: clip;
    color: #313131;
}

.paymentSaved {
    font: 300 16px/21px 'Roboto', sans-serif;
    display: block;
    float: left;
    width: 110px;
    padding-left: 5px;
    text-align: right;
    white-space: nowrap;
    text-overflow: clip;
    color: #4ca70a;
}

.paymentMethod {
    width: 360px;
    height: 35px;
    margin-bottom: 10px;
}

.pay-button {
    width: 157px;
    height: 35px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 8%), 0 -1px 0 rgb(0 0 0 / 5%), -1px 0 0 rgb(0 0 0 / 5%), 1px 0 0 rgb(0 0 0 / 5%), inset -1px -2px 4px rgb(0 0 0 / 4%);
    border-radius: 30px;
    background: #fff;
    font: var(--mediumFont);
    line-height: 19px;
}

.pay-button-click {
    transform: translateY(1px);
    box-shadow: 0 1px 0px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 8%), 0 -1px 0 rgb(0 0 0 / 5%), -1px 0 0 rgb(0 0 0 / 5%), 1px 0 0 rgb(0 0 0 / 5%), inset -1px -2px 4px rgb(0 0 0 / 3%);
}


#creditcardPaymill1MonthTrialForm .pay-button,
#creditcardPaymillYearForm .pay-button,
#creditcardPaymill3MonthForm .pay-button,
#creditcardPaymill1MonthForm .pay-button {
    background-position: 0 -40px;
}

/* /payment */
/* cover */
#menuTbl.cover a.addWorkHeader,
#menuTbl a.cover,
#headerWrap.cover #loginDivName,
#headerTheme .headerActTheme.cover,
#headerTheme span.cover,
#headerWrap.cover .loginMenuIcon {
    color: #000;
}

#headerWrap.cover #loginDivName.indexCover,
#headerWrap.cover .loginMenuIcon.indexCover {
    color: #fff;
}

#menuTbl a.cover:hover,
#headerTheme .headerActTheme.cover:hover {
    color: #7aa3d0;
    text-decoration: none;
}

.parallax-mirror {
    perspective: 3000px;
    transform-style: preserve-3d;

}

#parallaxMirror {
    opacity: 0;
}

#loginAvatar.cover,
#userMenuArr.cover,
#userMenuB.cover,
#userMenuLogout.cover,
#q.cover,
#menuTbl #searchBtnS.cover {
    /* background-image: url(def/arr_user_menu_cover.png?v2); */
}

#header.cover {

    height: 455px;
    /*background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 2%, rgba(0, 0, 0, 0.55) 20%, rgba(0, 0, 0, 0.25) 35%, transparent 100%); 
    background: linear-gradient(to top, rgba(0, 0, 0) 0%, rgba(0, 0, 0) 34%, transparent 34%); 
    background: radial-gradient(60% 45%, rgba(0,0,0,0.65) 15%, rgba(0,0,0,0) 60%);*/
    background: transparent;
    background-size: 100% 200%;
    border: none;
    margin-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 160;
    backdrop-filter: none;
    /* transform-style: preserve-3d; */

}

#headerWrap.cover {
    height: 52px;
    /*  
background-color: rgba(0,0,0,0.8); 
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
*/
}

.pdfIcon {
    font-family: Icomoon2;
    color: #000;
    font-size: 13px;
    position: relative;
    margin: 0 6px;
    text-decoration: none;
    top: 1px;
}

#headerBottom {

    width: 100%;
    position: relative;
/*    margin-bottom: 28px;*/
height: 335px;

}


.authAvProfile {
    width: 120px;
    height: 120px;
    margin: 0 auto;
/*    margin-bottom: 15px;*/
    position: relative;
    z-index: 10;
}

.verifCheck {
    position: absolute;
    bottom: 14px;
    right: 8px;
}




img.parallax-slider {
    /*transition: opacity 0.5s linear, filter 0.05s linear;*/
    visibility: visible;
}

.parallax-slider {
    width: 100vw;
    min-width: 1200px;
    /*opacity: 0;*/
}

.authProfileNew {
    margin: 0px 0px -103px 0px;
    position: relative;
    top: -80px;
    /*-140px; */
    padding: 2px 0px 15px 0px;
    border-radius: 4px;
    /*overflow: hidden;*/
    text-align: center;


}

.authProfilMenu {
    /* margin: 7px 0px 21px 0px; */
    margin: 6px 0px 0px 0px;
    /* display: inline-block; */
    padding: 9px 0px 0px 0px;
    border-radius: 30px;
    height: 50px;
    position: relative;
    z-index: 500;
    top: -25px;
    /* box-shadow: 0 0px 10px 2px rgba(0, 0, 0, .06); */
}

#authProfilMenu .downIcon {
    color: #fff;
}

.centerFlexDiv {
    display: inline-block;
    margin: 0 auto;
}

.flexDiv {
    display: flex;
    /* padding: 0px 15vw; */
    /* width: 100%; */
    /*background: #000;*/
    height: 55px;
}

/*

.flexDiv::before {

    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    z-index: -1;
    width: 100%;
    clip-path: polygon(0px 36px, 14px 35.9px, 20px 36px, 41px 34.8px, 63px 32px, 90px 28px, 117px 23px, 136px 19px, 180px 10px, 202px 5.4px, 218px 3.1px, 231px 1.7px, 239px 0.9px, 250px 0.5px, 260px 0px, calc(100% - 260px) 0px, calc(100% - 250px) 0.6px, calc(100% - 239px) 1px, calc(100% - 231px) 2px, calc(100% - 218px) 3.8px, calc(100% - 202px) 6.4px, calc(100% - 180px) 11px, calc(100% - 136px) 20px, calc(100% - 117px) 24px, calc(100% - 90px) 29px, calc(100% - 63px) 33px, calc(100% - 41px) 35px, calc(100% - 20px) 36px, calc(100% - 14px) 36px, calc(100% - 0px) 37px);
    height: 100%;
}


.flexDiv::after {

    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: -1;
    width: 100%;
   
    clip-path: polygon(0px 20.8px, 25px 19.8px, 48px 18.2px, 76px 15.8px, 91px 14.6px, 112px 12.6px, 129px 10.6px, 186px 4.6px, 236px 1.3px, 265px 0.4px, calc(100% - 265px) 0.4px, calc(100% - 236px) 1.3px, calc(100% - 186px) 4.6px, calc(100% - 129px) 10.6px, calc(100% - 112px) 12.6px, calc(100% - 91px) 14.6px, calc(100% - 76px) 15.8px, calc(100% - 48px) 18.2px, calc(100% - 25px) 19.8px, calc(100% - 0px) 20.8px);
    height: 100%;
}

*/

.flexDiv.fdSwitch::after {
    background-color: #000;
}

.flexDiv.fdSwitch::before {
    background: none;
}

#authorWorks.fdSwitch {
    background-color: #000;
    padding-bottom: 26px;
}

#authorWorks.fdSwitch .imgThumb {
    background-color: #ffffff0f;
}

#authorWorks.fdSwitch .roundedGallPagerB a,
#authorWorks.fdSwitch .roundedGallPagerB a:hover,
#authorWorks.fdSwitch .roundedGallPagerB .leftArrow,
#authorWorks.fdSwitch .roundedGallPagerB .rightArrow,
#authorWorks.fdSwitch .noWorks,

.flexDiv.fdSwitch .authProfMenu i.about_icon,
.flexDiv.fdSwitch #linkSeries2 i.about_icon.series_menu,
.flexDiv.fdSwitch .seriesDDlink,
.flexDiv.fdSwitch .seriesDDlink:hover,
.flexDiv.fdSwitch .menuIconSubs {
    color: #fff !important;
}

.flexDiv.fdSwitch .profileLink,
.flexDiv.fdSwitch .profileLink:hover {
    color: #fff;
}

.flexDiv.fdSwitch .roundAvatar {
    border-color: #000;
    background: #666;
}






.noAfter {
    display: flex;
    padding: 23px 0 0 0;
}


.avatarCover {
    display: block;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    width: 105px;
    height: 105px;
    /* background: rgba(255, 255, 255, .8);
    border: 3px solid rgba(255, 255, 255); */
}

.avatarCover .usmenu {
    width: 105px;
    height: 105px;
}

.authCover {
    display: block;
    position: relative;
    background: inherit;
    min-width: 600px;
    /*background: linear-gradient(180deg, #212121db 0%, transparent);*/
    border-radius: 0 0 50px 50px;
    /* backdrop-filter: blur(15px); */
    padding: 55px 0 22px 0;
    top: -55px;
    width: 100%;
    margin: 0 auto;
}

#wrapBlogs .authCover {
    background: transparent;
    backdrop-filter: none;
    width: auto;
}

.authNameCover img {
    height: 18px;
    margin-left: 3px;
}



.authFlag {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 3px;
    height: 13px;
}


#imgLastWorks .imgBoxNew.jg-entry {
    border-radius: 8px;
}


.authNameCover, .authNameCover&gt;div {
    font: var(--regularFont);
    overflow: hidden;
    white-space: nowrap;
    max-width: 900px;
    font-size: 21px;
    line-height: 32px; 
    text-align: center;
    color: #fff;
    margin: 0 auto;
    
    position: relative;
    top: 1px;
    letter-spacing: -0.7px;
}

#wrapBlogs .authMoodCover {
    box-shadow: none;
}

div.authMoodCover {
    white-space: normal;
    font-weight: 400;
    /*box-shadow: 0 10px 15px #0000000d;*/
    line-height: 20px;
    /* border-radius: 0 0 90px 90px; */
    height: 20px;
    font: var(--regularFont);
    font-size: 13px;
    letter-spacing: 0px;
    display: inline-block;
    top: -1px;
    position: relative;
    /*opacity: .7;*/
    color: var(--grayBlue);
    letter-spacing: -0.5px;
}

.authMoodCover a {
    color: var(--grayBlue);
}

/*#headerBottom .authMoodCover {
    color: #000;
    background: linear-gradient(0deg, white, transparent);
}*/

.topWhiteMenu {
    height: 56px;
    padding-top: 6px;
    background: #fff;
    box-shadow: 0 0px 6px 0px rgba(0, 0, 0, .5);
}


.authStatCoverWrap {
    padding-top: 18px;
    height: 16px;
}

.authStatCoverLogin:first-of-type {
    padding: 0 11px 0 0;
}

.authStatCoverLogin {
    float: left;
    border-right: 1px solid #ccc;
    padding: 0 11px;
    text-align: center;
}

.authStatCover {

    /*border-right: 5px solid #5fdffe;*/
    padding: 0 9px 0 6px;
    display: inline-block;

}

.authStatCoverDivider {
    color: #5fdffe;
    font: var(--regularFont);
    display: inline-block;
    height: 10px;
    position: relative;
    top: -19px;
    font-size: 33px;
}



.authStatLeft,
.authStatRight {
    min-width: 235px;
    display: inline-block;
    text-align: left;
}

.authStatLeft {
    text-align: right;
}



.authStatVal {

    text-align: center;
    font: var(--mediumFont);
    font-size: 17px;
    line-height: 19px;
    letter-spacing: -0.5px;
}

.authStatVal a,
.authStatVal a:hover {
    color: #fff;
    /*f0f0f0;*/
    text-decoration: none;
}

.authStatValLogin {
    font-size: 15px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
}

.authStatStrLogin {
    padding-left: 1px;
    font-weight: 400;
    font-size: 9px;
    line-height: 14px;
    color: #fff;
    /*d2d2d2;*/
}

.authStatStr {
    padding-left: 1px;
    font-weight: 300;
    line-height: 16px;
    /* opacity: 0.45; */
    text-align: center;
    font: var(--regularFont);
    font-size: 11px;
    color: var(--grayBlue);
}

.buttonCover {
    position: relative;
    text-align: center;
    border: none;
    display: inline-block;
    top: -21px;
    margin: 0 10px;
}

.blogAuthorAvatar {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    position: relative;
    top: 6px;
    filter: url(#sharpen);
}

.blogAuthorAvatar .usmenu {
    width: 23px;
    height: 23px;
}

.myWorks td.marketKeywords {
    line-height: 1.3;
    padding: 12px 8px 15px 8px;
    overflow: hidden;
    display: block;
    width: 100%;
}

.buttonLoader {
    position: relative;
    top: 1px;
    margin-left: 9px;
    width: 31px;
}

.buttonCoverBlog {
    position: relative;
    text-align: center;
    border: none;
    display: inline-block;
    top: 7px;
}

.portfolioBtn,
.followBtn,
.unfollowBtn {
    height: 42px;
    box-sizing: border-box;
    line-height: 41px;
    padding: 12px 21px 1px 31px;
    border: none;
    text-shadow: none;
    font: var(--mediumFont);
    font-size: 14px;
    border-radius: 30px;

}



.profileLink,
.profileLink:hover {
    font: var(--regularFont);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    position: relative;
    top: 1px;
    margin-right: 14px;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;

}

.dropDownLink,
.dropDownLink:hover {

    text-transform: lowercase;
    font-weight: 400;
    margin-left: 2px;

}



.seriesDDlink,
.seriesDDlink:hover {
    top: 1px;
    margin-right: 11px;
    position: relative;
    font-size: 16px;
    margin-left: -11px;
    cursor: pointer;
    font: var(--regularFont);
    color: #fff;
}

.seriesLnkWrap {
    display: inline-block;
    margin-right: 1px;
}

.smallAvContainer {
    display: inline-block;
    /*width: 84px;*/
    padding-left: 14px;
    position: relative;
    top: -1px;
}

.smallAv {
    padding: 0px;
    display: inline-block;
    position: relative;
    left: 2px;
    height: 21px
}

.roundAvatar {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 32px;
    border: 2px solid #fff;
    /*#f2f4f7;*/
    vertical-align: middle;
}

#linkPhotos .profileLink {}

#bannedLnk,
#bannedLnk:hover {
    color: #000;
    margin: 0;
}

.portfolioBtn {
    text-shadow: none;

}

.noShadow {
    box-shadow: none;
}

.popupAddIcon {
    font-family: Icomoon;
    color: #fff;
    font-size: 24px;
    line-height: 21px;
    padding-right: 11px;
    position: relative;
    top: 7px;
}

.autoTranslateIcon {
    font-family: Icomoon;
    font-size: 15px;
    padding-right: 3px;
    position: relative;
    top: 1px;
    color: #606060;
}

.autoTranslate {
    font-size: 12px;
    color: #606060;
}

.autoTranslateIconPopup {
    font-family: Icomoon;
    font-size: 15px;
    padding-right: 3px;
    position: relative;
    top: -3px;
    right: 0px;
    color: #606060;
}

.autoTranslatePopup {
    font-size: 12px;
    color: #606060;
    top: -4px;
    position: relative;
    right: 0px;
}


#btn-disconnect.connectWalletButton,
#btn-disconnect.connectWalletButton:hover,
#btn-disconnect.connectWalletButton:active {
    font-family: "SF Mono", Consolas, "Lucida Sans Typewriter", "Courier New", monospace, var(--regularFont);
    background: #fff;

}

.loginAndWallet {
    width: 400px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.walletIcon {
    width: 23px;
    position: relative;
    top: 5px;
    margin: 0px 7px 0 7px;
    height: 23px;
    display: inline-block;
    border-radius: 50%;
    background: linear-gradient(35deg, rgb(255 0 100 / 55%) 20%, rgb(0 73 255 / 53%) 100%);
}

#account-number {
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 14px;
    color: #000;
}

.headerCart {
    display: none;
    place-items: center;
    background-color: #e2e3e6;
    z-index: 111;
    border-radius: 30px;
    white-space: nowrap;
    color: #00000096;
    top: 9px;
    right: 265px;
    text-decoration: none;
    position: absolute;
    font: var(--regularFont);
    width: 36px;
    height: 36px;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
}

#headerWrapPopup .headerCart {
    right: 115px;
}

.cartDot {
    display: inline-grid;
    place-items: center;
    width: 16px;
    height: 16px;
    background-color: #ff0000;
    color: #fff;
    font-size: 11px;
    font: var(--regularFont);
    position: absolute;
    top: 0px;
    right: 28px;
    font-weight: 600;
    border-radius: 10px;
}

.headerCartIcon {
    font-family: Icomoon2;
    font-size: 18px;
    position: relative;
    top: -1px;
}

#btn-connect.connectWalletButtonIndex {
    display: inline-block;
    padding: 8px 15px;
    background-color: #ffffff4f;
    z-index: 111;

    border-radius: 30px;
    white-space: nowrap;
    color: #fff;
    top: 19px;
    right: 110px;
    text-decoration: none;
    position: absolute;
    font: var(--regularFont);
    line-height: 20px;
    min-width: 100px;
    min-height: 20px;
}



#btn-connect.connectWalletButton {
    display: inline-block;
    padding: 12px 20px 7px 20px;
    background-color: var(--grayBg);
    z-index: 111;
    height: 41px;
    box-sizing: border-box;
    line-height: 23px;
    border-radius: 30px;
    white-space: nowrap;
    color: #000;
    top: 4px;
    right: 120px;
    text-decoration: none;
    position: absolute;
    font: var(--regularFont);
    font-size: 14px;
    min-width: 108px;
    min-height: 20px;
}

.recPopupBtn {
    display: inline-block;

    border: none;

    text-shadow: none;
    font: var(--regularFont);
    font-size: 14px;
    font-weight: 400;
    height: 37px;
    line-height: 36px;
    background: var(--headerGradient);
    /* #008ed0;*/
    padding: 0 18px 0 23px;
    border-radius: 25px;
    white-space: nowrap;
    color: #fff;

    box-shadow: var(--mainShadow);
}

.followBtn,
.followBtn:active,
.followBtn:focus {
    /*background: var(--followGradient);*/
    /*#008dd0;   url(def/cover_icons.png?v2) 11px 7px no-repeat; */
    /*background: transparent;*/
    background: var(--bgGray);
/*    border: 2px solid #d3d3d3;*/
    /*color: #000;*/
    color: #fff;
}



.buttonCoverBlog .followBtn {
    background: transparent;
    border: 2px solid #d3d3d3;
    color: #fff;
}

.followBtn .followIcon {
    color: inherit;
}

.followBtn:hover,
.portfolioBtn:hover,
.portfolioBtn:focus {
    background: var(--grayBlue2);
    color: #fff;
    box-shadow: 0px 9px 15px #0000001c;
    /*border: 2px solid #000;*/
    box-sizing: border-box;

    transition: background-color 0.2s, box-shadow 0.2s;

}

.recPopupBtn:hover,
.recPopupBtn:active,
.recPopupBtn:focus {
    /* background: #00b5e4; */
}


.unfollowBtn {
    background: #a9a9a9;
    padding: 11px 20px;
    line-height: 20px;
}

.unfollowBtn:hover,
.unfollowBtn:active,
.unfollowBtn:focus {
    background: #cc0000;
}

.portfolioBtn {
    padding-left: 21px;
    background: var(--bgGray);
    /*border: 1px solid #cbcdd07a;*/
    /*color: #000;*/
}


.buttonCover .portfolioBtn {
    color: #fff;
}

.pricingButton,
.pricingButton:hover {
    position: absolute;
    text-decoration: none;
    display: block;
    bottom: -2px;
    left: 275px;
    height: 36px;
    width: 170px;
    text-align: center;
    box-sizing: border-box;
    padding: 11px 10px 0px 12px;
    background: var(--headerGradient);
    border-radius: 10px;
}

.pricingButtonLabel {
    white-space: nowrap;
    position: relative;

    margin-left: 4px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}


#getFollow2 #deleteCoverLnk,
#getFollow2 #uploadCoverLnk {
    background-color: rgba(225, 225, 225, 0.3);
    font-size: 13px;
}

#getFollow2 .followBtn,
#getFollow2 .portfolioBtn,
#getFollow2 .portfolioBtn:hover {
    background: transparent;
}

#getFollow2 .followBtn:hover,
#getFollow2 .followBtn:active,
#getFollow2 .followBtn:focus,
#getFollow2 .portfolioBtn:focus,
#getFollow2 .portfolioBtn:active {
    box-shadow: none;
}

#getFollow .followBtn {
    border: none;
}

#unfollowBtn, .buttonCoverBlog .portfolioBtn, .buttonCoverBlog .followBtn {
    color: #fff;
    border: 0;
    background-color: var(--bgGray);
}


#getFollow2 .followBtn,
#getFollow2 .unfollowBtn,
#getFollow2 a.portfolioBtn,
.previewFollow .followBtn,
.previewFollow #unfollowBtn {
    font: var(--mediumFont);
    /*PTMedium, Roboto, Helvetica, Arial, sans-serif;*/
    height: 23px;
    line-height: 21px;
    padding: 0px 0px 0px 0px;
    border: none;
    text-shadow: none;
    font-size: 11px; 
    font-weight: 500;
    border-radius: 22px;
    color: #008DD0;

}



.previewFollow .followBtn,
.previewFollow .followBtn:hover,
.previewFollow .followBtn:active,
.previewFollow #unfollowBtn,
.previewFollow #unfollowBtn:hover,
.previewFollow #unfollowBtn:active {
    height: 28px;
    border-radius: 25px;
    /* line-height: 26px; */
    background-color: #000;
    display: inline-block;
    color: #fff;
    box-shadow: none;
    font-size: 12px;
    padding: 3px 17px;
}


.previewFollow {
    position: absolute;
    left: 14px;
    top: 60px;
}

.previewFollow #unfollowBtn {
    left: -5px;
}

.previewFollow .followIcon {
    font-size: 12px;
    top: 2px;
    left: -5px;
    color: #fff;
}

.previewFollow .portfolioBtn,
.previewFollow .portfolioBtn:hover {
    background: #000;
}




#slideshowLnk {
    padding-left: 14px;
    background: rgba(225, 225, 225, 0.3) url(def/cover_icons.png?v2) 6px -19px no-repeat;
}

#slideshowLnk:hover {
    background: rgba(225, 225, 225, 0.44) url(def/cover_icons.png?v2) 6px -19px no-repeat;
}

input[type='radio'].mpUploadRadio {
    position: relative;
    top: 2px;
    height: 13px;
    left: -5px;
    cursor: pointer;
}

.authPageTitle {
    position: absolute;
    bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #d6d6d6;
}

#vertMenu.cover {
    width: 170px;
    font: var(--regularFont);
    /* PT Sans Narrow, serif;*/
}

#vertMenu.cover a,
#vertMenu.cover p {
    font-size: 14px;
}

#authGotMenu .cover,
#authGiveMenu .cover,
#authSerieMenu .cover h1 {
    font-size: 16px;
    color: #000;
}

.soringCover {
    position: absolute;
    right: 0;
    bottom: 26px;
}

.soringCover a {
    color: #fff;
}

.linksCover {
    position: absolute;
    bottom: 6px;
    right: 6px;
}

.authPageTitle a {
    float: left;
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #d6d6d6;
    padding: 0 8px;
    margin-right: 8px;
}

.authPageTitle a:hover {
    background: rgba(225, 225, 225, 0.15);
    text-decoration: none;
}

.authMenuCover {
    position: absolute;
    top: 12px;
    right: 6px;
}

.share_blk.cover {
    float: right;
    padding: 0;
    height: 24px;
}

.share_blk .share_btn .icon {
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.vk.cover,
.facebook.cover,
.twitter.cover,
.google.cover,
.pinterest.cover {
    background: rgba(225, 225, 225, 0.12);
    padding: 0;
}

.vk.cover:hover {
    background: #5f83aa;
}

.facebook.cover:hover {
    background-color: #435eac;
}

.twitter.cover:hover {
    background-color: #00aced;
}

.google.cover:hover {
    background-color: #d64a2d;
}

.pinterest.cover:hover {
    background-color: #cc2127;
}

#authActivityLnk {
    top: 6px;
}

#authActivityMenu #bannedLnk:hover {
    background-color: var(--grayBg);
    border-radius: 3px;
}

#authActivityMenu #bannedLnk {
    padding-left: 38px;
    position: unset;
    border-radius: 3px;

}

#authFollowersLnk {
/*    vertical-align: top;
    position: relative;
    top: 10px;*/
}

.authProfMenu {
    padding-top: 13px;
    display: inline-block;
    position: relative;
}

#authActivityMenu a {
    z-index: 100;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 5px 30px 5px 15px;
    line-height: 15px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    border-radius: 3px;
}

#authActivityMenu a:hover {
    text-decoration: none;
    background-color: var(--grayBg);
}

##authActivityMenu a b {
    font: var(--boldFont);
    font-size: 13px;
}

/* /cover */
/* about icons */

.about_icon {
    font-family: "fontello", serif;
    font-style: normal;
    font-weight: normal;
    display: inline-block;

    font-variant: normal;
    text-transform: none;

    font-size: 19px;

    color: #000;
}


.favorIcon {
    font-family: Icomoon2;
    font-size: 16px;
    color: #000;
    font-style: normal;
}

.bookIcon {
    font-family: Icomoon2;
    font-size: 20px;
    color: #000;
    font-style: normal;
    position: relative;
    top: -1px;
}

.bookActive,
#previewBookmark .bookActive {
    color: #ff8300;
}

.favorActive,
#previewFavor .favorActive {
    color: #ff0000;
}

.thubmDownIcon {
    font-family: Icomoon2;
    font-size: 17px;
    color: #000;
    font-style: normal;
    position: relative;
    top: 1px;
}




#linkSeries2 i.about_icon.series_menu {
    left: 4px;
    top: -1px;
    position: relative;
    font-size: 10px;
    color: #000;
}


.phNameNew span.heart_gall {
    font-family: Icomoon2;
    position: relative;
    top: 3px;
    overflow: visible;
    font-size: 17px;
    display: inline-block;
    margin: 0 6px 0 0px;

}

#ivImage {
    height: 100%;
}

.availableWorks {
    text-align: center;
    
    font: var(--regularFont);
    font-size: 12px;
    font-weight: 400;
    position: relative;
    margin: 40px 0 20px 0;
}

.availableWorks b {
    font: var(--boldFont);
    font-size:12px;
}

.actAWTab {
        padding: 8px 12px;
    border-radius: 20px;
    background: var(--white);
    /* border-bottom: 3px solid #7399ce; */
    font: var(--regularFont);
    font-size: 11px;
    margin: 0 3px 0 0;
    background: var(--grayBg);
}

.author_profile {
    background-color: #ddd;
    border-radius: 30px;
    width: 20px;
    height: 20px;
    padding: 4px;
    margin: 3px 0;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    color: #000;
    display: inline-grid;
    place-items: center;
}

.authorInfoCol .about_icon {
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.commActionsMenu .about_icon,
.about_icon_popup {
    margin-right: 0.5em;
    top: 2px;
}

.bracket {
    font-size: 21px;
    line-height: 16px;
    margin: 0 1px;
}

.mintDot {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background-color: #fff;
}

.apmWbg {
    width: 100%;
    background: transparent;
    position: relative;
    z-index: 500;
    height: 47px;
    margin-bottom: 30px;

    white-space: nowrap;
    /* looks better on small screens*/
    min-width: 1200px;
    right: 0;
    top: -31px;
}

.apmWbgColor {
        background: linear-gradient(rgb(0, 0, 0) 0%, rgb(0 0 0 / 50%) 100%);
    backdrop-filter: blur(11px);
/*    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);*/
/*    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: saturate(200%) blur(20px);
    background: linear-gradient(180deg, rgb(255 255 255 / 97%) 0%, rgb(255 255 255 / 40%) 100%);*/
}

.apmWbgShadow {
    /*box-shadow: rrgb(0 0 0 / 15%) 0px 2px 4px 0px;*/
    box-shadow: rgb(0 0 0 / 5%) 0px 5px 10px 0px;
}


/* /about icons */
#mobVerBlk {
    background: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    border: none;
}

#closeMobVerLnk {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 84px;
    width: 84px;
    line-height: 84px;
    font-size: 46px;
    text-align: center;
    color: #d23636;
}

#aMobVerLnk {
    display: block;
    font-size: 70px;
    font-weight: 300;
    line-height: 120%;
    width: 100vw;
}

/* nprogress */
#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #2678af;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #2678af, 0 0 5px #2678af;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #2678af;
    border-left-color: #2678af;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* /nprogress */
.inviteForm {
    float: right;
    padding: 3px 7px 7px 10px;
    border-radius: 5px;
    margin-top: 7px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: #454545;
    background-color: #f1f1f1;
}

input.inviteFormInputNameClass {
    font-size: 13px;
    font-weight: 500;
    width: 98px;
    height: 26px;
    margin-right: 10px;
    background: #FFFFFF;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    border-radius: 3px;
}

input.inviteFormInputEmailClass {
    font-size: 13px;
    font-weight: 500;
    width: 175px;
    height: 26px;
    /*font-size:12px;*/
    background: #FFFFFF;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    border-radius: 3px;
}

a.inviteFormButtonClass,
a.inviteFormButtonClass:hover {
    color: #fff;
    padding: 4px 14px 4px 10px;
    text-decoration: none;
    background: #008ed0;
    border-radius: 3px;
}

.inviteFormNameClass,
.inviteFormEmailClass {
    position: relative;
    top: 1px;
}

.icon-directions_run {
    font-family: Icomoon;
    font-size: 22px;
    color: #383838;
    position: relative;
    padding-right: 4px;
    top: 5px;
}

.iconArrowDown {
    font-family: Icomoon2;
    font-size: 16px;
    color: #383838;
    position: relative;
    top: 2px;
}

.followIcon {
    font-size: 15px;
    font-family: Icomoon2;
    color: #fff;
    position: relative;
    top: 2px;
    display: inline-block;
    height: 10px;
    left: -11px;
    line-height: 14px;
    /* font-weight: 400; */
}

#getFollow2 .followIcon {
    font-size: 14px;
    top: 1px;
    left: -5px;
    color: #008DD0;
}

#showMoreComm,
a.showMoreComm:hover {
    font: var(--regularFont);
    font-size: 12px;
    text-decoration: none;
    color: #101010;
    position: relative;
    top: -2px;
    right: 1px;
}

.iconArrowDownShowMoreComm {
    font-family: Icomoon2;
    font-size: 18px;
    color: #383838;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.iconComm {
    font-family: Icomoon2;
    font-size: 23px;
    color: #000;
    position: relative;
    top: 2px;
    padding: 5px 5px 6px 6px;
    margin-left: 1px;

}




.iconCommActions {
    font-family: Icomoon2;
    font-size: 20px;
    /* color: #292929; */
    position: relative;
    /* top: 5px; */
    padding: 6px 5px 7px 0px;
    margin-left: 7px;
    /*float: left;
     border-radius: 50px; */
    /* background-color: #e3e3e6; */
}

.iconFullScreen {
    font-family: Icomoon2;
    font-size: 32px;
    color: #ffffff;
    position: relative;
    top: 10px;
    text-decoration: none;
}



.iconRating {
    font-family: Icomoon2;
    font-size: 19px;
    color: #9f9d9d;
    position: relative;
    top: 3px;
    margin-right: 6px;
    text-decoration: none;
}

.blogIconDate {
    font-family: Icomoon2;
    font-size: 20px;
    color: #98afbc;
    position: relative;
    top: 2px;
    margin: 0 5px 0 13px;
}

.iconArrowDown2 {
    font-family: Icomoon2;
    font-size: 14px;
    line-height: 14px;
    color: #383838;
    position: relative;
    top: 1px;
    left: 3px;
}

.icon-user-plus {
    font-family: Icomoon;
    font-size: 16px;
    color: #fff;
    position: relative;
    padding-right: 5px;
    top: 2px;
}

.blogEditBtn {
    display: flex;
    justify-content: center;
    margin: 10px 46px 10px 0;
    position: relative;
    top: 6px;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
}

.addWorkInput {
    width: 490px;
}

.myBlogBtn {
    float: right;
}

.blogBtns {
    top: -36px;
}

.blogPrev {
    color: #fdfdfd;
    font-size: 15px
}

.hamburger {
    padding: 15px 16px 0 10px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger.is-active:hover {
    opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
    width: 31px;
    left: 0px;
}


 
.hamburger.is-active .hamburger-inner.grayBurgerIcon,
.hamburger.is-active .hamburger-inner.grayBurgerIcon::before,
.hamburger.is-active .hamburger-inner.grayBurgerIcon::after {
    background-color: #222;
}

.headerPopup .hamburger.is-active .hamburger-inner.grayBurgerIcon,
.headerPopup .hamburger.is-active .hamburger-inner.grayBurgerIcon::before,
.headerPopup .hamburger.is-active .hamburger-inner.grayBurgerIcon::after {
    background-color: #000;
}

#headerAuth .hamburger-inner.grayBurgerIcon, 
#headerAuth .hamburger-inner.grayBurgerIcon::before, 
#headerAuth .hamburger-inner.grayBurgerIcon::after {
    background-color: #fff;
}



.hamburger-box {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 33px;
    height: 2px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}


.hamburger-inner::before {
    top: -8px;
    width: 27px;
    left: 0px;
}

.hamburger-inner::after {
    bottom: -8px;
    width: 23px;
    left: 0px;
}

.hamburger-inner.grayBurgerIcon,
.hamburger-inner.grayBurgerIcon::before,
.hamburger-inner.grayBurgerIcon::after {
    background-color: #222;
}

.headerPopup .hamburger-inner.grayBurgerIcon,
.headerPopup .hamburger-inner.grayBurgerIcon::before,
.headerPopup .hamburger-inner.grayBurgerIcon::after {
    background-color: #fff;
}




.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.portSubHead {
    margin-right: 8px;
}

.authInfoWidth {
    width: 269px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.dots,
.dots:hover {
    font-size: 29px;
    top: -8px;
    line-height: 10px;
}

#authFollowBlk {
    display: inline-block;
    height: 33px;
    padding-top: 5px;
    margin-left: 5px;
}

.copyIcon {
    font-family: Icomoon2;
    font-size: 17px;
    font-weight: 400;
    cursor: pointer;
    margin-left: 3px;
    position: relative;
    top: 2px;
    display: inline-block;
}

.searchWrap {
    white-space: nowrap;
 width: 1000px;
 margin: 0 auto;

}

.hbIndex {
    top: 170px;
}


.inputWrap {
    position: relative;
    background: var(--grayBg);
    border-radius: 40px;
    /* box-shadow: 0 16px 20px -5px #e9edf13b, 0 8px 10px -6px #e9edf157; */
    /* border: 2px solid #e2e8f0cc; */

}

.inputWrap.indexWrap {
    border:0;
    box-shadow:none;
    background: transparent;


}

.inputWrapp {
    /* text-align: right; */
    width: 330px;
    margin-left: 15px;

}

.priceWrapp {
    position: relative;
    top: 10px;
    left: 15px;
    font: var(--boldFont);
    font-size: 14px;
}

.selector {
    position: absolute;
    z-index: 100;
    color: #000;
    font-size: 16px;
    font: var(--regularFont);
    top: -10px;
    left: 30px;
    cursor: pointer;
    width: 140px;
    height: 40px;
    padding-top: 15px;
    border-right: 1px solid #ccc;
}

#searchTD .selector {
    top: 0px;
    height: 40px;
    padding-top: 20px;
}

#searchTD .sIcon {
    top: 9px;
    position: absolute;
    right:4px;
    font-size: 21px;
}

#searchTD .selectorMenu {
    top: 51px;
}

/*body {
  opacity: 0;
}
*/
.selectorMenu {
    color: rgb(0, 0, 0);
    background-color: #ffffff;
    display: none;
    padding: 5px 20px;
    border-radius: 15px;
    position: absolute;
    top: 45px;
    left: 0px;
    z-index: 100;
    box-shadow: 0px 7px 20px #00000029;
    cursor: pointer;
    /* border: 1px solid #dcdcdc; */
    /* border-top: 2px solid #dcdcdc; */
}

.selectorMenu span {
    font-size: 15px;
    display: block;
    margin: 9px 0;
    font: var(--regularFont);
}



.fArrow,
.sIcon {
    font-family: Icomoon2;
    color: var(--grayBlue2);
    font-size: 20px;
    position: relative;
    z-index: 10;
    top: -8px;
}

.fArrow {
    left: -10px;
    top: 2px;
    font-size: 16px;

}

.sIcon {
    right: 59px;
    cursor: pointer;
    /*border-left: 1px solid #0003;*/
    padding: 10px 16px 12px 18px;
}

.mainLogo {

    height: 41px;
    filter: url(#sharpen);
    position: relative;
    top: 2px;
}

#headerSubmenu,
#headerSubmenuActivity,
#NFTSubmenu {
    top: 48px;
    margin-left: 12px;
}

#header.smallHeader .mainLogo {
    width: 38px;
    height: 38px;
    position: relative;
    top: 5px;
}

#header.smallHeader .menuIndex,
#headerAuth.smallHeader .menuIndex {
    position: relative;
    top: -9px;
    overflow: visible;
    height: 60px;
}

#header.smallHeader .connectWalletButton,
#header.smallHeader .dividerIndex,
#headerAuth.smallHeader .connectWalletButton {
    border-color: #000;
    border-width: 1px;
    color: #000;
    line-height: 15px;
    top: 10px;

}


#headerAuth.smallHeader .dividerIndex {
    border-color: #fff9;
}

#header.smallHeader .connectWalletButton,
#headerAuth.smallHeader .connectWalletButton {
    top: 0px;
    min-height: 20px;
    line-height: 19px;
}


#header.smallHeader .headerCart {

    top: 1px;

}


input.searchNFTbody {
    width: calc(100% - 215px);
    height: 60px;
    color: #000;
    font: var(--regularFont);
    border-radius: 0;
    font-size: 16px;
    letter-spacing: -0.6px;
    /*border-bottom: 1px solid #787878;*/
    background-color: transparent;
    /* box-shadow: 1px 1px 4px rgb(0 0 0 / 12%); */
    padding: 0 22px 0 192px;
}


input.searchNFT {
    width: 775px;
    height: 55px;
    color: #000;
    font: var(--regularFont);
    font-size: 20px;
    position: relative;
    top: -10px;
    left: -2px;
    border: 0;
    box-shadow: 3px 3px 25px #00000030;
    padding: 0 22px 0 190px;
    border-radius: 30px;
    letter-spacing: -0.6px;
}

input:focus::placeholder {
    color: transparent;
}

.dIcon {
    font-family: Icomoon2;
    font-size: 16px;
    line-height: 0;
    color: #000;
    position: relative;
    top: 2px;
    margin: 0 0px 0 6px;
}



.op {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    background-color: var(--grayBlue2);;
    padding: 3px 6px 2px 6px;
    border-radius: 4px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}












@media screen and (max-width: 1570px) {

    .profileLink,
    .profileLink:hover {
        font-size: 14px;
    }

    .blogsTable {
        display: none;
    }




    .actionsCommWsubMenu {
        width: 1170px;
    }

    .commWsubMenu {
        width: 700px;
    }

    .commentsTable {
        max-width: calc(100vw - 295px);
    }

    #loginDivDivName {
        width: 195px;
    }



    .dd_auth_stats .menuIconPhoto {
        font-size: 18px;
    }


    .authProfMenu {
        height: 50px;
    }
 
    .dots,
    .dots:hover {
        font-size: 24px;
        top: -17px;
    }

    #authFollowBlk {
        /* display: none;*/
    }

    .authMenuContent {
        top: 50px;
    }

    #authActivityLnk {
        top:  14px;
    }
}

@media screen and (max-width: 1430px) {}</pre></body></html>