/*Vars*/

:root {
	--grayBlue: #828a99;
	--followGradient: linear-gradient(to right, #61e3ff 0%, #42a5f5 100%); /*linear-gradient(200deg, rgb(255 95 250) 6%, rgb(131 169 255) 90%);*/
    --headerGradient: linear-gradient(200deg, rgb(171 115 206) 0%, rgba(115,153,206,1) 100%);
    --mainShadow: 0 10px 35px #0000000f; /* 0 1px 2px #0000001f; */
    --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%);
    --expShadow: 0 10px 35px #00000017, inset -1px -10px 20px rgb(0 0 0 / 2%);


    /* Fonts */
    --regularFont: pnR, roobR, PTRegular, -apple-system, BlinkMacSystemFont, San Francisco, Nunito, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;
    --mediumFont: pnSB, roobSB, PTMedium, Inter, -apple-system, BlinkMacSystemFont, San Francisco, Nunito, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;
    --boldFont: pnB, roobB, PTBold, PTMedium, Inter, -apple-system, BlinkMacSystemFont, San Francisco, Nunito, Helvetica Neue, Helvetica, Roboto, Noto, 'Segoe Ui', Arial, sans-serif;
    --rockfordFont: pnR, roobSB, RockfordSans, PTMedium, PTRegular, Roboto, Helvetica, Arial, sans-serif;
}


@font-face {
  font-family: 'RockfordSans';
  src: url('font/RockfordSans-Light/font.woff2') format('woff2'), url('font/RockfordSans-Light/font.woff') format('woff');
}
 
@font-face {
  font-family: 'PTRegular';
  src: url('font/PT_Root_UI_Regular/PTRootUI_Regular.woff2') format('woff2'), url('font/PT_Root_UI_Regular/PTRootUI_Regular.woff') format('woff');
}
 


@font-face {
  font-family: 'PTMedium';
  src: url('font/PT_Root_UI_Medium/PTRootUI_Medium.woff2') format('woff2'), url('font/PT_Root_UI_Medium/PTRootUI_Medium.woff') format('woff');
}

@font-face {
  font-family: 'PTBold';
  src: url('font/PT_Root_UI_Bold/PTRootUI_Bold.woff2') format('woff2'), url('font/PT_Root_UI_Bold/PTRootUI_Bold.woff.woff') format('woff');
}
/*  
@font-face {
  font-family: 'PTLight';
  src: url('font/PT_Root_UI_Light/PTRootUI_Light.woff2') format('woff2'), url('PT_Root_UI_Light/PTRootUI_Light.woff') format('woff');
}
 
*/    

/*@font-face {
  font-family: 'roobR';
  src: url('font/roob/Roobert-Regular.woff2') format('woff2'), url('font/roob/Roobert-Regular.woff') format('woff');
}
 
@font-face {
  font-family: 'roobSB';
  src: url('font/roob/Roobert-SemiBold.woff2') format('woff2'), url('font/roob/Roobert-SemiBold.woff') format('woff');
}
 
@font-face {
  font-family: 'roobB';
  src: url('font/roob/roobert-bold.woff2') format('woff2'), url('font/roob/roobert-bold.woff.woff') format('woff');
}*/

@font-face {
  font-family: 'pnR';
  src: url('font/pn/ProximaNova-Regular.woff2') format('woff2'), url('font/pn/ProximaNova-Regular.woff') format('woff');
}

@font-face {
  font-family: 'pnSB';
  src: url('font/pn/ProximaNova-Semibold.woff2') format('woff2'), url('font/pn/ProximaNova-Semibold.woff') format('woff');
}

@font-face {
  font-family: 'pnB';
  src: url('font/pn/ProximaNova-Bold.woff2') format('woff2'), url('font/pn/ProximaNova-Bold.woff') format('woff');
}





 

@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?25');
    src: url('font/icomoon2.eot?25') format('embedded-opentype'), url('font/icomoon2.woff?25') format('woff'), url('font/icomoon2.ttf?25') format('truetype'), url('font/icomoon2.svg?25') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback; /*swap*/
}




/*////// 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;
}

@font-face {
    font-family: 'FreeSansBold';
    src: url('/css/FreeSansBold.otf');
    font-weight: bold;
}

@font-face {
    font-family: 'FreeSans';
    src: url('/css/FreeSans.otf');
    font-weight: 300;
}

body {
    font: 11px 'Helvetica Neue', Roboto, Noto, 'Open Sans', 'Segoe Ui', arial, sans-serif;
    line-height: 1;
    min-width: 1200px;
    margin: 0;
    /*background-color: #f2f2f2;*/
    background-color: #fff; /* #F2F4F7;  #EEEFF0; #f7f7f7;*/
    color: #000;

}

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

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

#authWhiteWrap {
    position: relative;
    top: -13px;
}

.whiteBody {
    background-color: #fff;
}

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

#authAv {
    border: 3px solid #fff;
}


.whiteTextLogo, .whiteTextLogo:hover {
    font-family: Syne, Arial Black, Helvetica, sans-serif;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
}

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

#coverUnderlay {
    background-color: #fff;
}

#header.authProfileHeader {
    background: #fff;
}

.authProfileHeader #menuTbl a.addWorkHeader {
    background-color: #fff; /*#F3F4F6;*/
        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%);
}

.indexLogo, .indexLogo:hover {
    font-size: 23px;

}

.authorProfileLogo, .authorProfileLogo:hover {
    position: relative;
    top: 11px;
    left: -15px;
    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: #a3a3a3;
}

.txtArea {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    height: 100px;
    font-size: 14px;
    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;
}

.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: 15px Roboto, Helvetica, Arial, sans-serif;
    padding: 0 7px;
    border: 1px solid #D1D1D1;
    border-radius: 5px;

}

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;
}
.checkboxActions + label:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 29px;
    height: 13px;
    border-radius: 13px;
    background: #eeeff0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    transition: .2s;
}
.checkboxActions + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    transition: .2s;
}
.checkboxActions:checked + label:before {
    background: #7399ce;
}
.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: 1px;
    padding-left: 24px;
    margin-bottom: 20px;
    font-size: 14px;
    /* 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: 2px;
    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: -3px;
    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;
}

/*
.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: 23px;
    -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-size: 18px;
    font-weight: 500;
    font-family: var(--regularFont);/*PTBold, PTMedium, Roboto, Helvetica, Arial, sans-serif;*/
    margin-left: 6px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.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: #272727;
}

.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
  }
}




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

.inputInvalid {
    background-color: #d65a5a;
}

ol, ul {
    list-style: none 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: #517ca9;
    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: #d2d2d2;
    border-radius: 3px;
    
}

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

.topAuthInfo {
    width: 270px;
    height: 54px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    position: relative;
    max-width: 1060px;
    z-index: 1;
}

.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 10px 10px;
}

.blogShadow {
    box-shadow: var(--mainShadow);
    border-radius: 10px;
    z-index: 1;
    position: relative;
}

.wdth474{
    width:474px;
}

#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 15px;
}

.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;
    bottom: 10px;
    right: 11px;
    color: var(--grayBlue);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
}


.actCommIcon {
    font-size: 18px;
    font-family: Icomoon2;
    position: relative;
    color: var(--grayBlue);
    left: -4px;
    font-weight: 300;
    top: 3px;
}

    .viewCnt {
        right: 65px;
    }
    .viewIcon {
        font-size: 22px;
        top: 4px;
    }

.premiumBadge {
    vertical-align: text-bottom;
    font-family: Montserrat, sans-serif;
    font-size: 8px;
    line-height: 8px;
    font-weight: 600;
    display: inline-block;
    color: #fff;
    padding: 3px 4px;
    border-radius: 5px 5px 5px 0;
    margin-right: 4px;

}

.commAuthName .premiumBadge {
    vertical-align: bottom;
    position: relative;
    top: -1px;
}

.actionsNameAuth .premiumBadge {
    position: relative;
    top: -1px;
}

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

.proBg {
    background-color: #e20000;
}


.premiumBg {
    background-color: #144061;
}


.plusBg {
    background-color: #4c9e20;
}

.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;
}

/* /rounded block */
/* header */
#menuTbl a.addWorkHeader {
    /*background: url(def/add.png?v3) 13px 8px no-repeat;*/
    padding: 4px 18px 4px 47px;
    margin-top: 8px;
    line-height: 27px;
    background-color: #94A9E5;
    /* border: 2px solid #fff; */
    font-size: 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    position: relative;

    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 / 8%);
}

#menuTbl a.addWorkHeader:active {
    transform: translateY(1px);
    box-shadow: 0 1px 0px rgba(0,0,0,.1), 0 1px 2px 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 / 3%)
}

.mainAddWorkIcon {
    font-family: Icomoon2;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 15px;
}

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

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

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

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: #f2f2f2;*/
    position: relative;
    /*z-index: 250;*/
}

.serieTitleLine {
    display: none;
    width: 100%;
    background-color: #ffffff;
    /* height: 39px; */
    text-align: center;
    position: absolute;
    padding: 10px 0 9px 0;
    top: 149px;
    border-top: 1px solid #E1E2E3;
    box-shadow: rgb(0 0 0 / 3%) 0px 7px 10px 0px;
}



#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; 
    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: 220px;
        border-top: 1px solid #dadada;
}

#authSerieLines a {
    visibility: hidden;
}

#authorWorks {
    position: relative;
    top: -84px; /*-135px;*/
    padding: 7px 3px 0 3px;

    z-index: 1;
    width: calc(100% - 6px);
    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 .authNameCover, #headerBottom .authMoodCover, #headerBottom .authMoodCover a, #headerBottom .authStatVal, #headerBottom .authStatStr, #headerBottom .apmAuthLoc, #headerBottom .about_icon {
    color: #000;
} 

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

#wrapIndexHead {
}

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

#wrapForm, #wrapBlogs, #content {
    /*min-width: 835px; */
}

.wrapSmallWidth {
    padding: 0 55px 0 48px;
    /* 1150 чтоб влезало на iphone  */
    margin: 0 auto;
    /*border: 1px solid red;*/
}

.marginTop20 {
    margin-top: 20px;
}

.marginBottom100 {
    margin-bottom: 80px;
    margin-top: 10px;
}

.commWsubMenu {
    max-width: 1150px; /*1100px;*/
    width: 1135px; /*1060px;*/
    margin-top: -40px;
}


.actionsCommWsubMenu {
    max-width: 1200px;
    width: 1135px;
    margin-top: -40px;
    margin-bottom: 80px;
}

#goadCommBottom {
    margin-top: 15px;
}

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

#header, #headerAuth {
    height: 62px;
    padding-top: 9px;

    /*margin-bottom: 7px;
      border-bottom: 2px solid #5c81ab; #7aa3d0     */
    background-color: #7399ce;

    background: linear-gradient(200deg, rgb(171 115 206) 0%, rgba(115,153,206,1) 100%);
    position: relative;
    z-index: 730;
}

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


#header.headerPopup {
    height: 62px;
    padding-top: 10px;
    background: #272727; /*#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: #5f5f5f;
        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 / 35%);
}



.feedSettings {
    float: right;
    position: relative;
    top: -20px;
    font-family: var(--regularFont);
}

