#header, #parallaxDiv, #workWrap/* 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 'Roboto', arial;
    line-height: 1;
    min-width: 1200px;
    margin: 0;
    background-color: #f2f2f2;
    /*background-color: #f7f7f7;*/
    color: #000;
}

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



.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, tahoma, arial, serif;
    outline: none;
    border: none;

}

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

.txtArea {

    font-family: Roboto, arial, verdana, serif;
    height: 100px;
    font-size: 13px;
    line-height: 140%;
    border: 2px solid #d6d6d6;
    border-radius: 6px;
    background-color: #fdfdfd;
    outline: none;


}




.input,
input[type='text'],
input[type='password'],
textarea,
option,
select,
#port_title_font,
#port_subtitle_font,
#port_menu_font,
#port_body_font {
    font: 12px Roboto, arial, serif;
    padding: 0 7px;
    border: 1px solid #d3d3d3;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

option {
    border: none;
}

select {
    padding: 0 2px;
}

textarea {
    line-height: 14px;

    padding-top: 4px;
}


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

.placeholder {
    color: #aaa;
}


.icomoonSymbol:before {

    font-family: Icomoon;
    font-size: 19px;
    color: #fff;
    content: "\e903";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 12px;

}


.round {
    -webkit-border-radius: 43%;
    -moz-border-radius: 43%;
    border-radius: 43%;
    -khtml-border-radius: 43%;
    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: 15px;
    font-weight: 500;
    margin-left: 8px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

.round3PopupAvatar {
 
    border-radius: 43%;
}

.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: #2678af; */
    color: #4072a7;

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

.blogThumb {
    display: block;
    overflow: hidden;
    text-align: center;
    /*background-size: cover;*/
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

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

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

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





/* /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: 60%;
    /*margin-left: -67%;*/
}

.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) 12px 7px no-repeat;
    padding: 0 12px 0 40px;
    margin-top: 10px;
    line-height: 30px;
    border: 1px solid #e4e4e4;
    font-size:13px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
}

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

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

#headerWrap {
    position: relative;
}

.profileBadge {

position:relative;
top:-15px;

}

#contentDiv, #headerWrap, .maxW, #addWorks, #shareBlk {
    width: 100%;
    /*min-width: 1050px; */
    /*max-width: 1600px;*/
    margin: 0 auto;
    background: #f2f2f2;
}

 
#headerWrap, .maxW, #addWorks, #shareBlk {

    background: #fff;
}


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

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


#authorWorks {
    position: relative;
    top: -30px;
    z-index: 1;
}




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

#wrapIndexHead {
  
}

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

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

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

#goadCommBottom {
    margin-top:15px;
}


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

#header {
    height: 55px;
    padding-top: 7px;
    margin-bottom: 7px;
  /*  border-bottom: 2px solid #5c81ab;*/ 
    background-color: #7aa3d0;
}

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

#headerMenu {
    line-height: normal;
    float: left;
    margin: 0 0 0 6px;
}

#headerMenu a {
    text-decoration: none;
}

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

    color: #cee9fb;
}

#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 {
    position: absolute;
    z-index: 100;
    top: 45px;
    background: #7aa3d0;
    padding: 10px 5px 2px 5px;
    -webkit-box-shadow: 0px 9px 5px 0px rgba(0, 0, 0, .22);
    -moz-box-shadow: 0px 9px 5px 0px rgba(0, 0, 0, .22);
        box-shadow: 0px 9px 5px 0px rgba(0, 0, 0, .22);
    -khtml-box-shadow: 0px 9px 5px 0px rgba(0, 0, 0, .22);
}

#headerSubmenu.cover {
    background:#fff;
}

#menuTbl #headerSubmenu a.cover { 

color: #000;

}

.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  { 
padding: 2px 9px 0 9px;
    min-width: 86px;
    margin: 0;
    display: block;
    font-size: 15px;
    line-height: 22px;
    height: 27px; 
    
}





.portImgCount {

    border: 1px solid #d4d4d4;
    padding: 5px 6px 4px 6px;
    border-radius: 20px;
} 




#logo {
    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: 56px;
}

#menuTbl a {
    line-height: 28px;
    display: block;

    height: 28px;
    margin-top: 12px;
    padding: 0 15px 0 15px;

    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-family: Roboto,'Open Sans', 'Segoe Ui', arial, serif;
    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.png?v3) 50% 46px no-repeat;
}

#menuTbl .menuAAct {
    color: #cee9fb;
}

#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: 0;
     
    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: 14px;
    color: #d2d2d2;
    cursor: pointer;
}

#moodTxt .editIconMy {
    color: #d2d2d2;
    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;
    position: relative;
    top: 5px;
}

#loginDivDivName {
    
    white-space: nowrap;
    
    
    margin: 15px 5px 0 0;
    /*background: url(def/others.png?v2) -905px -176px no-repeat;*/
}

#loginDivName, #loginDivName:hover {
    display: block;
    font-size: 14px;
    line-height: 13px;
    font-weight: 400;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;
}


#loginDivName.loginDiv {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    color: #fff;
    font-family: 'Open Sans';
    text-transform: uppercase;
    line-height: 11px;
    position: relative;
    right: 0;
}



#loginAvatar {
    display: block;
    width: 41px;
    height: 41px;
    margin-right: 9px;

    /* background: url(def/arr_user_menu.png?v2) -252px -9px no-repeat; */
}

#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: 13px;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #00a1d0;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}

/* /login form */

.popupCover {
    position: absolute;
    width: 470px;
    height: 203px;
    z-index: 300;
    border-top-left-radius: 6px;
    text-align: center;
       
   
}

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

/* user menu */
#userMenu {
    position: absolute;
    z-index: 300;
    top: 50px;
    right: 7px;
    display: none;
    width: 625px;
    height: 245px;
    min-height: 1%;
    text-align: left;
    border-top: none;

    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .5);
    -khtml-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .5);

    background-color: #fff;

    border-radius: 6px;
}

.usmenu {
    
    
    border-radius: 43%;
}



.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: 10px 25px 10px 25px;
    color: #3c3c3c;
}

#userMenuItems {
    float: right;
    width: 145px;
}

#userMenuItems li {
    line-height: 26px;
    padding-left: 7px;
    margin-left: 10px;

    border-radius: 3px; 
   

    /*  border-bottom: 1px dotted #c4c4c4;
      background: url(def/icons_property.png?v2) 0 4px no-repeat;  */
}

.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: 2px;
    margin: 0 4px 0 1px;
}



.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 {
    text-decoration: none;
    color: #7aa3d0;
}

#userMenuItems a {
    font-size: 14px;
    font-weight: 400;
    font-family: Roboto, 'Open Sans', 'Segoe Ui', arial, serif;
    display: block;
    /*text-transform: uppercase;*/
    color:#292929;
} 


#menuTbl a.coverWhite {
 
    color:#fff;
}

#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: #1d1d1d;
    text-decoration: none;
}


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

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


