/*  ПРОЧЕЕ 
-------------------------------------------------------------*/

/* ЛИЧНЫЕ СТРАНИЦЫ от новочки*/

.ls {
    width: 900px;
    height: 540px;
    background: url(http://forumstatic.ru/files/001a/13/ce/77816.png);
    font-family: "Montserra";
    -webkit-text-size-adjust: none;
overflow: hidden;
}


.ls2 {
    width: 900px;
    height: 540px;
    background: url(http://forumstatic.ru/files/001a/13/ce/59365.png);
    font-family: "Montserra";
    -webkit-text-size-adjust: none;
overflow: hidden;
}

.ls a:hover, .ls2 a:hover  {
    background: none !important;
    text-shadow: 0 0 2px white;
}

.ls a, .ls2 a {
    color: white !important;
}

img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  position:absolute;
  text-align:left!important;
}

#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}

.my-tabs > img.close {
 float:right;
 margin:0 -35px 0 0!important;
 width:27px;
}

.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 width:940px!important;
 max-height:700px;  /*максимальная высота таблички*/
}

.my-tabs>span {
    cursor: pointer;
    position: absolute;
    z-index: 12;
    text-align: left;
    font-size: 0px;
    width: 72px;
    height: 72px;
    margin-top: 26px;
    margin-left: 32px !important;
    transition: all 0.5s;
}