.feedSettings a, .feedSettings a:hover {
    color: #000;
    padding: 10px 3px 10px 7px;;
    font-size: 13px;

}

.settingsIcon {
    font-family: Icomoon2;
    font-size: 16px;
    color: #b3b3b3;
        position: relative;
    top: 3px;
}

/* Small header classes*/

#header.smallHeader, #headerAuth.smallHeader {
    height: 35px;
    background: none;
    background-color: #fff;
    z-index: 1100;
}

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

#header.smallHeader #menuTbl a, #headerAuth.smallHeader #menuTbl a {
    color: #000;
    line-height: 15px;
   
}


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

#header.smallHeader #headerSubmenu, #headerAuth.smallHeader #headerSubmenu {
    box-shadow: 0px 3px 18px 1px rgb(0 0 0 / 11%);
    top: 41px;
}

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

#header.smallHeader .mainAddWorkIcon {
    color: #000;
    font-size: 19px;
    top: 3px;
    left: 14px;
}

#header.smallHeader #menuTbl a.addWorkHeader, #headerAuth.smallHeader #menuTbl a.addWorkHeader {
    background-color: #fff; /*#F3F4F6;*/
    /*border: 1px solid #c4c4c4;*/
    line-height: 27px;
    font-size: 15px;
    padding: 2px 15px 3px 46px;
    margin-top: 2px;

    /*background: url(def/add2.png?v3) 11px 6px no-repeat;*/
    box-shadow: 0 1px 1px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.05), 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 / 2%);
}


#header.authProfileHeader #q {
    background-color: #f7f8fa;
    color: #575757;
}

#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%);*/
}



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

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

#headerMenu a {
    text-decoration: none;
}

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

#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;
}

#headerSubmenu, #headerSubmenuPopup {
    position: absolute;
    z-index: 100;
    top: 48px;
    background: #fff;
    padding: 11px 2px 13px 4px;
    border-radius: 10px;
    box-shadow: 0px 3px 16px 3px rgba(0, 0, 0, .11);
}

#headerSubmenu:before, #headerSubmenuPopup: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);
}

#menuTbl #headerSubmenu a, #menuTbl #headerSubmenu a:hover, #menuTbl #headerSubmenuPopup a, #menuTbl #headerSubmenuPopup a:hover {
    color: #000;
}

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

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

}

.menuIndex #headerSubmenu {
    padding-top: 15px;
}




.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 {
    padding: 0px 25px 4px 13px;
    min-width: 86px;
    margin: 0;
    display: block;
    font-size: 16px;
    /* line-height: 34px; */
    /* height: 27px; */
}

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

.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-family: -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Open Sans', 'Segoe Ui', arial, sans-serif;

}

.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: 18px;
    color: #fff;
    position: relative;
    opacity: 0.6;
    margin-right: 5px;
    top: 3px;
    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: 62px;
}

#menuTbl a {
    line-height: 28px;
    display: block;
    height: 27px;
    margin-top: 13px;
    padding: 0 15px;
    -webkit-font-smoothing: antialiased;
    font-size: 17px;
    font-family: var(--regularFont);
    font-weight: 400;
    white-space: nowrap;
    text-overflow: clip;
    text-decoration: none;
    color: #fff;
}

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

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

#menuTbl .menuAAct {
    color: #cee9fb;
}

.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: 2px;
    height: 50px;
    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;
}

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

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

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

#labelPass, #labelLogin {
    margin-top: 2px;
    color: #272727;
}

#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: 15px 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 {
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
    color: #fff;
    font-family: var(--regularFont);
    line-height: 6px;
    position: relative;
    right: 0;
}

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

#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: 14px;
    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: 5px;
    padding: 25px 30px 20px 30px;
    line-height: 17px;
    font-size: 14px;
    width: 320px;
    color: #aaa;
    box-shadow: 0 0 20px 10px #00000067;
    background-color: #424242;
    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;
}

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

.apmAuthMood {
    color: #444;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    height: 20px;
    font-family: var(--regularFont);
    position: relative;
    display: inline-block;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 1px;
}

.apmAuthMood a {
    color: #444;
}

.apmAuthName {
    font-family: var(--boldFont);
    font-weight: 500;
    color: #000;
    font-size: 18px;
    position: relative;
    top: 8px;
    left: 275px;
    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: #000;
    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: #f2f2f2;
    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-family: var(--regularFont);/*Roboto, Helvetica, Arial, sans-serif;*/
    font-size: 15px;
    color: #000;
    /*background-color: #f3f4f5;*/
    font-weight: 300;
    display: inline-block;
    border-radius: 20px;
    padding: 1px 8px 1px 2px;
    position: relative;
    left: -5px;
    height: 20px;
    max-width: 250px;
    margin-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}

.authLoc {
    text-align: center;
    padding-top: 3px;
    position: relative;
    top: 3px;
}

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

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

.authLoc  .apmAuthLoc a {
    color: #000;
}

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

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

.authStats .authStatVal {
	font-size: 16px;
}

.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: #000 !important;
    font-size: 17px !important;
    font-weight: normal;
    top: 0px;
    left: -1px;     
}

.fb_icon {
    font-family: Icomoon2;
    font-size: 26px;
    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 {
  padding:50px 0;
  color:#000;
  background-color: #fff;/*#f7f7f7;*/
  font-family: var(--regularFont);
  position: relative;
  z-index: 111;
}

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

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

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

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



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



.footer-dark .item.text p {
  opacity:0.6;
  margin-bottom:0;
      font-size: 14px;
    line-height: 1;
}

.footer-dark .item.social {


  flex: 0 0 35%;
  max-width: 35%;
}



.footer-dark .item.social > 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:0.75;
  text-decoration: none;
  margin: 0 2px 10px 2px;
}

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

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

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

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

.col-md-6 {
    flex: 0 0 35%;
    max-width: 35%;
    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: 2px;
    line-height: 17px;
}

.apmAuthLoc a, .apmAuthName a {
    font-family: var(--regularFont);
    font-size: 15px;
    font-weight: 300;
    color: #000;
    text-decoration: none;
}

.auth_loc {
    color: #000 !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: 74px;
    top: 75px;
    width: 214px;
    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: 16px;
    position: relative;
    display: inline-block;
    top: 2px;

    margin-left: 2px;
}

.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: 660px;
    height: 268px; 
    min-height: 1%;
    text-align: left;
    border-top: none;
    box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 10px;
}

#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: 13px;
    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: 14px;
}





.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;
   
}

.workAvShadow {
    border-radius: 50%;
    display: inline-block;
    box-shadow: var(--mainShadow);
}

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

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

.menuIconWorks.FAV {
    color: #ff0000;
}

.menuIconWorks.BOOK {
    color: #ff880a;
    font-size: 17px;
}

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

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

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

#userMenu a:hover {
    cursor: pointer;
}

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

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

#userMenuName {
    font-weight: 500;
    font-size: 19px;
    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; */
}

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

.userMenuBottom {
    position: absolute;
    top: 244px;
    left: 8px;
}

#userMenuItems li {
    padding-left: 7px;
    height: 29px;
    margin-left: 10px;
}



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

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

.iconBlogReadLink {
    font-family: Icomoon2;
    font-size: 14px;
    color: #a1a1a1;
    position: relative;
    top: 1px;
    margin: 0 4px 0 1px;
}

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

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

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

.icon_check {
    font-family: Icomoon2;
    font-size: 16px;
    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: 16px;
    line-height: 0;
    color: #fff;
    position: relative;
    top: 2px;
    margin: 0 4px 0 4px;
}

.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: #a1a1a1;
    font-size: 14px;
}

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

#userMenuItems a,
#userMenuItems2 a  {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--regularFont); /*PTRegular, Nunito, Roboto, 'Open Sans', 'Segoe Ui', arial, serif;*/
    display: block;
    /*text-transform: uppercase;*/
    color: #292929;
}

#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 {
    /* background: #eeeff0; */
    width: 25px;
    height: 39px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 25px;
}

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


}

.menuIconSort {
    font-size: 24px;
}

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

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

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

.menuIconSubs {
    font-size: 20px;
    line-height: 22px;
    top: 7px;
    left: 1px;
}

.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: #fff;
}

#linkPhotos {
    height: 31px;
    margin-right: 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: 19px;
    color: #292929;
    position: relative;
    padding: 5px;
    border-radius: 25px;
    margin-right: 0px;
    top: 3px;
}



#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: 16px;
    color: #383838;
    position: relative;
    padding-right: 9px;
    top: 1px;
}

.menuIconWorks {
    font-family: Icomoon;
    font-size: 16px;
    color: #383838;
    position: relative;
    padding-right: 9px;
    top: 1px;
}

.loginMenuIcon {
    font-family: Icomoon;
    font-size: 16px;
    font-weight: 100;
    color: #fff;
    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 {
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    height: 23px;
    z-index: 102;
    width: 166px;
    padding: 0 0 0 24px;
    color: #000;
    position: relative;
    top: -5px;
}

#userMenuLogout {
    font-weight: 700;
    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 {
    background-color: #beaef9;
    padding: 0px 6px 0px 7px;
    font-size: 14px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    height: 22px;
    font-weight: 500;
    line-height: 23px;
    min-width: 10px;
    text-align: center;
}

a.cover b {
    color: #fff;
}

/* /user menu */
/* gallery menu */
.wrapGallMenu {
    padding: 1px 2px 10px 50px;
}

.wrapGallMenuItem {
    float: left;
    position: relative;
    top: -10px;
    
}

.wrapGallMenuItemRight {
    z-index: 1;
    float: right;
    position: relative;
    top: -10px;
    right: 45px; /*18px;*/
}

.gallMenu {
    display: inline-block;
    padding: 9px 9px 10px 9px;
    border: 0;
}

.gallMenu a {
    color: #2d2d2d;
}

.gallMenuAct {
    display: inline-block;
    padding: 9px 0px 11px 0px;
    margin: 0 9px;
    border-bottom: 4px solid #7399ce;
    font-family: var(--mediumFont);/*PTBold, Roboto, Helvetica, Arial, sans-serif;*/
}

.gallMenuAct a {
   
}

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

.gallMenuTab {
    z-index: 1;
    float: left;

    margin-right: 0px;
    padding: 0px 10px 8px 5px;
    font-family: var(--regularFont);/*PTRegular, 'Roboto', Helvetica, Arial, sans-serif;*/
    font-size: 14px;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    position: relative;
    top: -3px;
}

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



.gallMenuTab i.about_icon {
    position: relative;
    top: 0px;
    color: #484848;
    font-size: 10px;
}

.gallHeader2 {
  
    color: #000;
    font-family: var(--mediumFont);/*PTMedium, Inter, Nunito, -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Open Sans', 'Segoe Ui', arial, sans-serif;*/
    font-size: 17px;
    font-weight: 500;
    /*background: #eeeff0;*/
    border-radius: 25px;
    padding: 6px 16px;
    
}

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

.gallMenuHeaderTab2 {
    float: left;
    color: #000;
    font-family: var(--regularFont);/*PTRegular, 'Roboto', Helvetica, Arial, sans-serif;*/
    font-size: 15px;
    font-weight: 400;
    line-height: 14px;
}

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

.galleryContent, .formContent {
  position: relative;
  top: -40px;
}

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

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

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


.subGallHeader {
    position: relative;
    /* top: 2px; */
    color: #000;
    font-family: var(--boldFont);/*PTBold, -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Helvetica, Roboto, Noto, 'Open Sans', 'Segoe Ui', arial, sans-serif;*/
    font-size: 28px;
    font-weight: 600;
    padding-top: 12px;
}

.gallMenuHeaderTab, .gallHeader {
    float: left;
    position: relative;
    top: 2px;
    color: #000;
    font-family: var(--boldFont);/*PTBold,'Roboto', Helvetica, Arial, sans-serif;*/
    font-size: 17px;
    font-weight: 500;
    margin-right: 20px;
}

.gallHeader {
    top: 10px;
}

img.emoji {
    width: 33px;
    height: 33px;
    margin: 0 2px;
    position: relative; 
    top: 4px;
}

.previewComm img.emoji {
    width: 22px;
    height: 22px;
    margin: 0 1px;
    top: 2px;
}

.commQuotePopup img.emoji {
	width: 15px;
	height: 15px;
	top: 1px;
}

.commQuote img.emoji
 {
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
}

.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;
}

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