.menuIconPhoto, .menuIconPortfolio,  .menuIconBlog, .menuIconSubs, .menuIconBlock, .menuIconAbout {

    font-family: Icomoon2;
    font-size: 16px;
    color: #292929;
    position: relative;
    padding: 6px 6px 6px 6px; 
    background:#e8e8e8;
    border-radius:25px;  
    margin-right:6px; 
    top: 1px;

}




.menuIconSeries {

    font-family: Icomoon;
    font-size: 16px;
    color: #292929;
    position: relative;
    padding: 6px;
    top: 1px;
 margin-right:6px; 
      background:#e8e8e8;
    border-radius:25px;   

}


.menuIconWorks2 {
    font-family: Icomoon2;
    font-size: 16px;
    color: #383838;
    position: relative;
    padding-right: 9px;
    top: 2px;
}


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


.loginMenuIcon {
    font-family: Icomoon;
    font-size: 14px;
    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;
}

#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;
    line-height: 23px;
    height: 23px;

    z-index: 102;
    display: block;
    float: left;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

    width: 166px;
    padding: 0 0 0 24px;

    color: #5c5c5c;
        position: relative;
    top: -7px;
}

#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: #5c81ab;
    padding: 3px 5px;
    border-radius: 20px;

}


a.cover b  {

color:#fff; 

}

/* /user menu */

/* gallery menu */
.wrapGallMenu {
    padding: 10px 2px 10px 20px;
}

.wrapGallMenuItem {
    float: left;
    position: relative;
    top:6px;
    left:3px;
}

.gallMenuTab {
    margin-top: 4px;
    float: left;
/*  
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
background-color: #e6e6e6; 
*/
    line-height: 23px;
    height: 23px;
    margin-right: 0px;
    padding: 0 10px;
    font-family: 'Roboto', calibri, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    cursor: pointer;
    border-top: 1px solid transparent;
    border-bottom: none;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

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


.gallHeader2 {
    
    position: relative;
    color: #2d2d2d;
    font-family: 'Roboto', calibri, sans-serif;
    font-size: 16px;
    font-weight: 500;

	background: #e8e8e8;;
	border-radius: 25px;
	padding: 5px 15px;   
    

}



.gallMenuHeaderTab, .gallHeader {
    float: left;
    position: relative;
    height: 37px;
    line-height: 30px;
    color: #2d2d2d;
    font-family: 'Roboto', calibri, sans-serif;
    font-size: 17px;
    font-weight: 500;

   
    margin-right: 9px;

   /* background-color: transparent;

    border-top: 1px solid transparent;
    border-bottom: none;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
*/
}

.gallHeader {
    
    top: 6px;
}

.gallMenuHeaderTab {
    cursor: pointer;
    font-size: 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; */
}

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

.gallMenuContent, .gallMenuHeaderContent {
    z-index: 999;
    position: absolute;
    padding: 30px 10px 10px 10px; 
    background-color: #fff;
    border-radius: 4px;

  
   
}

.gallMenuHeaderContent {
    left: -14px;
    top:-7px;
    padding: 57px 0px 45px 20px;
    width: 530px;
    background-color: white;
    border-radius: 6px;
  
    box-shadow: 1px 6px 10px 1px rgba(0, 0, 0, .3); 
}

.gallMenuContent a, .gallMenuHeaderContent a {
        padding: 0 10px 0 8px;
    border-radius: 3px;
    display: block;
    white-space: nowrap;
    font-family: 'Roboto', calibri, sans-serif;
    font-size: 19px;
    line-height: 31px;
    font-weight: 300;
    color: #747474;
}

.gallMenuHeaderContent a:hover {

   background-color: #f2f2f2;
    text-decoration: none;
    color: #747474;
}

.gallMenuContent a {
    font-size: 13px;
    line-height: 22px;
    padding:0 6px;
    width: 84px;
}

.gallMenuContent a:hover {

    background-color: #f2f2f2; 
    text-decoration: none;
    
}

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

.gallMenuSubCat a {
    font-size: 15px;
    line-height: 26px;
    color: #747474;
    font-weight: 500;
}

.gallMenuSortingContent {
    min-width: 80px;
}

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

.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,
#authorWorks,
#authorJournal,
#authorFollowers,
#authorFriends,
#authorGuestBook,
#addCommForm {
    clear: both;
    width: 100%;
}

#addCommForm {
    padding-top: 10px;
    border-top: 1px solid #dfdfdf;
}

#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:16px;
    width: 200px;
   
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;

}

.whiteBlogBodyLeft {
    background: #fff;
    border-radius:16px;   
    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;
}




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

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

label {
    line-height: 20px;

    cursor: pointer;
    /*vertical-align: text-bottom;*/
}

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: 500;
    padding-bottom: 3px;
    color: #2d2d2d; 
}

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: 148px;
    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: 11px;
    font-weight: 400;
}

.authRateTop {
    padding: 6px 6px 6px 0;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #d0dadc;
}

#wrapNowUsers p {
    line-height: 1.3;

    padding: 6px 6px 3px;
    color: #929292;
}

#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: 'Lato', 'Open Sans', 'PT Sans Narrow', calibri, sans-serif;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
    text-align: center;
}

#headerBottom .advantages {
    /*background: url(../img/check-icon.png?v2) 0 11px no-repeat;*/
    font-family: 'Lato', 'Open Sans', calibri, sans-serif;
    font-weight: 300;
    font-size: 30px;
    /* padding-left: 46px;*/
    color: rgba(255, 255, 255, .9);
    white-space: nowrap;
}

/* /index cover */

.refWrap {
    text-align: center;
    font-family: 'PT Sans Narrow', calibri, 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: 100%;
    margin-left: -437px;
    padding-right: 20px;
}

.tryPortLeft {
    margin-left: 437px;
}

.tryPort {
    position: relative;
    float: left;
    left:23px;
    width: 391px;
    height: 310px;
    background: #666 50% 50% no-repeat;
    background-size: auto 110%;
}

.tryPort .portSampleLnk {
    z-index: 999;
    cursor: pointer;
    position: absolute;
    top: 200px;
    left: 13px;
    width: 40px;
    height: 31px;
}

.tryPort .portSampleLnk:hover {
    text-decoration: none;
}

.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 .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: 20px;
    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: 34%;
    height: 90px;
    /*background-color: #fff;*/
}

.footerMenuTop {
    height: 28px;
    padding-left: 0;
    /*border-bottom: 1px dotted #afafaf;*/
}

#footer p {
    line-height: 12px;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 9px;
    color: #cbcbcb;
}

#footer a,
#footer a:hover {
    font-size: 12px;
    margin: 0 6px;
}

.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: 16px 0 0 0;
    color: #444;
}

.counters .about_icon {
    color: #444;
}

.counters .about_icon:hover {
    color: #000;
}

.copyright {
    font-size: 11px;
    line-height: 1.2;

    position: relative;
    right: 0;
    padding: 0;
    text-align: right;
    color: #444;
    overflow: hidden;
}

#footer .copyNote {
    font-size: 9px;

    color: #929292;
}

#footerMargin {
    clear: both;
    margin: 14px 20px 0 20px;
    /*width: 100%;*/
    /*min-width: 1050px;*/
    padding: 0 4px;
    /*max-width: 1600px*/;
}

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

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;

    background: #636363;
}