.my-tabs>span:first-child{
 background: url(http://forumstatic.ru/files/001a/13/ce/29791.png);
}

.my-tabs>span:nth-child(2) {
    margin-top: 96px;
    background: url(http://forumstatic.ru/files/001a/13/ce/36178.png);
}

.my-tabs>span:nth-child(3) {
    margin-top: 168px;
    background: url(http://forumstatic.ru/files/001a/13/ce/77992.png);
}

.my-tabs>span:nth-child(4) {
    margin-top: 240px;
    background: url(http://forumstatic.ru/files/001a/13/ce/99307.png);
}

.my-tabs>span:nth-child(5) {
    margin-top: 312px;
    background: url(http://forumstatic.ru/files/001a/13/ce/20419.png);
}

.my-tabs>span:nth-child(6) {
    margin-top: 384px;
    background: url(http://forumstatic.ru/files/001a/13/ce/34745.png);
}

.my-tabs>span:nth-child(7) {
    margin-top: 456px;
    background: url(http://forumstatic.ru/files/001a/13/ce/53859.png);
}

.my-tabs>span.selected{filter: brightness(90%) contrast(1.3);}

.my-tabs>span:hover {
    filter: brightness(110%);
    transition: all 0.5s;
}

.my-tabs>span.selected:hover {
    filter: brightness(90%) contrast(1.6);
}

.my-tabs>.tab-a{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    vertical-align: middle;
}

.tab-a .post-content{
 text-align:left;
 display:inline-block;
}




/* 1 ВКЛАДКА */

.ls11{
    width: 551px;
    height: 22px;
    background: url(http://forumstatic.ru/files/001a/13/ce/75827.png);
    margin-top: 27px !important;
    margin-left: 309px !important;
}

.ls11, .ls12, .ls13, .ls14, .ls15, .ls16, .ls17, .ls18, .ls19, .ls110, .ls111, .ls112, .ls113, .ls114, .ls115, .ls116, .ls117, .ls118, .ls119 {
    transition: all 0.5s;
    position: absolute;
}

.ls11:hover, .ls12:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls12{
    width: 135px;
    height: 42px;
    background: url(http://forumstatic.ru/files/001a/13/ce/60352.png);
    margin-top: 440px !important;
    margin-left: 429px !important;
}

.ls13{
    margin-top: 30px !important;
    margin-left: 120px !important;
}

.ls13, .ls14, .ls15, .ls119 {
    background-color: #8b95bf;
    width: 60px;
    height: 18px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding-bottom: 2px;
}

.ls13:hover, .ls14:hover, .ls15:hover, .ls119:hover {
    background-color: #6d769a;
}

.ls14{
    margin-top: 30px !important;
    margin-left: 200px !important;
}

.ls15{
    margin-top: 470px !important;
    margin-left: 124px !important;
    width: 125px;
}

.ls16{
    margin-top: 78px !important;
    margin-left: 118px !important;
    border-radius: 100px;
    width: 120px;
    height: 120px;
    border: 4px solid #9da5ca;
    padding: 8px;
}

.ls16:hover {
    margin-top: 76px !important;
    margin-left: 116px !important;
    padding: 10px;
    transition: all 0.5s;
}

.ls16 img:hover {
    filter: grayscale(1);
    transition: all 0.5s;
}

.ls16 img {
    transition: all 0.5s;
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 100px;
}

.ls17{
    margin-top: 232px !important;
    margin-left: 100px !important;
    width: 174px;
    font-size: 22px;
    color: #6d769a;
    text-transform: uppercase;
}

.ls17:hover {
    transition: all 0.5s;
    transform: translate(0px, -7px);
}

.ls17 sup {
    font-size: 16px;
}

.ls17 sup:hover {
    transition: all 0.5s;
    color: #6d769a;
}

.ls17 a {
    color: #6d769a !important;
}

.ls17 a:hover {
    text-shadow: 0 0 2px #ecd8f6;
}

.ls18{width: 170px;height: 45px;font-size: 8px;overflow: hidden;text-align: justify;margin-top: 275px !important;margin-left: 100px !important;color: #9da5ca;}

.ls18:hover {
    color: #8c8c8c;
    transition: all 0.5s;
}

.ls19{
    height: 50px;
    width: 50px;
    background: url(http://forumstatic.ru/files/001a/13/ce/75161.png);
    margin-top: 358px !important;
    margin-left: 108px !important;
    border: 2px solid ##9da5ca;
    border-radius: 100px;
}

.ls19 img:hover {
    opacity: 0;
    transition: all 0.5s;
}

.ls19 img {
    border: 2px solid #9da5ca !important;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #f0f5f6;
    margin-left: -1px !important;
    transition: all 0.5s;
}

.ls110{
    margin-top: 369px !important;
    margin-left: 167px !important;
    text-transform: uppercase;
    font-size: 14px;
    height: 20px;
    width: 110px;
    overflow: auto;
    color: #6d769a;
}

.ls111{
    margin-top: 384px !important;
    margin-left: 168px !important;
    text-transform: lowercase;
    font-size: 10px;
    height: 20px;
    width: 110px;
    overflow: auto;
    color: #6d769a;
}

.ls110::-webkit-scrollbar, .ls111::-webkit-scrollbar {
width: 1px !important;
}

.ls112{
    background: url(http://forumstatic.ru/files/001a/13/ce/33995.png);
    width: 98px;
    height: 5px;
    margin-top: 401px !important;
    margin-left: 166px !important;
}

.ls112:hover {
    transition: all 0.5s;
    transform: translate(0px, 3px);
}

.ls113{
    margin-top: 93px !important;
    margin-left: 315px !important;
    background-color: #ddcebc40;
    border-radius: 20px;
    width: 367px;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ls113:hover {
    transition: all 0.5s;
    filter: grayscale(1);
}

.ls114{
    color: white;
    font-size: 9px;
    margin-top: 337px !important;
    margin-left: 340px !important;
    width: 266px;
    height: 46px;
    padding: 8px;
    text-align: justify;
    overflow: hidden;
}

.ls115{
    text-transform: uppercase;
    margin-top: 140px !important;
    margin-left: 750px !important;
    color: #6d769a;
}

.ls116{
    width: 162px;
    height: 52px;
    padding: 10px;
    overflow: hidden;
    font-size: 9px;
    color: white;
    background-color: #8b95bf;
    margin-left: 700px !important;
    margin-top: 159px !important;
}

.ls116:hover, .ls118:hover {
    transition: all 0.5s;
    background-color: #b2bbe2;
}

.ls117:hover {
    transition: all 0.5s;
    background-color: #b2bbe2;
}

.ls117{
    width: 162px;
    height: 52px;
    padding: 10px;
    overflow: hidden;
    font-size: 9px;
    color: white;
    background-color: #9da5ca;
    margin-left: 700px !important;
    margin-top: 231px !important;
}

.ls118{
    width: 162px;
    height: 52px;
    padding: 10px;
    overflow: hidden;
    font-size: 9px;
    color: white;
    background-color: #8b95bf;
    margin-left: 700px !important;
    margin-top: 303px !important;
}

.ls119{
    margin-top: 380px !important;
    margin-left: 740px !important;
    width: 100px;
}


/* 2 ВКЛАДКА */

.ls21{
    background: url(http://forumstatic.ru/files/001a/13/ce/97835.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls21:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls21, .ls22, .ls23, .ls24, .ls25, .ls26 {
    transition: all 0.5s;
    position: absolute;
}

.ls22{
    width: 640px;
    height: 230px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls23{
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    flex-wrap: wrap;
    width: 640px;
    height: 230px;
    overflow: auto;
    padding-right: 25px;
}

.ls23 img {
    margin-bottom: 20px !important;
    transition: all 0.5s;
}

.ls23 img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls24{
    width: 640px;
    height: 68px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 124px !important;
    margin-top: 382px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
overflow:visible;
}

.ls25{
    width: 640px;
    overflow: auto;
    padding-bottom: 4px;
}

.ls25r{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: fit-content;
    margin-top: 5px !important;
    }

.ls26{
    color: white;
    width: 17px;
    height: 17px;
    border-radius: 100px;
    background-color: #9da5ca;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 106px !important;
    margin-top: -4px !important;
}


.ls27, .ls28, .ls29, .ls210, .ls211, .ls212, .ls213, .ls214, .ls215, .ls216, .ls217, .ls218, .ls221, .ls219{
    width: 120px;
    height: 60px;
    filter: grayscale(1);
    transition: all 0.5s;
    margin-right: 50px !important;
}

.ls27s, .ls28s, .ls29s, .ls210s, .ls211s, .ls212s, .ls213s, .ls214s, .ls215s, .ls216s, .ls217s, .ls218s, .ls221s,  .ls219s{
    width: 120px;
    height: 60px;
    filter: none;
    transition: all 0.5s;
    margin-right: 50px !important;
}

.ls27s:hover, .ls28s:hover, .ls29s:hover, .ls210s:hover, .ls211s:hover, .ls212s:hover, .ls213s:hover, .ls214s:hover, .ls215s:hover, .ls216s:hover, .ls217s:hover, .ls218s:hover, .ls221s:hover,  .ls219s:hover {
    filter: brightness(105%);
    transition: all 0.5s;
}

.ls27:hover, .ls28:hover, .ls29:hover, .ls210:hover, .ls211:hover, .ls212:hover, .ls213:hover, .ls214:hover, .ls215:hover, .ls216:hover, .ls217:hover, .ls218:hover, .ls221:hover, .ls219:hover {
    filter: none;
}

.ls27, .ls27s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/76943.png);
}

.ls28, .ls28s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/90331.png);
}

.ls29, .ls29s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/92242.png);
}

.ls210, .ls210s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/76083.png);
}

.ls211, .ls211s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/71734.png);
}

.ls212, .ls212s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/72778.png);
}

.ls213, .ls213s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/98894.png);
}

.ls214, .ls214s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/11709.png);
}