.commentGallHeader  {
    padding-top: 3px;
    padding-left: 1px;
    color: #000;
    font-family: var(--regularFont);/*PTRegular, 'Roboto', Helvetica, Arial, sans-serif;*/
    font-size: 16px;
    font-weight: 400;
}

.wrapGallPath {
    height: 75px;
    padding-top: 21px;
}

.gallHeader {
    
}

.workNextPrev {
    right: 45px;
}


.gallMenuHeaderTab {
    cursor: pointer;
    font-size: 19px;
    padding-bottom: 6px;
    
}

.gHeader {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
    position: relative;
    top: 4px;
    height: 20px;
}

.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;
    top: -1px;
    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: 15px;
    background-color: #fff;
    height: 15px;
    box-shadow: -2px -2px 3px 0 #00000003;
    top: -7px;
    left: 28px;
    transform: rotate(45deg);
 }

.gallMenuContent {
    z-index: 1;
    position: absolute;
    top: 36px;
    right: -6px;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 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: 9px 0 12px 0;
    background-color: #fff;
    border-radius: 5px;
    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: 5px;
    padding: 11px 0 16px 0;
    background-color: #fff;

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

.authActivityMenu b {
    font-family: var(--boldFont);/*PTBold;*/
    font-weight: 400;
}


.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, #headerSubmenu, #headerSubmenuPopup, #gallMenuSortingContent, #gallMenuPeriodContent {
    transform: scale(0.81);
    opacity: 0;
    transition: transform .12s cubic-bezier(0.34, 0.05, 0.43, 1.6);
}


.authMenuSortingContent.anim, .authActivityMenu.anim, #userMenu.anim, #headerSubmenu.anim, #headerSubmenuPopup.anim, #gallMenuSortingContent.anim, #gallMenuPeriodContent.anim {
    transform: none;
    opacity: 1;
}

.authMenuSortingContent.animOut, .authActivityMenu.animOut, #userMenu.animOut, #headerSubmenu.animOut, #headerSubmenuPopup.animOut, #gallMenuSortingContent.animOut, #gallMenuPeriodContent.animOut {
    
    transition: .16s linear;
}

#authMenuSortingContent {
    left: 222px;
    top: 54px;
}

#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: 6px 30px 4px 23px;
    line-height: 16px;
    /*border-radius: 3px;*/
    
    display: block;
    white-space: break-spaces;
   
    font-size: 15px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    font-family: var(--regularFont);/*PTRegular, Helvetica Neue, Roboto, Arial, sans-serif;*/
}

.authMenuContent a:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

.gallMenuHeaderContent {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 38px;
    padding: 27px 0px 30px 23px;
    width: 530px;
    background-color: white;
    border-radius: 0 10px 10px 10px;
    box-shadow: 10px 10px 40px 0px rgb(0 0 0 / 12%);
}

.gallMenuContent a, .gallMenuHeaderContent a {
    padding: 0 6px;
    border-radius: 3px;
    display: block;
    white-space: nowrap;
    font-family: var(--mediumFont);/*PTMedium, 'Roboto', Helvetica, sans-serif;*/
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
}

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

.gallMenuHeaderContent a:hover {
    background-color: #F7F7F7;
    text-decoration: none;
    color: #000000;
}

.gallMenuContent a {
    font-size: 14px;
    line-height: 22px;
    padding: 0 6px;
    width: 84px;
    font-family: var(--regularFont);/*'PTRegular', Roboto, Helvetica, Arial, sans-serif;*/
}

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

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

.gallMenuSubCat a {
    font-size: 15px;
    line-height: 24px;
    color: #000;
    font-weight: 300;
    font-family: var(--regularFont);/*PTRegular, Roboto, Helvetica, Arial, sans-serif;*/
}



/* /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-family: Roboto, Helvetica, Arial, sans-serif;
}

.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: 10px;
}

#imgCode {
    clear: left;
    color: #E00;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

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

#contentLeft {
}

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

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

.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-family: 'Fira Sans';
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

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

.whiteBlogBodyRight {
    background: #fff;
    border-radius: 10px;
    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 {
    background: #fff;
    border-radius: 16px;
    max-width: 1320px;
    margin: 0 auto;
    box-shadow: var(--mainShadow);
}

#addBlogPosts .imgBoxBlog {
    box-shadow: none;
    border-radius: 5px;
}

#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;*/
}

.top {
    padding-top: 15px;
    font-family: var(--regularFont);
}

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

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



.top2 {
    padding-top: 16px;
    font-family: var(--regularFont);
}

#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 6px 20px 10px;
    color: #929292;
    /*border-bottom: 1px solid #d0dadc;*/
}

label {
    line-height: 21px;
    cursor: pointer;
    font-size: 14px;
    padding: 0 0 0 5px;
    /*vertical-align: text-bottom;*/
}

.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;
}

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: 6px 6px 3px;
    color: #929292;
}

#wrapNowUsers a {
    color: #000;
}

#wrapWorkDesc .roundedLR {
    padding: 0 6px;
}

.nowOnSite {
    float: left;
    width: 460px;
    color: #424242;
}

.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-family: Montserrat, Lato, Fira Sans, Roboto, Helvetica, Arial, sans-serif;
    font-size: 60px;
    word-break: break-word;
    font-weight: 700;
    text-align: left;
    white-space: normal;
    /* line-height: 1.5; */
    color: #fff;
    
}

#headerBottom .advantages {
    font-family: Nunito, Lato, 'Open Sans', Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 29px;
    line-height: 1;
    margin-bottom: 30px;
    /* padding-left: 46px; */
    color: rgb(255, 255, 255);
    white-space: nowrap;
}

/* /index cover */
.refWrap {
    text-align: center;
    font-family: var(--regularFont);/*'PT Sans Narrow', sans-serif;*/
    color: #353535;
}

.refCounter {
    width: 260px;
    font-size: 22px;
    line-height: 34px;
    text-align: right;
    padding-right: 22px;
}

.tryPortWrap {
   /* float: right;
    float: left;*/
    width: calc(100% - 493px);
    margin: 0 auto;
    display: inline-block;

    
   /* margin-left: -437px;
    padding-right: 20px; */
}

.tryPortBlk {
    
    width: 100%;
    text-align: center;
    margin: 20px auto 0 auto;
}

.tryPortLeft {
    /*margin-left: 437px;*/
    border: 9px solid #fff;
    border-radius: 4px;
}

.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-family: 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-family: 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-family: var(--boldFont);
}

#footer .copyNote {
    font-size: 13px;
    position: relative;
    color: #000000;
    font-family: 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: #d23636;
}

/* /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: #e6e6e6;
    min-width: 18px;
    line-height: 18px;
    min-height: 18px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    padding: 4px;
}

.actPage, #pagerBottom span {
    margin: 0 4px;
}

.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: right;
       
}

#contentLeft .roundedGallPagerB, .whiteBlogEntryBody .roundedGallPagerB {
    text-align: center;
}

.roundedGallPagerB p {
    /* padding: 15px 1px 5px 25px; */
    padding: 25px 3px 0px 25px;
}

.pagerProfile {
    height: 51px;
}

.roundedGallPagerB span {
   
    font-size: 16px;
    font-weight: 600;
    padding: 4px 9px;
    color: #000;
    border-radius: 30px;
    background-color: #e6e6e6;
}

.actSpanTab, .actTab {
    padding: 7px 0px;
    border-radius: 0;
    background: none;
    border-bottom: 4px solid #7399ce;
}


.actTab a {
    color: #fff;
}

.actTab {
    padding-top: 0;
}

.actSpanTab {
    margin: 0 2px;
    font-weight: 500;
    font-family: var(--mediumFont);/*PTBold, Roboto, Helvetica, Arial, sans-serif;*/
}

.addedMsg {
    padding-left: 0;
    font-weight: 600;
    font-size: 13px;
    color: #000000;
    position: relative;
    top: 16px;
}

.addedMsg2 {
    font-weight: 600;
    font-size: 13px;
    color: #000000;
    position: relative;
    top: 22px;
    left: -4px;
}


.myWorksTab {
    position: relative;
    top: 17px;
}

.roundedGallPagerB a {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--mediumFont);/* 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;*/
    padding: 0 8px;
    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 span {
    padding: 3px;
    color: #000;
    margin: 0 3px;
}

#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 2px 3px 2px;
    text-decoration: none;
}

#pagerTop {
white-space: nowrap;
    position: relative;
    top: 10px;
    right: 50px;
    font-weight: 600;
    font-size: 16px;
    font-family: var(--mediumFont);
}

#wrapWorkComm #pagerTop {
    top: 8px;
    right: -9px;
}


#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 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    height: 50px;
    font-weight: 600;
    color: #fff;
    padding-top: 27px;
    padding-left: 20px;
    padding-right: 8px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.65);
}

.blogNameNew {
    white-space: break-spaces;
}



.phNameBlog {
    display: block;
    overflow: hidden;
    white-space: normal;
    color: #fff;
    padding-top: 0px;
    padding-left: 12px;
    padding-right: 0px;
}

.phBlogCat, .phBlogCat:hover {
    margin-left: 10px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    border-radius: 15px;
    background: #008dd0;
    padding: 2px 10px;
    position: relative;
    top: -6px;
}

.phNameBlog div a, .phNameBlog div a:hover {
    float: left;
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    line-height: 24px;
    padding-right: 10px;
    width: 90%;
    font-family: Fira Sans;
}

.blogNameNew {
    text-shadow: none;
    color: #000;
}

.small_portrait {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-size: cover;
    display: inline-block;
    margin-left: 15px;
    background-position: 0 25%;
    filter: brightness(1.2);
}

.small_auth_name {
    overflow: hidden;
    display: inline-block;
    height: 18px;
    position: relative;
    /* max-width: calc(100% - 105px); */
    padding: 5px 5px 0px 0;
    top: -3px;
    text-overflow: clip;
    line-height: 14px;
    white-space: break-spaces;
}

.phNameNew span, .blogNameNew span {
    /* float: left; */
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    height: 18px;
    max-width: 100%;
    position: relative;
    top: 6px;
}

.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-family: Roboto, Helvetica, 'Open Sans', Arial, sans-serif;
}