#pagerTop span.actPage {

    padding:2px 7px;
}



.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: 12px 1px 0px 25px;


}


.pagerProfile {

     background:#fff; 
     height:44px;
     border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;
}



.roundedGallPagerB span,
.actSpanTab, .actTab {


    margin: 0 .2em 0 .1em;


    font-size: 13px;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #4a4a4a;
    color: #fff;


    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px; 
}

.roundedGallPagerB span {

    font-size:18px;
}




.actTab a {
    color: #fff;
}

.actTab {
    padding-top: 0;
}

.actSpanTab {
    margin: 0;
    border-radius: 4px;
}

.roundedGallPagerB a {
    font-size: 18px;
    font-weight: 500;
    
    padding: 0 8px 0 4px;
    color: #2d2d2d;
    text-decoration: none;
}

.roundedGallPagerB a:hover {
    color: #7b7b7b;

}

#wrapWorkComm .roundedGallPagerB {
    border-top: none;
    /*background-color: #fff;*/
}

#pagerTop a,
#pagerTop span {
    padding: 3px;

    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -khtml-border-radius: 13px;
}

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

#pagerTop {
    white-space: nowrap;
    position: relative;
    top: 13px;
    font-weight: 600;
    font-size: 14px;
}

/* /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;
    background: url(def/others.png?v2) 0 100% no-repeat;
}

.phImg img, .phImg svg {
    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: 16px;
    height: 18px;
    font-weight: 300;
    color: #fff;
    padding-top: 18px;
    padding-left: 12px;
    padding-right: 100px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}

.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: 11px;
    text-decoration: none;
    border-radius: 15px;
    background: #00A1D0;
    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: #4e4e4e;

}

.phNameNew span, .blogNameNew span {
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    height: 18px;
    max-width: 86%;
    padding-right: 10px;
}

#commTbl .phNameNew, #commTbl .blogNameNew {
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    height: 14px;
}

#commTbl .tickCatNew {
    padding-left: 4px;
    font-size: 11px;
}

#commTbl .phNameNew span, #commTbl .blogNameNew span {
    font-size: 13px;
    font-weight: 500;
    padding-right: 6px;
    width: 99%;
    max-width: 99%;
    display: block;
}

#commTbl .phDescNew, #commTbl .blogDescNew {
    height: 34px;
}

.phDescNew {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    height: 60px;
    padding: 0;
    opacity: 0;

    font-family: 'Source Sans Pro', calibri, sans-serif;

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


 .phDescBlog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    height: 220px;
    padding: 0;
 


}








.blogDescNew {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    height: 60px;
    padding: 0;
    opacity: 0;

    font-family: 'Source Sans Pro', calibri, sans-serif;
}

.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: block;
    padding-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #bbbbbb;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    height: 16px;
    padding-top: 1px;
}

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



.phBlogDate, .phBlogCounters {


    padding-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #bbbbbb;
    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: #afafaf;
}

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

.tickCommNew {
    display: block;
    z-index: 11;
    position: absolute;
    bottom: 12px;
    right: 10px;
    width: 33px;
    height: 33px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    box-sizing: border-box;
}

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

.tickDateNew {
    font-size: 9px;
    line-height: 12px;
    font-weight: 300;
    color: #afafaf;
}

.tickCommBg {
    background: transparent url(def/comm.png) 50% 50% no-repeat;
}

.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: 137px;
    margin: 8px;
}

.friendAva p {
    line-height: normal;
    display: table-cell;
    height: 35px;
    padding-bottom: 2px;
    text-align: left;
    vertical-align: bottom;
}

/* /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: 13px;
    font-family: 'Roboto', calibri, sans-serif;
}

.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: 12px;
    color: #989898;
}

.lnkComp,
.lnkComp:hover {
    font-size: 9px;
    position: relative;
    top: -3px;
    color: #c03;
}

.lnkEdit,
.lnkEdit:hover {
    font-size: 9px;
    position: relative;
    top: -3px;

    color: #35739c;
}

.imgMark {
    position: absolute;
    top: 3px;
    left: 1px;
    height: 14px;
}

.compMark,
.placeMark,
.dayMark {
    font-weight: 700;

  /*  z-index: 1; */
    position: absolute;
    left: 0;
    top: 0;

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

.noWorks {
    font-size: 14px;
    font-weight: 500;
    line-height: 200px;
    width: 100%;
    height: 200px;
    text-align: center;
    color: #212121;
    
}

.noComms {
    font-size: 14px;
    font-weight: 500;
    line-height: 4;
    width: 100%;
    height: 70px;
    text-align: center;
    color: #212121;
    /* background-color: #fff;*/
}

/* /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: 'Fira Sans', 'Open Sans', 'PT Sans Narrow', calibri, sans-serif;
    color: #333;
    line-height: 43px;
}


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


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

#blogs .blogComm {
    font-size: 12px;

    float: left;
    height: 13px;

    padding: 0;
    color: #333333;
    /*  background: url(def/others.png?v2) -959px -133px no-repeat; */
}

#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: 15px;
    line-height: 23px;
    clear: left;
    padding: 0;
    overflow: visible;
 
    margin: 0 auto;
    padding: 35px 0 0 0;
}

#blogs .blogsBody {
    font-family: Roboto, arial, verdana, serif;
    font-size: 15px;
    line-height: 23px;
    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 .blogBody p, #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 {
    max-width: 800px;
    margin: 0 auto 20px auto;
    color:#333;
    word-break: break-word;    
}

#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', calibri, 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;
}
    color: #333;
}

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

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

.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:11px 10px;
    border-bottom:1px solid #ededed;
    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: #333;
    text-align: center;
    margin: 0 auto;
}

.blogTitleCat, .blogTitleCat:hover {
    color:#fff;
    margin:0 auto;
    font-size:12px;
    text-decoration: none;
    border-radius: 15px;
    background:#00A1D0;
    padding:3px 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;*/
}

.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 {
    text-decoration: none;
    border-bottom: 1px dotted #2678af;
}

#add_crop_lnk:hover {
    text-decoration: none;
    border-bottom: 1px solid #15a1ff;
}

/* /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: 12px;
    position: absolute;
    z-index: 100;
    top: -2px;
    left: 0;
    _background: none;
    _margin: 1px 0 0 0;
}

.autocomplete {
    overflow: auto;
    max-height: 350px;
    cursor: default;
    text-align: left;

    border: 1px solid #999;
    background-color: #fff;
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

.autocomplete .selected {
    background-color: #f0f0f0;
}

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

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

/* /autocomplete */

/* work */

/*////////////////////////////////////////////////*/
.wrapWorkActions {
    height: 85px;
    padding: 0 10px;
    color: #757575;
    max-width: 1200px;
    margin: 0 auto;
    /*  font-size: 30px;*/
}

.workCounters {
    width: 100%;
    text-align: center;
    float: left;
    height: 34px;
    overflow: hidden;
    font-family: FreeSansBold, calibri, sans-serif;
    font-size: 37px;
}

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