.ls215, .ls215s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/14648.png);
}

.ls216, .ls216s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/40887.png);
}

.ls217, .ls217s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/95738.png);
}

.ls218, .ls218s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/78446.png);
}

.ls219, .ls219s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/38366.png);
}

.ls221, .ls221s{
    background: url(https://i.imgur.com/sVH6DAQ.png);
}



/* 3 ВКЛАДКА */

.ls31{
    background: url(http://forumstatic.ru/files/001a/13/ce/88967.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls31:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls31, .ls32, .ls33, .ls34, .ls35 {
    transition: all 0.5s;
    position: absolute;
}

.ls32{
    width: 640px;
    height: 230px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls33{
    width: 640px;
    height: 230px;
    overflow: auto;
    padding-right: 25px;
}

.ls33 img, .ls35r img {
    transition: all 0.5s;
}

.ls33 img:hover, .ls35r img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls34{
    width: 640px;
    height: 68px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 124px !important;
    margin-top: 382px !important;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow:visible;
}

.ls35{
    width: 640px;
    overflow: auto;
    padding-bottom: 4px;
}

.ls35r{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: fit-content;
    margin-top: 5px !important;
    }

.ls35r img {
    margin-right: 38px !important;
}

.ls36{width: 80px;height: 20px;display: flex;justify-content: center;align-items: center;color: white;background-color: #8b95bf;transform: rotate(90deg) translate(30px, 0px);transition: all 0.5s;margin-left: -30px !important;margin-right: -30px !important;}

.ls36:hover {
    transition: all 0.5s;
    background-color: #575f7d;
}

.ls37{display: flex;justify-content: space-between;align-items: self-start;border-bottom: 2px solid #8b95bf;padding-bottom: 5px;padding-top: 5px;margin-bottom: 35px !important;}



/* 4 ВКЛАДКА */


.ls41{
    background: url(http://forumstatic.ru/files/001a/13/ce/23255.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls41:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls41, .ls42, .ls43, .ls44, .ls45 {
    transition: all 0.5s;
    position: absolute;
}

.ls42{
    width: 440px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls43{
    width: 440px;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 25px;
}

.ls43 img, .ls45 img {
    transition: all 0.5s;
    margin-right: 30px !important;
    margin-left: 10px !important;
    margin-bottom: 20px !important;
}

.ls43 img:hover, .ls45 img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls44{
    width: 100px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 664px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow:visible;
}

.ls45{
    width: 100px;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 4px;
    padding-right: 20px;
}

.ls45 img {
    margin-left: 0px !important;
}

.ls46, .ls47{
    background-color: #8b95bf;
    height: 18px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding-bottom: 2px;
    transition: all 0.5s;
    position: absolute;
    z-index: 10;
}

.ls46{
    margin-top: 482px !important;
    margin-left: 300px !important;
    width: 135px;
    }

.ls47{
    margin-top: 482px !important;
    margin-left: 719px !important;
    width: 78px;
    }

.ls46:hover, .ls47:hover {
    background-color: #575f7d;
    transition: all 0.5s;
}

/* 5 ВКЛАДКА */


.ls51{
    background: url(http://forumstatic.ru/files/001a/13/ce/52597.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls51:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls51, .ls52, .ls53, .ls54, .ls55 {
    transition: all 0.5s;
    position: absolute;
}

.ls52{
    width: 640px;
    height: 230px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls53{
    width: 640px;
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 25px;
}

.ls53 img, .ls55r img {
    transition: all 0.5s;
}

.ls53 img:hover, .ls55r img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls54{
    width: 640px;
    height: 68px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 124px !important;
    margin-top: 382px !important;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow:visible;
}

.ls55{
    width: 640px;
    overflow: auto;
    padding-bottom: 4px;
}

.ls55r{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: fit-content;
    margin-top: 5px !important;
    }

.ls55r img {
    margin-right: 38px !important;
}
/* ОТКРЫТКИ (ЭТО ВАШ КУСОК КОДА) */

.tooltip2 {
  position: relative;
  margin-left: 20px !important;
}
.tooltip2 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 240px;
  top: -1250%;
  left: 10%;
  visibility: hidden;
  margin: 0 auto;
  padding: .3em;
  font-size: 90%;
  color: #a0bc00;
  line-height: normal;
  cursor: auto;
  z-index: 1600;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
 left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus { 
  outline: none;
}

.tooltip3 { 
  position: relative;
}
.tooltip3 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 240px;
    top: -600%;
    left: -50%; 
visibility: hidden;
  margin: 0 auto; 
  padding: .3em;
  font-size: 90%;
  color: #a0bc00;
  line-height: normal;
  cursor: auto;
  z-index: 1600;
}
.tooltip3 span: before{
  content: '';
  position: absolute;
 left: 0;
  right: 0;
  visibility: hidden;}
.tooltip3:hover > span,
.tooltip3:hover:before,
.tooltip3:hover:after,
.tooltip3:focus > span,
.tooltip3:focus:before,
.tooltip3:focus:after {
  visibility: visible;
}
.tooltip3:focus { 
  outline: none;
}

.overt {height: 172px!important;
width: 142px!important;
padding-top: 75px;
display: block; 
}

.overt1 {width:95%;
height: 95%;
font-size: 13px;
font-family: 'Neucha';
padding-left: 55px;
padding-top: 1px;
color: black;
font-weight: bold;
text-align: center;
overflow: auto;
}

.overt1::-webkit-scrollbar {  
width: 1px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.overt1::-webkit-scrollbar-track {  
background: #f6f8f8 top center;
border: 0px double #f6f8f8;}
.overt1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

/* КОНЕЦ ОТКРЫТОК */


.tooltip2 img {
    margin-bottom: 60px !important;
}


/* КОНЕЦ ОТКРЫТОК */


.tooltip2 img {
    margin-bottom: 60px !important;
}

/* 6 ВКЛАДКА */


.ls61{
    background: url(http://forumstatic.ru/files/001a/13/ce/54834.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls61:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls61, .ls62, .ls63, .ls64, .ls65 {
    transition: all 0.5s;
    position: absolute;
}

.ls62{
    width: 470px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls63{
    width: 460px;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 25px;
    margin-top: 5px !important;
}

.ls63 img, .ls65 img {
    transition: all 0.5s;
    margin-right: 20px !important;
    margin-left: 15px !important;
    margin-bottom: 40px !important;
}

.ls63 img:hover, .ls65 img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls64{
    width: 70px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #8b95bf;
    margin-left: 694px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow:visible;
}

.ls65{
    width: 70px;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 4px;
    padding-right: 20px;
    margin-left: -5px !important;
    margin-top: 5px !important;
}

.ls65 img {
    margin-left: 0px !important;
    margin-bottom: 45px !important;
}

.ls66, .ls67{
    background-color: #8b95bf;
    height: 18px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding-bottom: 2px;
    transition: all 0.5s;
    position: absolute;
    z-index: 10;
}

.ls66{
    margin-top: 482px !important;
    margin-left: 300px !important;
    width: 135px;
    }

.ls67{
    margin-top: 482px !important;
    margin-left: 730px !important;
    width: 78px;
    }

.ls66:hover, .ls67:hover {
    background-color: #575f7d;
    transition: all 0.5s;
}

/* ВСЕ ДЛЯ ПРОФИЛЯ */

/* репутация и сообщения */
.pa-posts {
display: inline-block;
    font-size: 8px;
    width: 53px;
    line-height: 13px;
    padding: 4px! important;
    text-transform: lowercase;
    background: #f7f7f5;
    margin-bottom: 8px !important;
    margin-top: 7px !important;
}

.pa-respect {
    display: inline-block;
    font-size: 8px;
    width: 53px;
    text-transform: lowercase;
    line-height: 13px;
    padding: 4px!important;
    margin-left: 0px !important;
    background: #f7f7f5;
    margin-bottom: 8px !important;
    margin-top: 7px !important;
}

.pa-fld1 {
    display: inline-block;
    line-height: 13px;
    padding: 4px !important;
    text-transform: lowercase;
    width: 53px;
    font-size: 8px;
    margin-left: 0px !important;
    background: #f7f7f5;
    margin-bottom: 8px !important;
    margin-top: 7px !important;
}



/* оформление профиля */
.punbb .post .post-author {
width: 245px!important;
padding-top: 7px;
padding-bottom: 20px;
margin-top: 5px !important;
margin-left: -16px;
margin-bottom: 30px;
 text-align: justify;
text-shadow: 0px 0px 3px 0px #ffffff;
 background: url("https://i.imgur.com/L8ipBxB.png") top no-repeat, 
url("https://i.imgur.com/WGEDMSM.png") bottom no-repeat, 
url('https://i.imgur.com/eCd4gRU.png') top center; repeat-y; }

.pa-avatar.item2 img {
max-width: 180px;
border: solid;
border-width: 2px;
border-color: #edece0;
    text-align: center;
margin-left: -0px !important;
margin-top: 0px !important;
border: 2px solid #edece0;
box-shadow: 0px 0px 0px #bfcde3;
}


/* ник автора */
.pa-author a, .pa-author {text-align: left;
font-family: 'Comfortaa';
   text-transform: lowercase;
  font-size: 15px!important;
  font-weight: bold!important;
  padding-top: 12px!important;
 margin-left: 5px;
color: #939393!important;
}



/* ВСЕ ДЛЯ ПРОФИЛЯ */



/* НАВИГАЦИЯ */

/* настройки навигации форума */
 div#pun-ulinks {
   text-transform: lowercase;
       position: absolute;
       font-size: 9px;
       font-family: 'Tahoma';
       margin-left: -10px;
       width: 952px;
       top: 145px;
       }

/* расстояние между ссылками  */
#ul.navlinks li {
margin-left: 50px !important;
}

/* настройки цветов в навигации */
#pun-navlinks a {
    color: #dccdb8;
  text-shadow: 0px 0px 0 #db9da1;
  text-decoration: none;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #db9da1;
  text-decoration: none;
  text-shadow: 0px 0px 0 #b68387;}

/* КОНЕЦ НАВИГАЦИИ */




/* CS1 Цвет текста, размер, шрифт и прочее 
-------------------------------------------------------------------------- */

/* CS1.3 всё ссылки форума */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #939393;
  text-decoration: none;}

.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #a09cb8;
  text-decoration: none; }

/* CS1.1 весь текст */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend 
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer 
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, 
#pun-title, #pun-title .container, .punbb .modmenu .container
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl
li#onlinelist, li#onlinelist div {
  background-color: transparent;
  color: #95969b;
  font-weight: normal;
  font-style: normal;
  }


/* CS1.2 цвет текста в цитатах */
.punbb .quote-box, .punbb .code-box {
  background-color: #fcfce5;
  color: #88888e;
  }


/* CS2 Контент форума и все изображение  
-------------------------------------------------------------------------- */
/* CS2.1 фон форума*/
body {
background: url(http://forumstatic.ru/files/001a/a5/f0/77445.png) repeat; /*общий фон*/
background-repeat: repeat;
background-attachment: fixed;
background-position: top center;
background-size: cover; 
overflow-x: hidden !important;
}

body {overflow-x: hidden}

/* CS2.2 тело форума */
#pun {
 background-color: #f9f9f9;
 background-image: url(http://forumstatic.ru/files/001a/13/ce/82064.png);
}

/* CS2.3 шапка форума */
#pun-title table {
background-image : url(http://forumstatic.ru/files/001a/a5/f0/19791.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 193px;
width: 1366px;
margin-left: -229.9px;}

/* CS2.4 низ форума */
 #pun-about p.container {
background-image: url(http://forumstatic.ru/files/001a/13/ce/67693.png);
    margin-left: -33.6px;
    margin-bottom: 50px;
    /* background-position: center top; */
    background-repeat: no-repeat;
    width: 972px;
    height: 90px;
    overflow-x: hidden;
}

 div#html-footer {
        margin: 0px 0px 0px 0px;}
 div#pun-about {
       margin-bottom:-90px;
}
 div#html-footer {
        margin: -70px 0px 0px 0px;}
 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS2.5 иконки форума */
/* старые сообщения*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
position:relative;
top:10px;
width: 86px;
height: 49px;
background-image : url("https://i.imgur.com/hsAjyHr.png");
background-repeat: no-repeat;}

/* новые сообщения */
TR.inew Div.icon {
background-image : url(https://i.imgur.com/lInjuQT.png);
background-repeat: no-repeat;
width:  86px;
height: 49px;}

/* важные темы*/
TR.isticky Div.icon {
background-image : url(https://i.imgur.com/lInjuQT.png);
background-repeat: no-repeat;
width: 86px;
height: 49px;}

/* закрытые темы*/
TR.iclosed Div.icon {
background-repeat: no-repeat;
width: 66px;
height: 49px;}

/* иконка статистики 24/7 */
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 65px;
padding-top: 20px;}


/* CS2.6 категории форума */
#pun-category1.category h2 {
background: url(https://i.imgur.com/uBPQVTA.png);
height: 20px;
width: 960px;
font-size:0 !important;
margin-left: -30px;}

#pun-category2.category h2 {
background: url(https://i.imgur.com/8olAiqC.png);
height: 20px;
width: 960px;
font-size:0 !important;
margin-left: -30px;}

#pun-category3.category h2 {
background: url(https://i.imgur.com/PenxONO.png);
height: 20px;
width: 960px;
font-size:0 !important;
margin-left: -30px;}

#pun-category4.category h2 {
background: url(https://i.imgur.com/w8fRNDN.png);
height: 20px;
width: 960px;
font-size:0 !important;
margin-left: -30px;}

#pun-category5.category h2 {
background: url(https://i.imgur.com/SE0KgUR.png);
height: 20px;
width: 960px;
font-size:0 !important;
margin-left: -30px;}

#pun-category6.category h2 {
background: url(https://i.imgur.com/w5N6VJo.png);
height: 20px;
width: 960px;
font-size:0 !important;
margin-left: -30px;}

#pun-category7.category h2 {
height: 60px;
width: 380px;
font-size:0 !important;
margin-left: -60px;}

/* последняя "категория" статистика форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 52px;
width: 295px;
font-size:0 !important;
margin-left: 300px;
background-color: transparent;
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* CS3 Прочие элементы форума 
-------------------------------------------------------------------------- */

/* форма ответа */
#post-form h2 {
width: 397px;
height: 12px;
margin-left: 250px;}
#post-form h2 span {
display: none;}


/* CS3.1 форма ответа и админка */
.punbb textarea, .punbb select, .punbb input {
  background-color: #fffefc;
border: 2px solid #edece0;
border-radius: 0px;
color: #717178}

/* CS3.2 реклама */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: -500px; 
top: -192px}

/* CS3.3 вся информация в профиле */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center; line-height: 1.1em; font-size: 10px}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

#pun #pun-main .pa-title {text-align: center;}
#pun #pun-main .pa-author {text-align: center; margin-left: -10px;}
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#pun-about.section .container .item1 {display: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  color: #85858c;
  }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #transparent;
  color: #transparent;
  text-align: left;
 }
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  color: #85858c;
  text-align: center;
  }
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color:transparent;
.punbb th {
  border-color: transparent;
  }
.punbb .quote-box, .punbb .code-box {
  border-color: #b6b5b8;
  }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
.punbb .divider {
  border-color: transparent;
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #b6b5b8
  }
li.pa-online {
  border-left-color: transparent;
.punbb .post-sig dt {
  border-top-color: transparent !important;
margin-left: 5px;
  }


/* CS4 прочие элементы 
--------------------------------------------------------------------------------- */



/* кнопки форума */
.button {
  height: auto;
   padding: 5px;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: .2em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 0px;
  background: rgb(245,245,245) linear-gradient(#fefef0, #fefef0);
  transition: all .218s ease 0s;
}

.button:hover, .button:active, .button:focus {
   color: #6d734e!important;
  border-radius: 20px;
}