.ttPortrait {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;

    background-size: cover;
}

.ttName {
    position: relative;
    top: 15px;
    margin-left: 53px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--boldFont);/* Roboto, Helvetica, Arial, sans-serif;*/
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ttName .premiumBadge {
    vertical-align: text-top;
    position: relative;
    top: 1px;
}

.ttMood {
    position: relative;
    top: 17px;
    margin-left: 54px;
    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;
    height: 116px;
    padding: 0 0 3px 0;
    opacity: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 600;
    /*background: radial-gradient(farthest-side at 0% 800%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0)), radial-gradient(circle at bottom right, rgba(0, 0, 0, 0.3) 0px, transparent 10%);*/
    background: radial-gradient(circle at 0px 250px, rgba(0, 0, 0, 1) 30px, rgba(0, 0, 0, 0) 250px);
    /*    background: linear-gradient(193deg,  transparent 55%, rgba(0, 0, 0, 0.6) 100%);

    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
*/
    -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: 220px;
    padding: 0;
}

.blogDescNew {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 60px;
    padding: 0;
    opacity: 0;
    font-family: 'Open Sans', Roboto, sans-serif;
}

.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 {
    display: inline-block;
    padding: 3px 8px 0 8px;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    white-space: nowrap;
    position: relative;
    border-radius: 15px;
    top: -4px;
    overflow: hidden;
    /* width: 100%; */
    background-color: #00000075;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    height: 21px;
    max-width: 100%;
}

.commPos, a.commPos:hover {
    position: relative;
    top: -25px;
    color: #000;
}

.actionsNameAuth, .actionsNameAuth:hover, .actionsNamePhoto {
    display: inline-block;
    margin-left: 8px;
    color: #4A4B4C;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    width: 180px;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 18px;
    left: 47px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.actionsNameAuth a, .actionsNameAuth a:hover {
    color: var(--grayBlue);
    text-decoration: none;
}

.actionsNamePhoto {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    top: 0px;
    width: 210px;
}



.tickCatNew img {
    position: relative;
    left: 4px;
}

.tickCatNew.workAnon {
    color: #fff;
}

.phBlogDate, .phBlogCounters {
    padding-left: 12px;
    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: 10px;
    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: 17px;
    color: #fff;
    position: relative;
    padding: 5px;
    top: 3px;
    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: 0px;
    width: 63px;
    height: 63px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    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: #f7f7f7; /*#f2f4f6;*/
    /*padding-bottom: 20px;*/
}

.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-size: 14px;
    font-family: var(--regularFont);/*PTRegular, 'Roboto', Arial, sans-serif;*/
}

#authSerieMenu a {
    font-size: 15px;
    color: #000;
}

.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 {
    font-size: 14px;
    color: #000;
    line-height: 18px;
}

.regFormBG {
    background-color: #fff;
    border-radius: 10px;
        box-shadow: 0 0 40px 0px rgb(0 0 0 / 10%);
}

input.regInput {
    border: none;
    background-color: #f3f3f3;
    background-repeat: no-repeat;
}

.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: #bbb;
}

.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-family: var(--regularFont);/*PTRegular, Nunito, Roboto, Helvetica, sans-serif;*/
    padding: 30px;
    margin-bottom: 30px;
    padding-top: 100px;
    /*background: #fff;
     width: 100%; */
    border-radius: 10px;
   
    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;
}

#blogs .blogTitle a, #blogs .blogTitle {
    font-size: 40px;
    font-weight: 500;
    text-decoration: none;
    font-family: var(--boldFont);/* 'Fira Sans', 'Open Sans', sans-serif;*/
    color: #000;
    line-height: 40px;
}

.blogStats {
    background: #fff;
    display: inline-block;
    border: 2px solid #EAEAEA;
    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: 20px;
    color: #fff;
    position: relative;
    top: 7px;
}

.iconBlogView {
    font-family: 'Icomoon2';
    font-size: 23px;
    color: #929292;
    position: relative;
    top: 4px;
    margin-right: 5px;
    margin-left: 20px;
    font-weight: 100;
}

.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: 3px;
    height: 22px;
    text-align: center;
    color: #929292;
    /* background: url(def/others.png?v2) -959px -63px no-repeat; */
}

.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: 14px;
    padding: 2px 5px 1px 0px;
    color: #98afbc;
}

#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-family: Roboto, arial, verdana, serif;
    font-size: 18px;
    line-height: 27px;
    clear: left;
    padding: 0;
    overflow: visible;
    margin: 0 auto;
    padding: 35px 0 0 0;
}

#blogs .blogsBody {
    font-family: Roboto, arial, verdana, serif;
    font-size: 16px;
    line-height: 25px;
    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: 800px;
    height: auto;
    opacity: 0;
}

#blogs .blogsBody img {
    max-width: 800px;
    min-width: 240px;
    height: auto;
}

#blogs .blogsBody img.emoji {
    height: 33px;
    width: 33px;
    min-width: 33px;
    min-height: 33px;
}

#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 table, #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: 0 auto 20px auto;
    color: #000;
    word-break: break-word;
}

#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: #2d2d2d;
}

#blogs .blogBody h1:not(:first-child), #blogs .blogBody h2:not(:first-child), #blogs .blogBody h3:not(:first-child) {
    padding-top: 20px;
}

#blogs .blogBody h1, #blogs .blogBody h2, #blogs .blogBody h3, .redactor_editor h1, .redactor_editor h2, .redactor_editor h3 {
    color: #313131 !important;
}

#blogs .blogBody h1 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: .3em;
}

#blogs .blogBody h2 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: .2em;
}

#blogs .blogBody h3 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: .3em;
}

#blogs .blogBody td {
    padding: 4px;
    border: 1px solid #8f8f8f;
}

#blogs .blogBody ol li, #blogs .blogBody ul li {
    padding: 4px 0;
}

#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: 10px;
    padding: 40px 0 0 0;
}

.wrapBlogLeft:first-of-type {
    border-top-right-radius: 0;
}

.wrapBlogLeft2 {
    margin: 15px auto 0 auto;
    max-width: 990px;
    padding-top: 30px;
}

.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: #eaeaea;
    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-size: 14px;
    font-weight: 700;
}

#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: 20px;
    padding: 5px 12px 3px 12px;
    margin-bottom: 5px;
}

#myBookmark2 p {
    padding: 7px 10px;
    
    margin: 0 6px;
}

#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: 0 auto;
}

.blogTitleCat, .blogTitleCat:hover {
    color: #fff;
    margin: 0 auto;
    font-size: 13px;
    text-decoration: none;
    border-radius: 15px;
    background: #008dd0;
    padding: 4px 12px;
}

.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: 14px;
    font-weight: 500;
    position: absolute;
    z-index: 700;
    top: 10px;
    left: 0;
    _background: none;
    _margin: 1px 0 0 0;
}

.autocomplete {
    overflow: auto;
    max-height: 350px;
    cursor: default;
    /* position: relative; */
    /* left: 29px; */
    border-radius: 15px;
    padding: 20px 17px 10px 18px;
    text-align: left;
    /* border: 1px solid #999; */
    background-color: #ffffff;
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
    box-shadow: 0 3px 5px #0000001f;
}

.autocomplete .selected {
    background-color: #f6f3ff;
    border-radius: 3px;
}

.autocomplete div {
    padding: 6px 5px 4px 15px;
    white-space: nowrap;
    text-overflow: clip;
}

.autocomplete strong {
    font-weight: 500;
    color: #7aa3d0;
}



/* /autocomplete */
/* work */
/*////////////////////////////////////////////////*/
.wrapWorkActions {
    height: 85px;
    padding: 0 20px;
    color: #000;
    width: 1240px;
    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-family: FreeSansBold, Roboto, sans-serif;
    font-size: 27px;
    line-height: 29px;
}

.workCounters--views, .workCounters--recs {
    /*padding-left: 50px;
    background: url(def/work_icons.png?v2) 0 7px no-repeat;*/
}

.workCounters--views {
    
}

.workCounters--dots, .workCounters--dots:hover {
    font-size: 34px;
    font-family: 'Lato', 'Open Sans', sans-serif;
    color: #3790ff;
    margin-left: 2px;
    text-decoration: none;
}

.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: 3px;
    float: right;
}

.workCounters--recs {
    /*background: url(def/work_icons.png?v2) 0 -27px no-repeat;*/
}

.wrapCatPhBg {
    margin: 0 auto;
    padding: 0 10px;
}

#wrapCatPh .imgBoxNew {
    border-radius: 10px;
}

/*////////////////////////////////////////////////*/
.wrapAuthName {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 16px;
    padding: 0 10px;
}

.wrapAuthFollow {
    margin: 20px 0 10px 0;
}

.wrapCatNames, .wrapCatNames a {
    font-family: FreeSansBold, sans-serif;
    font-size: 17px;
    line-height: 1.2;
    color: #000;
    text-decoration: none;
    margin: 25px 0;
    border: none;
}

.wrapCatNames {
    padding: 0 20px;
}

.wrapAuthName .authRating {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: var(--grayBlue);
}

.wrapPhEquip {
    margin: 8px 0;
    font-family: FreeSansBold, sans-serif;
    font-size: 14px;
    color: #000;
    height: 32px;
    display: inline-block;
}

.wrapEquipIcon {
    height: 32px;
    overflow: hidden;
    background: url(def/work_icons.png?v2) 0 -65px no-repeat;
    padding-left: 50px;
    display: inline-block;
    position: absolute;
}

.EquipText {
    display: inline-block;
    width: 217px;
    min-height: 32px;
    padding-left: 50px;
    padding-top: 1px;
}

.spanvmiddle {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.wrapSerieName {
    margin: 8px 0;
    font-family: FreeSansBold, sans-serif;
    font-size: 14px;
    color: #686868;
    height: 32px;
    display: inline-block;
}

.wrapSerieIcon {
    height: 32px;
    overflow: hidden;
    background: url(def/work_icons.png?v2) 0 -96px no-repeat;
    padding-left: 50px;
    display: inline-block;
    position: absolute;
}

.SerieText {
    display: inline-block;
    width: 217px;
    min-height: 32px;
    padding-left: 50px;
    padding-top: 7px;
}

.wrapPhExif {
    margin: 8px 0;
    font-family: FreeSansBold, sans-serif;
    font-size: 14px;
    color: #686868;
    height: 32px;
    display: inline-block;
}

.wrapExifIcon {
    height: 33px;
    overflow: hidden;
    background: url(def/work_icons.png?v2) 0 -127px no-repeat;
    padding-left: 50px;
    display: inline-block;
    position: absolute;
}

.ExifText {
    display: inline-block;
    width: 205px;
    min-height: 32px;
    padding-left: 50px;
    padding-top: 1px;
}

.wrapPhDate {
    margin: 8px 0;
    font-family: FreeSans;
    font-size: 14px;
    color: #7c7c7c;
    height: 32px;
    display: inline-block;
}

.wrapDateIcon {
    height: 34px;
    overflow: hidden;
    background: url(def/work_icons.png?v2) 0 -165px no-repeat;
    padding-left: 50px;
    display: inline-block;
    position: absolute;
}

.DateText {
    display: inline-block;
    width: 217px;
    min-height: 32px;
    padding-left: 50px;
    padding-top: 9px;
}

.wrapPhKeywords {
    margin: 8px 0;
    font-family: FreeSansBold, sans-serif;
    font-size: 17px;
    height: 32px;
    display: inline-block;
}

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

.wrapKeywordsIcon {
    height: 35px;
    overflow: hidden;
    background: url(def/work_icons.png?v2) 0 -204px no-repeat;
    padding-left: 50px;
    display: inline-block;
    position: absolute;
}

.KeywordsText {
    display: inline-block;
    width: 205px;
    min-height: 32px;
    padding-left: 50px;
    padding-top: 1px;
    word-break: break-all;
}

.wrapWorkParams {
    text-align: left;
    line-height: 1.3;
    padding: 0 20px 0 10px;
}

.wrapWorkDesc {
    /*margin-top: 20px;*/
    margin-left: 12px;
    padding: 0 0 30px 0;
    border-radius: 10px;
    margin-top: 49px;
    background: #fff;
    box-shadow: var(--mainShadow);

}

.wrapWorkDescCover {
    margin-bottom: 60px;
    height: 90px;
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 10px 10px 0 0;

}

/*////////////////////////////////////////////////*/
.wrapWorkComm {
    /*background-color: #f2f2f2;
    width: 92%;*/
    display: inline-block;
    max-width: 1280px;
    margin: 0 auto;
    margin-right: 35px;
}

/*////////////////////////////////////////////////*/
#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: 35px;
    background-color: #00adff;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    text-decoration: none;
    line-height: 35px;
    cursor: pointer;
}