.workCounters--views {
    padding-left: 60px;
}

.workCounters--dots {
    font-size: 34px;
    font-family: 'Lato', 'Open Sans', 'PT Sans Narrow', calibri, sans-serif;
    color: #3790ff;
    margin-left: 2px;
}
.messageDots, .messageDotsPopup
 {
    font-size: 34px;
    font-family: 'Lato', 'Open Sans', 'PT Sans Narrow', calibri, sans-serif;
    color: #3790ff;
    margin-left: 5px;
    cursor: pointer;
    position: relative;
    top:-1px;
}

.messageDotsPopup {

    margin: 0 6px;
    position: relative;
    top: -5px;
}




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

.wrapCatPhBg {
    margin: 0 auto;

}
/*////////////////////////////////////////////////*/

.wrapAuthName {
    font-size: 18px;
    font-family: 'Roboto', calibri, 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, calibri, sans-serif;
    font-size: 17px;
    line-height: 1.2;
    color: #545454;
    text-decoration: none;
    margin: 25px 0;
    border: none;
}

.wrapCatNames {
    padding: 0 10px;
}

.wrapAuthName .authRating {

    font-size: 18px;
    font-family: 'Roboto', calibri, sans-serif;
    font-weight: 300;
    color: #d14242;

}

.wrapPhEquip {
    margin: 8px 0;
    font-family: FreeSansBold, calibri, sans-serif;
    font-size: 14px;
    color: #686868;
    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, calibri, 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, calibri, 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: 217px;
    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, calibri, sans-serif;
    font-size: 17px;
    height: 32px;
    display: inline-block;
}


.wrapPhKeywords a {

    color: #686868;
    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: 217px;
    min-height: 32px;
    padding-left: 50px;
    padding-top: 1px;
    word-break: break-all;
}


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

.wrapWorkDesc {
    margin-top: 20px;
    margin-left: 20px;
    padding: 0;

    border-radius: 6px;

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.79) 1%, rgba(242, 242, 242, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.79) 1%, rgba(242, 242, 242, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.79) 1%, rgba(242, 242, 242, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00f2f2f2', GradientType=0); /* IE6-9 */
}

.wrapWorkDescCover {
    margin-bottom: 60px;
    height: 100px;
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;

    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-top-left: 6px;
    border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;

    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
}

/*////////////////////////////////////////////////*/

.wrapWorkComm {
    /*background-color: #f2f2f2;
    width: 92%;*/
    display: inline-block;
}

/*////////////////////////////////////////////////*/

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

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

#searchTD {
    display: none;
}

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

/*
@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: 10px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    margin-left: 4px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;

    background: rgba(0, 0, 0, .1) url(trans_nav.png?v2) no-repeat -286px 50%;

    color: #fff;
}

.PrevLink:hover, .NextLink:hover, .iconFullSize:hover, .EditLink:hover {
    background-color: rgba(0, 0, 0, .4)
}

.PrevLink {
    right: 55px;
    background-position: 10px 50%;
}

.EditLink {
    right: 145px;
    background-image: none;
}

.iconFullSize {
    font-family: icomoon2;
    right: 100px;
    font-size: 16px;
    background-image: none;
}

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

/* /work */

/* work comments */
#comm0 {
    float: left;
    width: 100%;
}

#comm0 td {
    /*border: 1px solid red;*/
}

#wrapWorkComm .roundedGallTR span {
    color: #fff;
}

#wrapWorkComm .roundedGallTR a,
#wrapWorkComm .roundedGallTL a {
    color: #545454;
}

#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: 2px solid #d6d6d6;
    border-radius: 6px;
    background-color: #fdfdfd;
    outline: none;
    width:100%;



}

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

.commLine1 {
    /* background-color: #f2f2f2; */
    border-top: 1px solid #dfdfdf;
}

.commActionsMenu {
    position: absolute;
    bottom: 25px;
    right: -3px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px 10px 10px 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.commActionsMenu a {
    display: block;
   
}

.commActionsMenu .about_icon {
    color: #606060;
    position: relative;
    top: -1px;
}

.commActions {
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
    padding: 0 6px 6px 0;
    text-align: right;
}

.commActions a {
    margin: 0 4px;
    font-family: 'Roboto', calibri, sans-serif;
    font-size: 12px;
    color: #606060;
    font-weight: 400;

    /* border-bottom: 1px dotted #2678af;*/
}

.commCitation {
    font-size: 11px;
    font-weight: 700;

    /*color: #2f4da4;*/
    /*border-bottom: 1px dotted #2f4da4;*/
}

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

.commDate {
    font-size: 14px;
    font-weight: 300;
    color: #b3b3b3;
    font-family: 'Roboto', calibri, sans-serif;
    padding-left: 8px;
}

.commDate a {
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;

    /*color: #2f4da4;*/
}

.commTextTd {
    width: 100%;
    text-align: left;
    padding-top: 22px;
    padding-left: 12px;
    position: relative;
}

.commAuthAvatarTd {
    padding-top: 17px;
}

.commText {
    font-family: 'Roboto', 'Open Sans', 'Segoe Ui', arial, serif;
    color: #101010;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    padding: 4px 0 15px 0;
    min-height: 78px;
    text-align: left;
    word-wrap: break-word;
    max-width: 780px;
}

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

.commText img {
    max-width: 100%;
}

.commQuote, .commQuotePopup {
    font-size: 13px;
    line-height: 18px;
    max-width: 600px;
    max-height: 54px;
    overflow-y: hidden;
    margin: 4px 0 7px 0;
    padding: 10px 12px 8px 12px;
    border: 1px solid #ced8df;
    background-color: #fbfbfb;
    border-radius: 5px;
}

.commQuotePopup {
    padding: 10px 12px 8px 12px;
    font-size: 13px;
    line-height: 18px;
    max-width: 600px;
    max-height: 35px;
}

#previewComm .commQuote {
    font-size: 12px;
    line-height: 17px;
    margin: 3px 0 7px 0;
    padding: 5px 8px 4px 8px;
    max-height: 50px;
}

.commAct {
    font-size: 9px;
    line-height: 11px;
    white-space: nowrap;
    padding-top: 4px;
}

.commAct a {
    font-family: FreeSans;
    font-size: 9px;
    color: #828282;
    font-weight: 300;
}

.commAct a:hover {
    text-decoration: none;

}

a.pBadge {
    position: relative;
    top: 80px;
    z-index: 999;
}

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

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

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

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

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

.commAuthName img{
    position: relative;
    top:2px;
    margin-left:1px;
}

.commAuthName a {
    font-size: 15px;
    font-family: 'Roboto', calibri, sans-serif;
    font-weight: 600;
    line-height: 14px;
    /*color: #5f78af;*/
}

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

.commAuthRate {
    font-size: 14px;
    font-family: 'Roboto', calibri, sans-serif;
    font-weight: 300;
    color: #d14242;
}

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

.commAuthMood {
    font-family: 'Roboto', calibri, sans-serif;
    font-weight: 300;
    font-size: 11px;
    padding-right: 8px;
    color: #777;
    line-height: 14px;
}

.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;
    /* border-bottom: 1px dotted #006200;*/
}

.commActions .editCommA:hover {
    color: #606060;
    /*  border-bottom: 1px solid #006200;*/
}

.delCommA, .editCommA {

    white-space: nowrap;
    margin-left:3px;
    padding: 5px 12px 3px 7px;
    border-radius: 3px;
    font-size: 13px;
    color:#000;


}

.delCommA:hover, .editCommA:hover  {

    
    text-decoration: none;

}




.commNum {
    position: absolute;
    top: 12px;
    right: 0;
    text-align: right;
}

.commNum .commNrA {
    font-size: 14px;
    font-weight: 300;
    color: #b3b3b3;
    font-family: 'Roboto', calibri, sans-serif;
    line-height: 36px;
}

.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: 14px;
    font-weight: 500;
    line-height: 33px;

    
    padding-top: 10px;
    color: #929292;
}

/* /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 97px;
    float: left;
    display: inline-block;
    text-align: left;
}

.workCommAuthName a {
    font-size: 14px;
    font-family: 'Roboto', calibri, sans-serif;
    font-weight: 700;
    line-height: 14px;
}

.workCommAuthName .commAuthMood {
    margin: -1px 0 0 0;
    overflow: hidden;
    width: 216px;
    white-space: nowrap;
}

.workCommBB {
    margin: 15px 0 4px 0;
    float: right;
    /*display: inline-block;*/
}

a .workCommBlock  {
    color: #545454;
    font-family: 'Roboto', calibri, sans-serif;
    font-size: 13px;
    font-weight: 500;


}

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


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

.workCommBlock {


    display: inline-block;
   
    background-color: #F7F7F7;
    border-radius: 5px;
    padding: 6px 9px;
    border: 1px solid #DFDFDF;
  

}

.pop {

    
    background-color: #d6d6d6;
    border-radius: 4px;
    border:0;
    margin-left: 4px;
    
}


.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 10px 8px 10px;
    cursor: pointer;
    white-space: nowrap;
    height: 100%;
    text-overflow: clip;
    background-color: #02020214;

}

/* author page */

#authInfoBlk {
    color: #545454;
}

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

.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 {
    /*min-height: 350px;*/

}


#wrapLastWorks, 
#wrapBlogs,
#workOfDay1,
#favorites,
#wrapContests,
#wrapAuthRatings {

    padding:0 20px;
    width:auto;
}

.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 6px 20px 0;
    padding: 0 8px 0 8px;
    background-color: #fff;
    border-radius: 4px;
    /*  border: 1px solid #dcdcdc; */

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;


    -webkit-box-shadow: 1px 1px 3px rgba(182, 182, 182, .3);
    -moz-box-shadow: 1px 1px 3px rgba(182, 182, 182, .3);
    box-shadow: 1px 1px 3px rgba(182, 182, 182, .3);
    -khtml-box-shadow: 1px px 3px rgba(182, 182, 182, .3);
}

* html .imgBox {
    display: inline;
}

* + html .imgBox {
    display: inline;
}

.aFullPage, .aFullPage:hover {
    display: none;
    /*z-index: 1;*/
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    text-align: center;
    background: rgba(0, 0, 0, .25);
    text-decoration: none;
}

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

.imgBoxNew, .imgBoxBlog {
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
}

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

.formTbl td {
    font-size: 12px;

    padding: 4px 2px;
}

.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: 4px;
    padding-bottom: 4px;
    vertical-align: top;
    color: #fff;
    background-color: #6da4ca;
}

.formTbl .header a {
    text-decoration: underline;

    color: #fff;
}

.submitFormTbl {
    font-weight: 700;

    padding: 1px 8px;
}

#commTbl td {
    /*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 {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px dotted #2678af;
}

.changeCat:hover,
#chooseCat:hover,
#authFromA:hover {
    text-decoration: none;
    color: #15a1ff;
    border-bottom: 1px solid #15a1ff;
}

#authFromA {
    font-family: tahoma, arial, serif;
    font-size: 12px;
    line-height: 16px;
}

.changeCatAct {
    font-weight: 700;
    text-decoration: none;
    color: #af0707;
}

.changeCatAct:hover {
    text-decoration: none;

    color: #af0707;
    border-bottom: 1px solid #af0707;
}

.changeCatDone {
    font-weight: 500;
    text-decoration: none;
    color: #2678af;
    font-size: 12px;
}

.changeCatDone:hover {
    text-decoration: none;

    color: #15a1ff;

}

.bgDiv {
    float: left;
    width: 24px;
    height: 26px;
    cursor: pointer;
}

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

    float: left;
    padding: 7px;
    white-space: nowrap;
    text-overflow: clip;

    color: #000;
        border-left: 1px solid #c3c3c3;
    /*text-shadow: 1px 1px 0 #fff;*/
}

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


.editWorkMy {

    /*  background: rgba(225, 225, 225, 0.3); */
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    color: #424242;

}

.editWorkMy:hover {

    text-decoration: none;
}

.delWorkMy {


    color: #424242;
    /* background: rgba(225, 225, 225, 0.3); */

    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    float: right;

}

.delWorkMy:hover {

    color: #fd0000;
    text-decoration: none;
}

.editIconMy {

    font-family: Icomoon;
    font-size: 15px;
    color: #656565;
    font-weight: 500;
    position: relative;
    top: 3px;
    padding-right: 4px;


}

.delIconMy {

    font-family: Icomoon;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    top: 1px;
    left: 2px;
    padding-right: 5px;
    padding-left: 10px;
}

.catIconMy {
    font-family: Icomoon;
    font-size: 12px;
    color: #656565;
    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: #e8ecf3;
}

.tr1 {
    background-color: #f1f2f3;
}

.tr00 {
    border-right: 1px solid #f1f2f3;
    background-color: #f1f2f3;
}

.tr10 {
    border-right: 1px solid #f1f2f3;
    background-color: #f1f2f3;
}

.tr00r {
    padding-top: 4px;
    /*border-right: 1px solid #fff;*/
}

.tr10r {
    padding-top: 4px;
    /*border-right: 1px solid #fff;*/
}

.tr00r img,
.tr10r img {
    background-color: #fff;
}

.commFromLine {
    padding: 7px 0 4px 0;

    border-bottom: 1px solid #d7dde2;
}

.authDate {
    font-size: 10px;
    color: #444;
}

.myWorksLine {
    /* background-color: #eee; */

    background-color: #e6e7f1;
    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: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

#show_more_options {
    padding: 0 0 0 20px;
}

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

.hideBtn input {


    background-color: #d57052;
}




#addBlogBtn {

border-radius: 15px; 
padding: 8px 12px 8px 40px;
background: url(def/add.png?v3) 23px 7px no-repeat #00a1d0;
text-align: center;

}

#addBlogBtnCover {

border-radius: 15px; 
padding: 8px 12px 8px 40px;
background: url(def/add.png?v3) 15px 7px no-repeat #00a1d0;
text-align: center;

}






#addBlogBtnDE {