.loginButtonFB, a.loginButtonFB, a.loginButtonFB:hover { 
    left: 134px;
    width: 129px;
    padding: 0 10px 0 7px;
}

.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-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

#image_description {
    font-size: 15px;
    line-height: 21px;
    max-width: 600px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 12px;
    color: #262626;
}

#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: 13px;
    color: #ffffffeb;
    font-size: 20px;
    background-image: none;
}

.popRightIcons {
    position: absolute;
    right: 63px;
    top: 68px;
}

.iconFullSizeGall {
    display: none;
    right: 6px;
    z-index: 1;
    position: absolute;
    top: 43px;
    /* padding: 10px 0 0 10px; */
    color: #ffffffeb;
    font-size: 20px;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    background: rgba(0, 0, 0, .25);
    cursor: pointer;
}

.iconFullSizeGallIcon {
    font-family: icomoon2;
    position: relative;
    top: 7px;
    left: 10px;
    font-size: 16px;
}

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: -3px;
   /* border-top: 1px solid #EEEFF0;
    margin-top: 8px; */
}

#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;
    width: 100%;
    box-shadow: var(--mainShadow);
    padding: 10px 13px;
    margin-bottom: 3px;
    z-index: 10;
    position: relative;
}

.commLine0 {
    /* background-color: #e8ecf3; 
    
    border-bottom: 1px solid #e6e6e6;*/
}

.commLine0 td.cSpan {
    display: flex;
}

.commLine {
    display: flex;
    margin-top: 40px;
}

/*

.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%);
}

.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 5px 0px;
    /*border-bottom: 1px solid #ebebeb;*/
    height: 24px;
} 

.actionsPaddingNew .commActions {
    border:0;
    padding-bottom: 0;
}


.noBorder {
    border:0;
}

.topBorder {
    border: 0;
    /*border-top: 1px solid #EFF0F1;
    margin-top: 15px;*/
    padding: 10px 0 0 0; 
    position: relative;
    top: 4px;
}

.commActions a {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    /* border-bottom: 1px dotted #2678af;*/
}

.commActionsMenu .delCommA, .commActionsMenu .editCommA {
    font-size: 14px;
}

.commCitation {
    font-size: 11px;
    font-weight: 700;
    /*color: #2f4da4;*/
    /*border-bottom: 1px dotted #2f4da4;*/
}

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

.commDate {
    font-size: 13px;
    font-weight: 300;
    color: var(--grayBlue);
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    padding-left: 20px;
    float: right;
    padding-top: 1px;
    padding-right: 4px;
}

.commDateNew {
    font-size: 13px;
    font-weight: 300;
    color: var(--grayBlue);
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    padding-left: 8px;
    padding-top: 3px;

    position: absolute;
    right: 10px;
    top: 9px; 
}

.commDateIcon {
    font-family: Icomoon2;
    font-size: 15px;
    color: #d2d2d2;
    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; */
    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: -9px;
    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: 770px;
}


.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: 770px;
    text-align: left;
    position: relative;
}


.actionsPadding {
    padding: 2px 6px 0 8px;
}


.actionsPaddingNew {
    padding: 12px 12px 9px 14px;
    background: #fff;
    border-radius: 0 10px 10px 10px;
    display: inline-block;
    box-shadow: var(--expShadow); /*0 1px 2px #0000001f;*/
}

.actionsPaddingNew::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 0px;
    border: 10px solid transparent;
    border-top: 8px solid #fff;
}

.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: 840px;
    display: flex;
}

.avatarAndCommentWrap {
    width: 840px;
    display: inline-block;
    margin-bottom: 12px;
}




.commAuthAvatarTdNew {
        padding: 0 ; 
        width: 40px;
        text-align: center;
        position: absolute;
        top: 10px;
}



.commAuthAvatarTd .commActIcon {
    font-size: 13px;
}

.commAuthAvatarTdNew .commAct {
    top: 45px;
    left: 33px;
}    


.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-family: 'Roboto', 'Open Sans', 'Segoe Ui', arial, serif;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding: 10px 0 5px 0;
    min-height: 28px;
    text-align: left;
    word-wrap: break-word;
    max-width: 870px;
}

.commTextActions {
    min-height: 0;
    padding-bottom: 0;
    padding-right: 25px;
}

.actionsAvatar {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-size: cover;
    position: absolute;
    top: 11px;
    left: 11px;
    
    background-position: 50% 50%;
}


.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: 9px 0px;
    z-index: 500;
    width: 100%;
    background-color: transparent;
    font-size: 0;
    text-align: center;
    top: 9px;
    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-family: Roboto, arial, verdana, serif;
    font-size: 15px;
    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%;
}

.commQuote, .commQuotePopup {
    font-size: 14px;
    line-height: 19px;
    max-width: 620px;
    max-height: 38px;
    overflow-y: hidden;
    margin: 4px 0 14px 0;
    padding: 8px 12px 7px 13px;
    /*border: 1px solid #ced8df;*/
    background-color: #f2f2f2;
    border-radius: 5px;
    width: fit-content;
}

.actionsPaddingNew .commQuote {
    border:0;
    background-color: #f2f2f2;
}

.actionsPadding {
    width: 0px;
}

.commQuotePopup {
    padding: 10px 12px 9px 12px;
    font-size: 13px;
    line-height: 18px;
    max-width: 600px;
    max-height: 36px;
    border: 0;
    display: block;
    background-color: #f2f2f2;
}

.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: 58px;
    left: 72px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    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: 21px;
    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: 12px;
  
    border-radius: 5px;
    display: inline-block;
    margin: 5px 5px 0 0;
    position: relative;
    top: 1px;
    cursor: pointer;

    
}

.commTextTdNew .commActIcon, 
.commTextDiv .commActIcon {
    position: absolute;
    top: 23px;
    left: 50px;
    background: transparent;
    margin-top: 0;
    padding: 0;
}

a.pBadge {
    position: relative;
    top: 60px;
    z-index: 329;
}

.workBadge {
    position: relative;
    top: 25px;
}

.authWorks0 {
    /*background-color: #e8ecf3;*/
}

.authWorks1 {
    /* background-color: #f1f2f3;*/
}

.commButtonsTd {
    padding-top: 13px;
    padding-left: 13px;
}

.commAuth {
    width: 92px;
    text-align: center;
    padding: 0px 10px 0px 0px;
    position: relative;
}

.commAuthName {
    overflow: hidden;
    width: 164px;
    margin-right: 3px;
    padding: 1px 0 1px 0px;
}

.commTextTdNew .commAuthName,
.commTextDiv .commAuthName {
    padding-left: 50px;
}

.commTextTdNew .commAuthMood,
.commTextDiv .commAuthMood {
    padding-left: 81px;
}

.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-size: 16px;
    font-family: 'Roboto', Helvetica Neue, Helvetica, sans-serif;
    font-weight: 500;
    line-height: 14px;
    /*color: #5f78af;*/
}

strong {
    font-weight: 600;
}

.commAuthParams {
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    padding-top: 1px;
    padding-bottom: 2px;
}

.commAuthRate {
    font-size: 15px;
    font-family: 'Open Sans', 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: var(--grayBlue); /*#d14242;*/
}

.commAuthCoof {
    font-weight: 700;
    color: #535353;
}

.commAuthMood {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding-right: 8px;
    color: var(--grayBlue);
    line-height: 16px;
    padding-top: 4px;

}

.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-size: 16px;
    font-weight: 400;
    color: #000;
    position: relative;
    left: 2px;
    font-family: var(--regularFont);/*PTRegular, Roboto, Helvetica, Arial, sans-serif;*/
}

.tabTxt a {
    color: #000;
    padding: 11px 0;
}

.whiteSubMenu {
    background-color: #fff;
    width: 100%;
    height: 125px;
    padding-top: 45px;
    position: relative;
    /* box-shadow: 0 0px 7px #a5a5a54a; */
    z-index: 1000;
    /* looks better on small screens*/
    min-width: 1200px;
    right: 0;
    z-index: 100;
    top: -45px;

}

.thinWS {
    height: 44px;
}

.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: 17px 0 0 75px;
    float: left;
    display: inline-block;
    text-align: left;
    width: 320px;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.followWorkBlk {
    text-align: right;
    position: relative;
    top: 10px;
}

.workCommAuthName a {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 15px;
    color: #000;
}

.workCommAuthName .commAuthMood {
    margin: 0;
    overflow: hidden;
    width: 300px;
    white-space: nowrap;
    padding-bottom: 2px;
    padding-top: 1px;
}

.workCommBB {
    margin: 20px 0 0px 0;
    /* float: right; */
    width: 405px;
    position: absolute;
    right: 0px;
    display: flex;
    justify-content: space-between;
    
}

.previewCommBlk .workCommBB {
    position: relative;
    top: 7px;
    left: 402px;
    text-align: right;
    width: 233px;
}


a .workCommBlock, .lnk {
    color: #000;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    box-shadow: var(--smallShadow); /*0 1px 1px #0000000a;*/
    z-index: 1;
    position: relative;
}

.workCommFollow, .workCommFollow a {
    display: inline-block;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.workCommFollowIcon {
    display: inline-block;
    color: #5a5a5a;
    font-family: Icomoon;
    font-size: 13px;
    font-weight: 400;
    padding-right: 3px;
}

.workCommBlock {
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 11px;
    
}



.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;*/
}

.genTime {
    color: #eee;
}

.scrollUD {
    z-index: 100;
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap;
    height: 100%;
    text-overflow: clip;
    background-color: #02020208;
    display: grid;
    place-items: center;
}