border-radius: 15px; 
padding: 8px 12px 8px 40px;
background: url(def/add.png?v3) 16px 7px no-repeat #00a1d0;
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: -3px;
}

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

#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: 660px;
    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, .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);
}

.modal .close {
    position: absolute;
    top: 4px;
    right: 4px;
    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: 165px;
    padding-bottom: 6px;
}

#catModalDiv li {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0 3px 0 0;
    color: #424242;
}

#catModalDiv li a {
    font-size: 12px;
    font-weight: 400;
    display: block;
    padding: 3px 0 3px 1px;

    /*background: url(def/bullet.gif) 0 4px no-repeat;*/
}

#catModalDiv li a:hover {
    text-decoration: none;

}

/* /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: 374px;
    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: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    margin: 0 2px 0 2px; 


}

.workActionTools {
    font-size: 9px;
    line-height: 2;

    float: left;
    width: 71px;
    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: #929292;
}

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

.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: 5px 6px;
    text-align: left;

    border-bottom: 1px solid #dfdfdf;
}

#marksTbl .brdR {
    border-right: 1px solid #dfdfdf;
}

#marksTbl .header {
    color: #fff;
    background-color: #6da4ca;
    font-size: 12px;
    line-height: 12px;
}

#marksTbl .marksImg {
    background-color: #fff;
}

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

.previewPopup {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    background-color: #f2f2f2;
}

.shareToView {
    position: fixed;
    top: 50%;
    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: 540px;
    height: 300px;
    text-align: center;
    color: #505050;
    background-color: #f7f7f7;
    font-size: 16px;
    font-family: 'PT Sans Narrow', calibri, sans-serif;
}

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


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

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

#previewPrevClose, #previewClose {
    min-width: 100px;
    cursor: pointer;
    background-color: #272727;
}

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

}

.popDownBg {
    
    padding-bottom: 80px;
}

.popUpBg {
    background-color:#272727;
}


#previewPrevIcon {
    display: none;
    z-index: 9999;

    position: fixed;
    top: 0;
    bottom: 0;
    width: 60px;

    cursor: pointer;
    opacity: 1;
    background: url(black/classic-map.png?v) no-repeat 20px 20px;
}

.previewCommLine {
    clear: left;
    width: 590px;
    padding: 15px 0px 2px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.previewCommBlk {
    float: left;
    width: 590px;
    padding-right: 7px;
    /*  border-right: 1px solid rgba(0, 0, 0, .1);  */
}

.previewCommAuName {
    display: block;
    padding-bottom: 3px;
    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:9px;
}

.previewCommAuName .commDate {
    font-size:12px;
}



.previewCommL {
    float: left;
    width: 40px;
    padding-right: 9px;
}

.previewCommR {
    float: left;
    width: 540px;
}


#previewAuthName a {
    color:#e8e8e8;
}

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

.previewPhComm {
    display: block;
    width: 100%;
    font-family: Roboto, arial, verdana, serif;
    font-size: 14px;
    line-height: 130%;
    overflow: hidden;
    word-wrap: break-word;
    margin-top: 19px;
}

.previewCommHead {
    float: left;
    line-height: 28px;
    font-size: 14px;
    font-weight: 500;
    color: #383838;

}

.discussionHead {
        width: 590px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);   
    height: 25px;
}

.previewComm {
    display: block;
    padding-top: 4px;
    font-family: Roboto, arial, serif;
    font-size: 14px;
    line-height: 21px;
    word-wrap: break-word;
    color: #101010;
}

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

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

#previewRec {
    color: #9f9d9d;

    
}

#previewNext .previewCatName {
    color: #464646;
    display: block;
    padding-top: 2px;
    font-size: 12px;
    text-decoration: none;
}

#previewPhData {
    padding: 21px 0 10px 21px;
    font-size: 11px;
    color: #9f9d9d;
    line-height: 13px;
}

.previewPhDataV {
    color: #000;
    font-size: 13px;
    line-height: 16px;
}

.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 6px;
    padding: 4px 0 4px 0;
    color: #000;
    /*background: url(def/separator.gif) 0 100% repeat-x;*/
}

#authSerieMenu .tr1ser {
    font-size: 11px;
    clear: both;
    margin: 0 6px;
    padding: 4px 0 4px 0;
    color: #000;
    /*background: url(def/separator.gif) 0 100% repeat-x;*/
}

#authSerieMenu .tr0ser a,
#authSerieMenu .tr1ser a {
    display: block;
}

/* /auth serie */

/* css3 buttons */
.commButtons {
    float: left;
    display: none;
}

.commButtons span {
    display: block;
    float: left;
    padding-left: 6px;
    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: #757575;
    font-family: 'Roboto', calibri, sans-serif;
    font-size: 12px;
    font-weight: 400;

}


.commVotePopup {
    margin: 0 6px 0 2px;
    text-align: center;
    color: #757575;
    font-family: 'Roboto', calibri, sans-serif;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    top: -3px;

}




.commVoteNo {
    background-color: transparent;
}

.commVoteTxt {
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
}

.commButtons .buttonA,
.addBtn,
.themeBtn,
.saveBtn,
.regBtn {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    display: inline-block;
    height: 29px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    outline: 0;
}

.wideBtn {
    padding: 0 25px;
}

.loginDivBG {
    z-index: 300;
}


.LoginPopupButton, .LoginPopupButton:hover {
    border-radius: 3px;
    background-color: #648cb7;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    color: #fff;
    height: 27px;
    line-height: 28px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

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

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

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

.EXIFicon {
    font-size: 24px;
    left: -2px;
    margin-right: 0px;
}

.TAGicon {
    font-size: 22px;
    top: 6px;
    left: -2px;
    margin-right: 0px;
}

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

.PopupKeywords {
    font-size: 12px;
    display: inherit;
    line-height: 16px;
    margin-right:6px; 
}

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

.commButtons {
    padding-left: 25px;
    color: #05a800;
    border: solid 1px #ced8df;
    background: #fafafa url(def/like.png?v2) 0 0 no-repeat;
}


.replyBtnA {
    font-family: icomoon;
    font-size: 16px;
    color: #757575;
    text-decoration: none;
    margin: 0 3px;
}


.replyBtnApopup {
    font-family: icomoon;
    font-size: 18px;
    color: #757575;
    text-decoration: none;
    position: relative;
    top: 1px;
}




.quoteBtnApopup {
    font-family: icomoon2;
    font-size: 15px;
    color: #757575;
    text-decoration: none;
    margin: 0 6px;
}

span.replyBtnA {
    position: relative;
    top: 2px;
    color: #606060;
}

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



.intrestBtnA, .intrestBtnA a, .intrestBtnAVoted, .intrestBtnAVoted a {
    font-family: icomoon;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    top: 1px;
    right: -1px;
    color:#757575;
}

.intrestBtnApopup, .intrestBtnApopup a, .intrestBtnApopupVoted, .intrestBtnApopupVoted a {
    font-family: icomoon;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    top: -1px;
    right: -1px;
    color:#757575;
}

.intrestBtnAVoted, .intrestBtnAVoted a:hover, .intrestBtnAVoted a, .intrestBtnApopupVoted, .intrestBtnApopupVoted a:hover, .intrestBtnApopupVoted a {
    color: #ef1300;
}

.commButtons .replyBtnActionA {
    padding: 0 1px;
    font-weight: 300;
}

.addBtn,
.themeBtn,
.regBtn,
.saveBtn {
    color: #fff;
    background-color: #00a1d0;
}

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

.fineArtBtn {
    background: #e0e0e0;
    color: #757575;
    font-weight: 300;
    height: 29px;
    border: none;
    text-shadow: none;

}

.popBtn, .popBtn:hover {
    background: #696969;
}



.fineArtBtn:hover, .fineArtBtn:active, .fineArtBtn:focus {
    background: #a0a0a0;
    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: 999;
    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: 25px;

    width: 100px;
    height: 25px;
    padding: 0 8px 0 0;
}

.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: 11px;
    line-height: 24px;
    width: 191px;
    height: 24px;
    margin: 14px 0 0 0;
    padding: 0 0 0 5px;
    color: #444444;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -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 {
    color: #000;
}

#q:focus {
    color: #000;
}

#menuTbl #searchBtnS {
    line-height: 24px;
    width: 28px;
    height: 24px;
    margin: 14px 0 0 0;
    padding: 0;
    border: none;
    background: url(def/arr_user_menu.png?v2) -320px -56px no-repeat;
}

#menuTbl #searchBtnS:active {
    background-position: -350px -56px;
}

/* /search form */

/* forms layout */
.formDiv {
    width: 797px;
    margin: 0 auto 10px auto;
    padding-bottom: 20px;
    color: #4a4a4a;
    border: 1px solid #dcdcdc;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;

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

.formDiv input {
    font-size: 12px;
    line-height: 27px;
    margin-bottom: 4px;
    height: 27px;
}

.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: 212px;
    height: 26px;
    margin: 0 0 4px 0;
    padding: 0 5px;
    color: #000;
    border: 1px solid #bfbfbf;
}

#registerButton, #registerButton:hover {

    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
    float: right;
    width: 224px;
    border-bottom: 5px solid #960000;
    height: 26px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    color: #fff;
    background-color: #b90000;
    position: absolute;
    top: 188px;
    left: 27px;

        border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}


.formRight.LGN {
    padding: 0;
}

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


}

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

    height: 20px;
}

.formDiv select {
    font-size: 12px;

    height: 28px;
}

.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: 6px;
    color: black;
    /*border: 1px solid #d0dadc;*/
    background-color: #fff;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

.formLeft {
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;

    float: left;
    width: 240px;
    min-height: 31px;
    padding: 0 10px 0 0;
    text-align: right;
    white-space: nowrap;
    text-overflow: clip;
}

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

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

.formRow {
    display: block;
    min-height: 31px;

    background-color: transparent;
}

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

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

#resultMsg {
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    padding: 6px 10px;
    display: none;
    width: 700px;
    margin: 0 auto;
    text-align: center;

    color: #fff;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

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

/* /default messages */

/* my_series my_albums */
.serieName,
.albumName {
    line-height: 30px;

    float: left;
    overflow: hidden;
    width: 520px;
    height: 30px;
    white-space: nowrap;
    text-overflow: clip;
}

.serieName a,
.albumName a {
    padding-left: 2px;
}

.serieNameE,
.albumNameE {
    font-size: 12px;
    line-height: 30px;

    float: right;
    width: 120px;
    height: 30px;
    padding-right: 26px;
    text-align: right;
}

.serieNameE a,
.albumNameE a,
#editAllAlbumA,
#editAllSerieA {
    text-decoration: underline;
}

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

#allPhotos li,
.sortable li {
    float: left;
    width: 102px;
    height: 102px;
    margin: 2px;
    padding: 2px 0 0 0;
    cursor: move;
    text-align: center;

    border: 1px solid #dcdcdc;
    background: #f5f6f7;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

.allTitle,
.serieTitle,
.albumTitle {
    font-weight: 700;

    float: left;
    overflow: hidden;
    width: 108px;
    height: 40px;
    margin-right: 10px;
    padding: 3px 0;
    text-align: center;

    color: #000;
    border: 1px solid #a0a0a0;
    background: #eee;
}

.allTitle a,
.serieTitle a,
.albumTitle a {
    font-weight: 300;
    text-decoration: underline;
}

.allTitle {
    font-size: 14px;
    line-height: 20px;

    width: 324px;
}

.liDrag {
    font-size: 14px;
    display: block;
    height: 30px;
    margin: 3px 0;
    padding: 1px 4px;
    cursor: move;
    border: 1px solid #e2e2e2;
    background: #fff url(def/move.png?v2) 99% 8px no-repeat;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

.liDrag img:hover {
    cursor: move;
}

.sortable {
    float: left;
    width: 108px;
    min-height: 100px;
    margin: 0 10px 0 0;
    padding: 2px 0;

    list-style-type: none;
    border-right: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    border-left: 1px solid #b6b6b6;
    background: #fff;
}

/* /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: #fff;
    background: #6d6d6d;
}

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

.uploadUploadNote {
    font-size: 11px;
    padding: 2px 14px 18px 50px;
    color: #989898;
}

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

.myPortDivLHset,
.myPortDivRHset {
    float: left;
    width: 300px;
}

.myPortDivLHset {
    margin-left: -7px;
}

.myPortDivRHset {
    margin-left: 0;
}

.myPortDivLset,
.myPortDivRset {
    float: left;
    width: 300px;
    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: 14px;
    font-weight: 700;
    line-height: 24px;
    height: 24px;
    margin-bottom: 2px;
    color: #000;
}

input.loginInput, input.loginInput:focus {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #1d1d1d;
    border: none;
    outline: none;
    background-color: #efefef;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 31px;
}

.myPortDivL,
.myPortDivLH {
    margin-right: 40px;
}

.myPortDivRH,
.myPortDivLH,
.myPortDivH {
    margin-bottom: 10px;
}

.myPortDiv,
.myPortDivH {
    width: 766px;
}

.myPortInpLab,
.formInpLab {
    font-size: 10px;
    line-height: 15px;
    color: #424242;
}

.myPortInpLab {

    font-size: 11px;
}

.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: #252525;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    font-weight: 600;
}

.portInfo {
    color: #c43c35;
}

/* /portfolio */

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

/* /settings */

/* my_themes */
.formTbl .themeH {
    font: bold 17px/17px 'PT Sans Narrow', calibris, sans-serif;
    padding: 0 6px 2px 6px;

    color: #929292;
}

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

    color: #929292;
}

.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: 700 19px/24px 'Roboto', calibri, sans-serif;
    width: 360px;
    margin-bottom: 10px;
    color: #929292;
    border-bottom: 1px solid #e8e8e8;
}

.paymentR {
    clear: left;
    height: 26px;
}

.paymentR input {
    display: block;
    float: left;
}

.paymentMark {
    font: 100 12px/16px 'Roboto', calibri, sans-serif;
    width: 360px;
    margin: 10px 0;
    color: #929292;
    border-top: 1px solid #e8e8e8;
}