/* author page */
#authInfoBlk {
    color: #545454;
    display: none; 
    padding: 12px 15px 70px 25px;  
    font-size: 13px; 
    line-height: 1.3; 
    position: relative;
    top: -84px;
    border-top: 1px solid #dadada;
}

.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;
}

#wrapLastWorks, #wrapBlogs, #workOfDay1, #favorites, #wrapContests, #wrapAuthRatings {
    padding: 0 45px;
    width: calc(100% - 90px);
    margin: 0 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;
}

#wrapLastWorks .imgBox {
    height: 304px;
}

#wrapCatPh .imgBox {
    width: 230px;
    height: 230px;
}

#myWorks .imgBox {
    width: 314px;
    height: 462px;
    margin: 0 10px 35px 0;
    padding: 0 8px 0 8px;
    background-color: #fff;
    border-radius: 5px;

    box-shadow: 10px 0px 35px rgb(0 0 0 / 15%), 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: 7px;
    position: absolute;
    top: 6px;
    right: 7px;
    width: 34px;
    height: 34px;
    text-align: center;
    background: rgba(0, 0, 0, .25);
    text-decoration: none;
}

.aFullPage.actionsNew {
    top: 65px;
}

.aFullPage .about_icon {
    color: #fff;
    font-size: 14px;
    line-height: 34px;
}

.imgBoxNew, .imgBoxBlog {
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    max-width: 1060px;
    box-shadow: var(--expShadow);  /*0 1px 2px #0000001f;*/
}

.imgBoxWrap .imgBoxNew {
    box-shadow: none;
}

#authorWorks .imgBoxNew {
    box-shadow: none;
     
}

.imgBoxNew.jg-entry {
	border-radius: 4px;
	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: 2px 0 27px 0;
    color: #222;
}

.formTbl td {
    font-size: 12px;
    padding: 8px 2px 4px 10px;
}

.formTbl.registerPadding td {
    padding-left: 4px;
}


.formTbl.formSettings td {
    
    padding: 8px 2px 4px 0px;
}

.formTbl textarea, .formTbl option {
    font-size: 12px;
}

.formTbl .fldName {
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
    text-overflow: clip;
}

.formTbl .header {
    font-weight: 700;
    padding-top: 7px;
    padding-bottom: 6px;
    vertical-align: top;
    color: #fff;
    background-color: #6da4ca;
    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-size: 16px;
    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: 30px;
    height: 30px;
    border-radius: 34px;
    background-color: #fff;
    color: #000;
    margin-left: 3px;
    /* line-height: 27px; */
    font-size: 17px;
    /* padding: 5px 10px 25px 10px; */
    font-weight: 500;
    border: 1px solid #d3d3d3;
}

.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;
    color: #2678af;
    font-size: 14px;
    line-height: 1.8;
}

#myWorks .blck {
    color:inherit;
}

.changeCatDone:hover {
    text-decoration: none;
    color: #15a1ff;
}

.bgDiv {
    float: left;
    width: 33px;
    height: 38px;
    cursor: pointer;
    border-radius: 4px;
    margin: 0px 1px;
}

.myWorks td {
    padding: 0 0 8px 0;
}

.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: 15px;
    font-weight: 700;
    line-height: 16px;
    width: 58px;
    float: left;
    padding: 7px;
    white-space: nowrap;
    text-overflow: clip;
    color: #000;
    border-left: 2px solid #fff;
    /*text-shadow: 1px 1px 0 #fff;*/
}

.myWorksStat:first-of-type {
    border: 0;
}

.editWorkMy {
    /*  background: rgba(225, 225, 225, 0.3); */
    border-radius: 0 3px 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 / 32%);
}

.editWorkMy:hover {
    text-decoration: none;
    color:#fff;
    opacity: 1;
    background-color: #517ca9;
}

.delWorkMy {
    color: #fff;
    /* background: rgba(225, 225, 225, 0.3); */
    border-radius: 3px 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 / 32%);
}

.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;
}

.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: 350px;
    display: inline-block;
    /*padding-top: 2px;*/

}

.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: #F1F2F3;
    border-radius: 0 7px 7px 7px;
}

.flexCenter {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

#myWorks {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    
}

#wrapBlogs.myWorksContent {
    margin-bottom: 100px;
}

.myWorks b, .myWorks a {
    font-size: 13px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.3;
}

#show_more_options {
    width: 400px;
    margin-top: 60px;
    height: 40px;
    margin-left: 247px;
}

/* /forms styles */
/* buttons */
.submit, .recBtn, .favorBtn, .addCommBtn, .refreshCommBtn, .editBtn, .minusBtn, .hideBtn {
    width: auto;
    cursor: pointer;
}

.plusBtnNEW {
    background: #eaeaea;
    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: 12px;
    font-weight: 700;
    display: inline;
    margin: 0;
    cursor: pointer;
    border: none;
    border-radius: 16px;
    padding: 6px 0;
    background-color: #008ed0;
    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-color: #008ed0;
}

.hideBtn input {
    background-color: #d57052;
}

#addBlogBtn {
    border-radius: 15px;
    padding: 10px 12px 9px 33px;
    background: url(def/add.png?v3) 17px 9px no-repeat #008ed0;
    text-align: center;
}

#addBlogBtnCover {
    border-radius: 20px;
    padding: 10px 15px 9px 40px;
    background: url(def/add.png?v3) 15px 9px no-repeat #008ed0;
    text-align: center;
}

#addBlogBtnDE {
    border-radius: 15px;
    padding: 8px 12px 8px 40px;
    background: url(def/add.png?v3) 16px 7px no-repeat #008ed0;
    text-align: center;
}

#addBlogBtn a.addBtnBlog, #addBlogBtnDE a.addBtnBlog, #addBlogBtnCover a.addBtnBlog {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    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;
}

.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-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #1d1d1d;
}

.modal>div, .shareToView>div {
    position: relative;
    width: 900px;
    margin: 0 auto;
    /*border: 1px solid #dcdcdc;*/
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 3px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    -khtml-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

.modal .close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background: url(def/others.png?v2) -790px -33px no-repeat;
}

.modalReg {
    padding-bottom: 17px;
    background: url(def/separator.gif) 0 100% repeat-x;
}

#catModalDiv ul {
    float: left;
    width: 225px;
    padding-bottom: 6px;
}

#catModalDiv li {
    font-size: 19px;
    font-weight: 500;
    margin: 0 0 0 5px;
    padding: 0 3px 0 0;
    color: #000;
}

#catModalDiv li a {
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    display: block;
    margin: -1px 0 -1px -5px;
    font-family: Roboto, Open Sans;
    padding: 5px 0 4px 6px;
}

#catModalDiv li a:hover {
    text-decoration: none;
    background-color: #F6F6F6;
    color: #517ca9;
}

/* /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: #4A4B4C;
}




.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-family: Roboto, arial, verdana, serif;
    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: 14px;
    line-height: 14px;
    color: #69cc26;
    position: relative;
    margin: 0 4px;
    top: 2px;
}


.actionsFilter {
    /*border-left: 1px solid #d0dadc*/
    ; background-color: #f2f2f2;
}

/* /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: 13px;
}

#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: #f7f7f7;
}

.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>div {
    position: inherit;
    width: 640px;
    height: 390px;
    text-align: center;
    color: #000;
    background-color: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    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: 30px;
    font-size: 15px;
    font-weight: 500;
    height: 34px;
    line-height: 25px;
    padding-left: 19px;
}

.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: #272727;
}

#previewNextImg {
    position: relative;
    cursor: pointer;
}

#authBlockedD, #nudeHiddenD {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #bebebe;
    font-size: 18px;
}

#previewFullA .about_icon {
    color: #eaeaea;
    line-height: 30px;
}

#previewNext .about_icon2 {
    color: #dc0000;
    line-height: 30px;
}

#previewFullA {
    color: #696969;
    text-decoration: none;
}

#previewPhName {
    color: #eaeaea;
    display: block; 
    white-space: nowrap;  
    overflow: hidden; 
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; 
    font-size: 16px; 
    font-weight: 500;
    position: relative;
    z-index: 100;
    width: 80%;
    margin: 0 auto;
}

#imgPopup, .iv-image {
    box-shadow: #000 0px 0px 60px;
    
}

.halink {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin:3px 10px;
}

.popupAuthInfo {
    display: flex; 
    width: 885px; 
    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: #272727;
}

#previewPrevClose2, #previewClose2 {
    min-width: 100px;
    cursor: pointer;
}

.popDownBg {
    /*padding-bottom: 500px;*/
    padding-bottom: 50px;
}

.relatedHeader {
    width: calc(99% - 10px);
    
    margin: 2px auto;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

#gallContainer {
    width: 99%;
    
}

#gallContainer .imgBoxNew.jg-entry {
    border-radius: 10px;
}



.scrollWarn {
    width: 100%;
    text-align: center;
    margin-bottom: 58vh;
    margin-top: 10vh;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;

}


.popUpBg {
    background-color: #272727;
}

#previewPrevIcon {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 56px;
    bottom: 0;
    width: 60px;
    cursor: pointer;
    opacity: 1;
    background: url(black/classic-map.png?v) no-repeat 20px 20px;
}

.actionsTable {
    position: relative;
    left: 2px;
    top: 2px;
}

.previewCommLine {
    clear: left;
    width: 635px;
    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: 635px;
    padding-right: 7px;
    /*  border-right: 1px solid rgba(0, 0, 0, .1);  */
}

.previewCommAuName {
    display: block;
    padding-bottom: 5px;
    font-size: 15px;
    position: relative;
    top: 3px;
    font-weight: 600;
}

.previewCommAuName a, .commAuthName a {
    color: #000;
}

.previewCommAuName img {
    margin-left: 4px;
}

.previewCommAuName .commAuthRate {
    margin-left: 6px;
    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: 553px;
    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: 580px;
    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;
}

#previewAuthName .workAnon, #commTbl .tickCatNew.workAnon {
    color: #e1e1e1;
}

#previewAuthName a.previewCatName {
    color: #a5a5a5;
    font-size: 13px;
    line-height: 18px;
}

#previewAuthName {
    position: relative;
    top: 1px;
}

.getPBS {
    height: 17px;
    padding: 0 5px 0 2px;
}

.previewPhComm {
    display: block;
    width: 100%;
    font-family: Nunito, Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 130%;
    overflow: hidden;
    word-wrap: break-word;
    margin-top: 19px;
    margin-left: 46px;
    width: 590px;
}

.previewCommHead {
    float: left;
    line-height: 28px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.discussionHead {
    width: 587px;
    height: 25px;
    margin-left: 47px;
}

.discussionHeadBorder {
    border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.discussionHeadNOBorder {
    border-bottom: 0;
}

.previewComm {
    display: block;
    padding: 7px 0;
    font-family: Roboto, Helvetica, Arial, serif;
    font-size: 15px;
    line-height: 21px;
    word-wrap: break-word;
    color: #000;
}

.previewComm img, .previewPhComm img {
    max-width: 97.5%;

}

.previewComm iframe {
    max-width: 350px;
    max-height: 200px;
}

.previewPhComm iframe {
    max-width: 400px;
    max-height: 228px;
}

#previewCommCnt {
    width: 37px;
    height: 31px;
    margin-top: 4px;
    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 10px 6px;
    font-size: 11px;
    color: #9f9d9d;
    line-height: 13px;
}

.previewPhDataV {
    color: #000;
    font-size: 14px;
    line-height: 17px;
    word-break: break-word;
    padding-bottom: 29px;
}

.workOverlay>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: 18px;
    font-weight: 500;
    position: relative;
    right: 0px;
    top: -4px;
}

.commVotePopup {
    margin: 0 6px 0 2px;
    text-align: center;
    color: #828a99;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.commPopupActions {
    position: relative;
    display: inline-block;
    width: 564px;
    left: -3px;
    margin-top: 2px;
    padding-top: 4px;
    padding-bottom: 6px;
    /*border-top: 1px solid #D2D3D4;*/
}

.commPopupActionsRight {
    float: right;
    top: 5px;
    left: 7px;
    position: relative;
    line-height: 22px;
}

.commActionsRight {
    float: right;
    top: -3px;
    position: relative;
    display: none;
}

.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 23px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border-radius: 25px;

    outline: 0;
}

.wideBtn {
    padding: 0 25px;
}

.loginDivBG {
    z-index: 300;
}

.LoginPopupButton, .LoginPopupButton:hover {
    border-radius: 4px;
    background-color: #00adff; /*#648cb7;*/
    font-size: 15px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #fff;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

.FBicon {
    font-family: icomoon;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    margin: 0 3px;
    line-height: 35px;
}

.Dateicon {
    font-family: icomoon;
    font-size: 24px;
    color: #000;
    text-decoration: none;
    position: relative;
    top: 5px;
    left: -3px;
    font-weight: 100;
}

.VIEWicon {
    font-family: icomoon;
    font-size: 23px;
    color: #000;
    text-decoration: none;
    margin: 1px 10px 0 2px;
    position: relative;
    top: 3px;
    left: 2px;
}

.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: 14px;
    font-weight: 600;
}

#postCommDivPopup {
    margin-top: 3px;
    margin-bottom: 3px;
}

#postCommDiv {
    margin-top: 3px;
    margin-right: 10px;
}

.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: 15px;
}

.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: 3px;
    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 {
    font-size: 15px;
    display: inherit;
    line-height: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    border: 1px solid #c2c2c2;
    /* background-color: #efefef; */
    border-radius: 25px;
    padding: 3px 10px 4px 10px;
    margin: 2px;
}

.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: icomoon;
    font-size: 20px;
    color: #757575;
    text-decoration: none;
    margin: 0 3px;
}

.replyBtnApopup {
    font-family: icomoon;
    font-size: 20px;
    color: #000;
    text-decoration: none;
    position: relative;
    top: 0px;
    border-radius: 30px;
    background-color: #f5f5f5;
    /*box-shadow: 1px 1px 3px 0px #d2d2d2;*/
    padding: 4px;
    
}


.quoteBtnApopup {
    font-family: icomoon2;
    font-size: 17px;
    color: #000;
    text-decoration: none;
    margin: 0 0px;
    border-radius: 30px;
    background-color: #f5f5f5;
    /*box-shadow: 1px 1px 3px 0px #d2d2d2;*/
    padding: 6px 6px 5px 5px;
    position: relative;
    top: -1px;
}

span.replyBtnA {
    position: relative;
    top: 4px;
    color: #252525;
}

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

.intrestBtnA, .intrestBtnA a, .intrestBtnAVoted, .intrestBtnAVoted a {
    font-family: icomoon2;
    font-size: 21px;
    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;
    background-color: #00adff;
    /*#008ed0;*/
}

.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-color: #323232;
}

.fineArtBtn {
    background: transparent;
    color: #000;
    background-color: #e0e0e0;
    font-weight: 300;
    height: 37px;
    width: 37px;
    text-shadow: none;
    display: grid;
    place-items: center;
    margin-right: 5px;
    padding: 0;

}

#previewBookmark .fineArtBtn, #previewFavor .fineArtBtn {
    border: 0;
    background: #404040;
}

#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; */
    max-width: calc(100vw - 315px);   
}

.commentsTableWork {
    width: 100%; 
    max-width: calc(100vw - 315px);
    /*background: #fff;
    border-radius: 6px;
    padding: 0px 20px 20px 20px;
    box-shadow: 0 1px 2px #0000001f; */
}

.commentsTableBlog {

    margin: 30px auto 0 auto;
    border-radius: 6px;
    padding: 0px 20px 400px 20px;
    width: 980px;
}

.workTools {
    background-color: #E0E0E0;
    color: #000;
    font-family:icomoon, Icomoon2;
    font-size:17px;
    height: 37px;
    width: 37px;
}

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

.popBtn, .popBtn:hover {
    background: #595959 !important;
    color: #000 !important;
    border: none;
}

#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: 15px;
    height: 36px;
    padding: 0 8px 0 0;
    border-radius: 4px;
    font-weight: 400;
}

.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;
}

/* /css3 buttons */
/* /search form */
#q {
    font-size: 17px;
    font-weight: 400;
    font-family: 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: #beaef9; /*#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: 840px;
    margin: 0px auto 100px auto;
    padding: 0 20px 20px 20px;
    padding-top: 1px;
    color: #000;
    box-shadow: 0 0 40px 0px rgb(0 0 0 / 0.1);
    border-radius: 10px;

    /*background-color: #f8f8f8;*/
    background-color: #fff;
}

.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: 28px;
    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: 30px;
    font-size: 15px;
    font-weight: 400;
    height: 34px;
    line-height: 29px;
    background-color: #00adff;
    color: #fff;
    width: 180px;
    text-align: center;
    cursor: pointer;
    padding-left: 5px;
}

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: 15px;
    line-height: 27px;
    margin-bottom: 10px;
    height: 38px;
}

.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;
}
*/
#loginFormDloginPopup input {
    line-height: 26px;
    width: 214px;
    height: 33px;
    margin: 0 0 9px 0;
    font-size: 14px;
    padding: 0 5px;
    border: 0;
    background-color: #EAEBEC;
    border: 1px solid #;
    color: #000;
    -webkit-appearance: none;
}

.or, .or-div {
    margin: 0 auto;
    color: #000;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    height: 20px;
}

.or-div {
    border-top: 1px solid #cdcdcd;
    top: 13px;
    z-index: 900;
    width: 223px;
}

.or {
    background-color: #fff;
    z-index: 1000;
    padding: 7px 5px 0 5px;
    display: inline-block;
    height: 15px;
    top: -23px;
}

#registerButton, #registerButton:hover {
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    float: right;
    width: 223px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    text-align: center;
    color: #fff;
    background-color: #d51d1d; /*#5baaff;*/
    position: absolute;
    top: 255px;
    left: 27px;
    border-radius: 4px;
}

.formRight.LGN {
    padding: 0;
    width: 282px;
    position: relative;
}

.formDiv input[type='text']:focus, .myPortInpL, .myPortInpR {
}

.formDiv input[type='checkbox'], .formDiv input[type='radio'] {
    line-height: 20px;
    height: 21px;
}

.formDiv select {
    font-size: 15px;
    height: 39px;
    margin-bottom: 7px;
}

.formSeparator {
    line-height: 10px;
    display: block;
    clear: both;
    width: 95%;
    height: 0;
    margin: 0 auto;
}

.formSeparatorPers {
    line-height: 10px;
    display: block;
    clear: both;
    width: 95%;
    height: 10px;
    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: 16px;
    color: black;
    /*border: 1px solid #d0dadc;*/
    box-shadow: 0 0 15px 0px #04040414;
    font-size: 13px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

.formLeft {
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    float: left;
    width: 220px;
    min-height: 41px;
    padding: 0 20px 0 0;
    text-align: right;
    white-space: nowrap;
    text-overflow: clip;
}

.formRight {
    float: left;
    width: 570px;
    min-height: 31px;
    padding: 0 0 0 5px;
}

.formRight select {
    /*margin-top: 5px;*/
}

.formRow {
    display: block;
    min-height: 41px;
    background-color: transparent;

}

    .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: #d9edf7;
}

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

.errMsg {
    background: #c43c35;
}

#cookieWarnClose {
    margin-left: 9px;
}

#cookieWarnClose img.emoji {
    width: 18px;
    height: 18px;
}

#resultMsg {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    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: 5px;

}

#editModal {
    display: none;
}

#saveMsgMod>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;
    right: 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: 2px 65px 35px 50px;
    color: #a7a7a7;
}

.uploadUploadNote1 {
    font-size: 13px;
    margin: -7px 0 10px 51px;
    color: #212121;
}

.uploadUploadNote2 {
    font-size: 13px;
    margin: -10px 0 40px 51px;
    color: #212121;
}

.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-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #1d1d1d;
    border: none;
    outline: none;
    background-color: #efefef;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 37px;
}

.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-family: RockfordSans, Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.portInfo {
    color: #c43c35;
}

/* /portfolio */
/* settings */
.settings .myPortDiv, .settings .myPortDivH, .settings .myPortDivL, .settings .myPortDivR, .settings .myPortDivLH, .settings .myPortDivRH {
    float: left;
    width: 350px;
}

/* /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: 0 6px 40px 7px;
}

/* /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;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
}

.paymentFrame {
    position: absolute;
    top: -13px;
    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: 4px;
}

.pay-button {
    width: 157px;
    height: 35px;
    cursor: pointer;
    border: none;
    background: url(def/paybuttons.png?v2) 0 0 no-repeat;
}

#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;
   /* 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%);
*/
}

#headerBottom {

    width: 100%;
    position: relative;
    margin-bottom: 20px;

}

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 -85px 0px;
    position: relative;
    top: -88px; /*-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;
    /* border-bottom: 1px solid #dedede; 
    background: #fff;*/
    display: inline-block;
    padding: 6px 1px 1px 7px;
    border-radius: 30px;
    height: 45px;
    position: relative;
    z-index: 500;


    top: -5px;
    /*box-shadow: 0 0px 10px 2px rgba(0, 0, 0, .06);*/
}


.flexDiv {
    
    display: flex;
    padding: 4px 180px;
}

.flexDiv::before {
    /* box-shadow: inset 0 3px 4px #00000038;*/
    background-color: #dadada; /*#F2F4F7;*/
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: -1;
    width: 100%;
    clip-path: polygon(27px 46px, 28px 46px, 51px 45px, 61px 44px, 70px 42px, 80px 39px, 95px 33px, 108px 27px, 119px 22px, 137px 14px, 150px 8.4px, 160px 4.8px,167px 3px,172px 1.7px, 179px 0.8px, 181px 0.5px,182px 0.4px,183px 0.3px, 190px 0px, calc(100% - 190px) 0px, calc(100% - 183px) 0.3px, calc(100% - 182px) 0.4px, calc(100% - 181px) 0.5px, calc(100% - 179px) 0.8px, calc(100% - 172px) 1.7px, calc(100% - 167px) 3px, calc(100% - 150px) 8.4px, calc(100% - 137px) 14px, calc(100% - 119px) 22px, calc(100% - 108px) 27px, calc(100% - 95px) 33px, calc(100% - 80px) 39px,calc(100% - 70px) 42px, calc(100% - 61px) 44px, calc(100% - 51px) 45px, calc(100% - 28px) 46px, calc(100% - 27px) 46px);
    height: 100%;
}