.paymentPrice {
    font: 700 19px/19px 'Roboto', calibri, sans-serif;
    display: block;
    float: left;
    width: 62px;
    padding-left: 4px;
    white-space: nowrap;
    text-overflow: clip;
    color: #c00;
}

.paymentPeriod {
    font: 700 16px/21px 'Roboto', calibri, sans-serif;
    display: block;
    float: left;
    width: 150px;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: clip;
    color: #929292;
}

.paymentSaved {
    font: 100 16px/21px 'Roboto', calibri, 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 {
  
   /* opacity: .65; */
   

}

#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 {
    position: relative;
    height: 455px;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 2%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.15) 65%, transparent 100%);


    background: -webkit-gradient(linear, left bottom, left top, color-stop(2%, rgba(0,0,0,0.75)), color-stop(40%, rgba(0,0,0,0.35)), color-stop(65%, rgba(0,0,0,0.15)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.75) 2%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.15) 65%, transparent 100%);
    
   /* background: -o-linear-gradient(bottom, rgba(0,0,0,0.35) 2%, rgba(0,0,0,0.25) 44%, rgba(0,0,0,0.15) 58%, transparent 100%); */
    border: none;
    margin-bottom: 0;
    padding-top: 0; 
}

#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 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 220px;
    width: 100%;
/*   
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
color: #e3e3e3;
*/
}

img.parallax-slider {
/*  
opacity: 0.8;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
*/

visibility:visible;

}

.authProfileNew {
    margin: 0px 20px -85px 20px; 
    position: relative;
    top: -115px;
    
    padding: 5px 0px 15px 0px; 
    border-radius: 4px; 
    overflow: hidden;
       
}

.authProfilMenu {

    margin: 8px 10px 7px 8px;
    height: 20px;
   /* border-bottom: 1px solid #dedede;  */
       background: #fff;
    display: inline-block;
    padding: 12px 0 10px 10px;
    border-radius: 24px;
    position: relative;
    z-index: 500;

    box-shadow: 0 0px 6px 0px rgba(0, 0, 0, .14);
        
}


.avatarCover {
    display: block;
    position: absolute;
    overflow: hidden;
    
    border-radius: 45%;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, .8);
    border: 3px solid rgba(255, 255, 255, .5);
}

.authCover {
    display: block;
    position: relative;
    /* left: 182px; */
    top: -214px;
    /* right: 0; */
    /* bottom: 0; */
    height: 215px;
}

.authNameCover img {

 /*
    position: relative;
    top:-3px;
*/

}


.authNameCover {

    overflow: hidden;
    /* float: left; */
    
    white-space: nowrap;
    max-width: 650px;
    font-size: 31px;
    line-height: 32px;
    text-align: center;
    min-height: 43px;
    color: #fefefe;
    margin: 0 auto;
    font-weight: 500;
    font-family: 'Fira Sans';
}

.authMoodCover {
  
    color: #f2f2f2;
    white-space: normal;
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
        height: 14px;
        font-family: Roboto;
    /*font-style: italic;*/
}

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

.authStatCoverWrap {
    padding-top: 11px;
}

.authStatCoverLogin:first-of-type {
    padding: 0 11px 0 0;
}


.authStatCoverLogin {
    float: left;
    border-right: 1px solid #ccc;
    padding: 0 11px;
    text-align: center;
}


.authStatCover {
    float: left;
    border-right: 1px solid rgba(204, 204, 204, 0.4);
    padding: 0 18px;
    text-align: left;
}

.authStatCover:first-of-type {
    padding: 0 18px 0 0;
}

.authStatVal {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #f0f0f0;
    text-align: center;
}


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

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

.authStatStr {
    padding-left: 1px;
    font-weight: 300;
    font-size: 11px;
    line-height: 10px;
    color: #d0d0d0;
    text-align: center;
}

.buttonCover {
    position: relative;
    width: 100%;
    clear: left;
    padding-top: 12px;
    text-align: center;
}

.portfolioBtn, .followBtn, .unfollowBtn {
    height: 32px;
    line-height: 34px;
    padding: 0 14px 0 38px;
    border: none;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    margin-right: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 22px;
    -khtml-border-radius: 3px;
}

.profileLink, .profileLink:hover {

    font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 19px;
margin-right:17px;
color: #000000;
cursor:pointer;
text-decoration: none;
}



.portfolioBtn {
    text-shadow: none;
    font-weight: 500;
}

.popupAddIcon {
    font-family: Icomoon;
    color: #fff;
    font-size: 18px;
    padding-right: 8px;
    position: relative;
    top: 4px;
}

.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:20px;
    color: #606060;
}

.autoTranslatePopup {
    font-size: 12px;
    color: #606060;
    top: -3px;
    position: relative;
    right: 20px;
}






.recPopupBtn {
    display: block;
    float: right;
    border: none;
    text-shadow: none;
    font-family: 'Roboto', 'Segoe Ui', arial, serif;
    font-size: 15px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    background: #00a1d0;
    padding: 0 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    white-space: nowrap;

    color: #fff;
}

.followBtn {
    background: #00a1d0 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: #00b5e4 url(def/cover_icons.png?v2) 11px 7px no-repeat;
}

.unfollowBtn {
    background: #a9a9a9 url(def/cover_icons.png?v2) 11px 7px no-repeat;
}

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

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

.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: PT Sans Narrow, serif;
}

#vertMenu.cover a, #vertMenu.cover p {
    font-size: 14px;
}

#authGotMenu .cover, #authGiveMenu .cover, #authSerieMenu .cover {
    font-size: 18px;
    color: #5d5d5d;
}

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

#authActivityLnk:hover {
    
}

#authActivityMenu {
    z-index: 100;
    position: absolute;
    top: 30px;
    right: 20px;
    border-radius:3px; 



    -webkit-box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .5);
    -khtml-box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .5);




}


.authProfMenu {

float:left;

}



#authActivityMenu a {
    z-index: 100;
    display: block;
   
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
        padding: 8px 18px 9px 13px;
    font-size: 14px;
    font-weight: 300;
    color: #292929;

    background-color: #fff;




}




#authActivityMenu a:last-of-type {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -khtml-bottom-right-border-radius: 3px;

    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -khtml-bottom-left-border-radius: 3px;
}

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

/* /cover */

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


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



.about_icon {
    font-family: "fontello", serif;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 20px;
    vertical-align: middle;
    margin-left: .2em;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    color: #aaa;
}

.commActionsMenu .about_icon, .about_icon_popup {
    margin-right: 0.5em;
}



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


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




.iconFullScreen {
    font-family: Icomoon2;
    font-size: 30px;
    color: #fff;
    position: relative;
    top: 10px;
    text-decoration: none;
}

.iconRating {
    font-family: Icomoon2;
    font-size: 19px;
    color: #9f9d9d;
    position: relative;
    top: 3px;
    margin-right: 6px;
    text-decoration: none;
}




.blogIconDate {
    font-family: Icomoon2;
    font-size: 15px;
    color: #a1a1a1;
    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;
}