.flexDiv::after {
    /* box-shadow: inset 0 3px 4px #00000038;*/
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: -1;
    width: 100%;
    clip-path: polygon(27px 46px, 28px 46px, 51px 45px, 61px 44px, 70px 42px, 80px 39px, 95px 33px, 108px 27px, 119px 22px, 137px 14px, 150px 8.4px, 160px 4.8px,167px 3px,172px 1.7px, 179px 0.8px, 181px 0.5px,182px 0.4px,183px 0.3px, 190px 0px, calc(100% - 190px) 0px, calc(100% - 183px) 0.3px, calc(100% - 182px) 0.4px, calc(100% - 181px) 0.5px, calc(100% - 179px) 0.8px, calc(100% - 172px) 1.7px, calc(100% - 167px) 3px, calc(100% - 150px) 8.4px, calc(100% - 137px) 14px, calc(100% - 119px) 22px, calc(100% - 108px) 27px, calc(100% - 95px) 33px, calc(100% - 80px) 39px,calc(100% - 70px) 42px, calc(100% - 61px) 44px, calc(100% - 51px) 45px, calc(100% - 28px) 46px, calc(100% - 27px) 46px);
    height: 100%;
}

.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); */
}

.authCover {
    display: block;
    position: relative;
    background: inherit;
}

.authNameCover img {
    height: 24px;
}

.authFlag {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 3px;
    height: 15px;
}


.authNameCover {
    overflow: hidden;
    /* float: left; */
    white-space: nowrap;
    max-width: 900px;
    font-size: 31px;
    line-height: 30px;
    text-align: center;
    min-height: 43px;
    color: #fff;
    margin: 0 auto;
    font-weight: 600;
    font-family: var(--boldFont);/*PTBold, Inter, 'Nunito','Fira Sans', Roboto, Helvetica, Arial, sans-serif;*/
    position: relative;
    top: 8px;
    letter-spacing: -0.4px; 
}

.authMoodCover {
    color: #f2f2f2;
    white-space: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    height: 22px;
    font-family: var(--regularFont);/*PTRegular, Inter, Nunito, -apple-system, BlinkMacSystemFont, San Francisco, Helvetica Neue, Roboto, Noto, 'Open Sans', 'Segoe Ui', arial, sans-serif;*/
    /*font-style: italic;*/
    letter-spacing: 0px; 
}

.topWhiteMenu {
    height: 56px;
    padding-top: 6px;
    background: #fff;
    box-shadow: 0 0px 6px 0px rgba(0, 0, 0, .5);
}

.authMoodCover a, .authMoodCover a:hover {
    color: #fff; /*f2f2f2;*/
}

.authStatCoverWrap {
    padding-top: 32px;
    position: relative;
    top: 13px;
}

.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 16px 0 13px;
    display: inline-block;

}

.authStatLeft, .authStatRight {
    min-width: 215px;
    display: inline-block;
    text-align: left;
}

.authStatLeft {
    text-align: right;
}



.authStatVal {
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
    /*color: #fff; f0f0f0;*/
    text-align: center;
    font-family: var(--mediumFont);/*PTBold, Inter, Nunito, Roboto, Helvetica, Arial, sans-serif;*/
}

.authStatVal a, .authStatVal a:hover {
    color: #fff; /*f0f0f0;*/
    text-decoration: none;
}

.authStatValLogin {
    font-size: 18px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
}

.authStatStrLogin {
    padding-left: 1px;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #fff; /*d2d2d2;*/
}

.authStatStr {
    padding-left: 1px;
    font-weight: 300;
    font-size: 12px;
    line-height: 6px;
    /*color: #fff; d0d0d0;*/
    text-align: center;
    font-family: var(--regularFont);
}

.buttonCover {
    position: relative;
    text-align: center;
    border: none; 
    display: inline-block;
    top: -24px;
}

.buttonCoverBlog {
    position: relative;
    text-align: center;
    border: none; 
    display: inline-block;
    top: 20px;
}

.portfolioBtn, .followBtn, .unfollowBtn {
    height: 35px;
    line-height: 37px;
    padding: 0 18px 1px 26px;
    border: none;
    text-shadow: none;
    font-size: 17px;
    font-weight: 700;
    font-family: var(--boldFont);/*PTBold, Nunito, RockfordSans, Roboto, sans-serif;*/

    border-radius: 30px;

}

.profileLink, .profileLink:hover  {
    font-family: var(--rockfordFont); /*RockfordSans, PTMedium, PTRegular, Roboto, Helvetica, Arial, sans-serif;*/
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    position: relative;
    top: 1px;
    margin-right: 14px;
    margin-left: 5px;
    color: #000000;
    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;
}

.seriesLnkWrap {
    display: inline-block;
    margin-right: 1px;
}

.smallAvContainer {
    display: inline-block;
    /*width: 84px;*/
    padding-left: 9px;
    position: relative;
    top: 0px;
}

.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;
 
}

.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;
}

.recPopupBtn {
    display: inline-block;
    
    border: none;

    text-shadow: none;
    font-family: 'Roboto', Helvetica, 'Segoe Ui', Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    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 {
    background: var(--followGradient); /*#008dd0;   url(def/cover_icons.png?v2) 11px 7px no-repeat; */
}

.recPopupBtn:hover, .recPopupBtn:active, .recPopupBtn:focus {
    /* background: #00b5e4; */
}

.followBtn:hover, .followBtn:active, .followBtn:focus {
    background: #42a5f5; /* url(def/cover_icons.png?v2) 11px 7px no-repeat; */
}

.unfollowBtn {
    background: #a9a9a9;
    padding: 0 15px;
}

.unfollowBtn:hover, .unfollowBtn:active, .unfollowBtn:focus {
    background: #cc0000;
}

.portfolioBtn {
    padding-left: 18px;
    background: rgba(225, 225, 225, 0.4);
}

.pricingButton, .pricingButton:hover {
	position: absolute; 
	text-decoration: none; 
	display: block; 
	bottom:  0px; 
	left: 305px; 
	height:33px;   
	width: 150px;
	text-align: center;
	padding: 0px 10px 0px 8px;
	background: var(--followGradient); /*#00adff; */
	border-radius: 25px;
}

.pricingButtonLabel {
	 white-space: nowrap;
	 position: relative;
	 top: 2px;
	 margin-left: 4px; 
	 font-size:13px; 
	 color:#fff;
	 font-weight:600;
	 text-decoration: none;
}

#getFollow2 .portfolioBtn:hover, #getFollow2 .portfolioBtn:focus {
    background: rgba(13, 13, 13, 0.73);
}

#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;
}

#getFollow2 .followBtn, #getFollow2 .unfollowBtn, #getFollow2 a.portfolioBtn, .previewFollow .followBtn, .previewFollow #unfollowBtn {
    font-family: var(--mediumFont);/*PTMedium, Roboto, Helvetica, Arial, sans-serif;*/
    height: 23px;
    line-height: 23px;
    padding: 0px 0px 0px 0px;
    border: none;
    text-shadow: none;
    font-size: 15px;
    font-weight: 500;
    border-radius: 22px;
    color: #008DD0;

}

#getFollow .portfolioBtn,
#getFollow2 a.portfolioBtn {
    color: #000;
}


.previewFollow .followBtn, .previewFollow .followBtn:hover, .previewFollow .followBtn:active, 
.previewFollow #unfollowBtn, .previewFollow #unfollowBtn:hover, .previewFollow #unfollowBtn:active  {
	height: 26px;
    border-radius: 25px;
    line-height: 26px;
    background: var(--followGradient);
    color: #fff;
    box-shadow: none;
    font-size: 13px;
    padding: 0 14px 0 17px;
}


.previewFollow {
    position: absolute;
    left: 14px;
    top: 60px;
}

.previewFollow #unfollowBtn {
    left: -5px;
}

.previewFollow .followIcon {
    font-size: 14px;
    top: 2px;
    left: -5px;
    color: #fff;
}

.previewFollow .portfolioBtn, .previewFollow .portfolioBtn:hover {
    background: #000;
}



.portfolioBtn:hover, .portfolioBtn:active, .portfolioBtn:focus {
    background: rgba(225, 225, 225, 0.44);
}

#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;
}

.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-family: 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: 10px;
}

#authActivityLnk:hover {
}

#authActivityMenu #bannedLnk {
    padding-left: 50px;
    position: unset;

}

#authFollowersLnk {
    vertical-align: top;
    position: relative;
    top: 9px;
}

.authProfMenu {
    padding-top: 13px;
    display: inline-block;
}

#authActivityMenu a {
    z-index: 100;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 4px 30px 2px 25px;
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

#authActivityMenu a:hover {
    text-decoration: none;
    background-color: #f2f2f2;
}

/* /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: 9px;
    color: #000;
}


.phNameNew span.heart_gall {
    font-family: Icomoon2;
    position: relative;
    top: 2px;
    overflow: visible;
    font-size: 14px;
    display: inline-block;
    margin: 0 6px 0 1px;

}

#ivImage {
    height: 100%;
}

.availableWorks {
    text-align: center;
    font-size: 16px;
    font-family: var(--regularFont);/*PTRegular, 'Roboto', Helvetica, Arial, sans-serif;*/
    font-weight: 400;
    position: relative;
    top: -18px;
    margin-bottom: 10px;
}

.availableWorks b {
    font-family: var(--boldFont);/*PTBold;*/
}

.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;
}

.apmWbg {
    width: 100%;
    background-color: transparent;
    position: relative;
    z-index: 500;
    height: 80px;
   
    white-space: nowrap;
    /* looks better on small screens*/
    min-width: 1200px;
    right: 0;
    top: -37px;
}

.apmWbgColor {
    background-color: #fff;
    
}

.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: 17px;
    font-family: Icomoon2;
    color: #fff;
    position: relative;
    top: 2px;
    left: -8px;
    line-height: 18px;
    font-weight: 400;
}

#getFollow2 .followIcon {
    font-size: 14px;
    top: 1px;
    left: -5px;
    color: #008DD0;
}

#showMoreComm, a.showMoreComm:hover {
    font-size: 13px;
    text-decoration: none;
    color: #101010;
}

.iconArrowDownShowMoreComm {
    font-family: Icomoon2;
    font-size: 18px;
    color: #383838;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.iconComm {
    font-family: Icomoon2;
    font-size: 26px;
    color: #000;
    position: relative;
    top: 2px;
    padding: 5px 5px 6px 6px;
    margin-left: 1px;
   
}

.actionsPos {
    position: relative;
    top: -6px;
}


.iconCommActions {
    font-family: Icomoon2;
    font-size: 24px;
    /* 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: 24px;
    color: #ffffffeb;
    position: relative;
    top: 11px;
    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: 15px;
    color: #98afbc;
    position: relative;
    top: 2px;
    margin: 0 7px;
}

.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: #fff;
    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: #272727;
}

.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: #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: #fff;
    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: #272727;
}

.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: -21px;
}

#authFollowBlk {
    display: inline-block;
    height: 33px;
    padding-top: 5px;
    margin-left: 5px;
}

@media screen and (max-width: 1570px) {
    .profileLink, .profileLink:hover {
        font-size: 16px;
    }


.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;
    }
}

@media screen and (max-width: 1430px) {
    #searchTD {
        display: none;
    }
}