��

mybb@mybb.ru (Onyx) — Sun, 25 Aug 2024 23:40:03 +0300
��:
/*************************************************************
������
**************************************************************/

/* ��� ��� ����
----------------------------------------------------------------------------------*/
#pun {
                       position: revert;
    border-radius: 42px;
    width: 1020px;
    margin: 237px auto 15px;
    background: #212020;
    padding-top: 10px;
}
/* ���������� �������� ������ ����
----------------------------------------------------------------------------------*/
.punbb {
    height: auto;
    margin-left: 36px;
    width: 982px;
   
}

/************************************************************
�����, ���, ����� � ��������� ������
**************************************************************/

/* ������ ���
----------------------------------------------------------------------------------*/
body {
        background: url(https://forumstatic.ru/files/001b/9a/ac/99573.png) fixed;
    background-color: #ffffff;
    background-attachment: fixed;
    background-size: cover;
}

/* �����
----------------------------------------------------------------------------------*/
         #pun-title table {
   background: url() rgba(0, 0, 0, 0);
    border: none;
    height: 243px;
    margin-left: -36px;
    margin-bottom: 7px;
    width: 1056px;
    margin-top: -257px;
    position: inherit;
}

/* �����
----------------------------------------------------------------------------------*/
#pun-about p.container {
        height: 144px;
    width: 1056px;
    margin-top: -10px;
    margin-left: -48px;
    position: absolute;
}

/* ������ ������� �������, ������� ����� � ������
----------------------------------------------------------------------------------*/
#pun-about .container .item1 {
    display: none;
}

#profilenav h2 {
    text-align: left !important;
}

/* ���� ���-�� ��������� � ��
----------------------------------------------------------------------------------*/
#pun-messages .pa-posts {
    display: none;
}


/* ����������� ������� ��� ��������
----------------------------------------------------------------------------------*/
#pun-post .pa-author {
    padding: 0px;
    margin-top: 20px;
    text-align: center;
    margin-left: 0px;
}

/* ������ �������, ��, EMAIL ��� �������� ������������ � ������ 
----------------------------------------------------------------------------------*/

.punbb .post-links ul {
   padding: 0px 26px 0px 0px;
    height: 2em;
    line-height: 2em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    margin-left: -124px;
    font-family: cuprum;
}

/* ����� � ����� �����
----------------------------------------------------------------------------------*/
.post h3 {
    height: 50px;
    margin: 5px 0px 5px -46px;
    border: none;
    text-transform: lowercase;
}


/* ������ ������ �� ������������
----------------------------------------------------------------------------------*/
.pa-author img {
    display: none;
}

/* ���� � ������
----------------------------------------------------------------------------------*/
.pa-ip {
    clear: both;
    width: 199px;
    font-size: 7px;
    color: rgb(95 103 116) !important;
}

/* ������ - ������� � ������
----------------------------------------------------------------------------------*/
.pa-online {
    height: 10px;
    margin-top: 5px !important;
    display: block;
    margin-bottom: 10px!important;
    text-transform: lowercase;
    font-size: 9px;
}


/* �� ���������� �������
----------------------------------------------------------------------------------*/
.pa-gifts { display: none; }

/*************************************************************
���� ������ � ������� �����
**************************************************************/

/* ���� ������ ����������� ��������� �� ������
----------------------------------------------------------------------------------*/
.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-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 {
                     border-color: transparent;
    color: #aea38b;
}
/* ���� ������ ������
----------------------------------------------------------------------------------*/
.punbb .post-box {
    color: #353535;
 }

/* ���� ��������� ������ (���� �������������, �������� � �.�.)
----------------------------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb, .linksb .pagelink {
       text-transform: lowercase;
    color: #b8b8b8;
    font-size: 12px;
    font-family: 'Playfair Display' !important;
}
/* ������� �����
----------------------------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 0px !important;}

/* ����� �����
----------------------------------------------------------------------------------*/
#pun .post h3 strong {
                    margin-left: 479px;
    margin-top: 4px;
    position: absolute;
    width: 204px;
    color: #c57163;
    font-size: 12px;
    font-family: 'Playfair Display';
    text-align: right !important;
}
h3 strong::before {
    content: "����";
    margin-right: 5px;
    font-size: 11px;
}

.post h3 strong:hover, h3 span a:hover, .pagelink:hover, .postlink span:hover, .post-links a:hover, #pun-viewtopic #mod-options:hover, #pun-viewforum .modmenu a:hover, #pun-messages .postlink .button:hover {
    letter-spacing: 1px;
     cursor: pointer;
    transition: all 0.5s;
}


/*************************************************************
���� ������
**************************************************************/

/* ���� ������ �� ������
----------------------------------------------------------------------------------*/
.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 {
                                border: none;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s ease-in-out 0s;
    box-shadow: none;
    color: #b37a7a;
    font-family: 'Playfair Display' !important;
    text-transform: lowercase;
}
/* ���� ������ �� ������ ��� ���������
----------------------------------------------------------------------------------*/
.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 {
   text-decoration: none;
    letter-spacing: 1px;
    border: none !important;
    color: #c6bba2b8;
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear;
}

/* �� ���������� �������������� � ������������� */
 .lastedit {display: none;}


/*************************************************************
��������
**************************************************************/

/* ��������
----------------------------------------------------------------------------------*/
#pun-index .tclcon {
    width: 420px;
    font-size: 11px;
    text-transform: lowercase;
    margin-left: 18px;
    
    background: none;
    font-family: owenpro;
    text-align: justify;
    margin-top: 5px;
}

#pun-index .category tr {
    width: 868px;
  
}

/* �������� ���������
----------------------------------------------------------------------------------*/
#pun-index .tclcon h3 a {
                   position: relative;
    font-style: initial;
    text-align: left;
    text-transform: lowercase;
    color: #c6bba2 !important;
    font-weight: bold;
    font-family: 'Chomsky', sans-serif !important;
    font-size: 32px;
    background-size: 199%;
    background-position-x: 0;
    transition: all .5s linear 0s !important;
    padding: 0 4px 0 7px;
}

#pun-index .tclcon h3 a:hover {
color: #c6bba2!important;
transition: all .5s linear 0s !important;
padding-right: 10px!important;
padding-left: 23px!important;
}

#pun-index .tclcon h3:first-letter, #pun-index .tclcon h3 a:first-letter {     color: #c56656!important;
}


/* ������ �������� ���������
----------------------------------------------------------------------------------*/
#pun-index .tclcon a {
   text-align: center;
    text-transform: uppercase;
    line-height: 5px;
    font-weight: 500;
}

/* ������ �� ��������� �������� ���� �� ������� ��������
----------------------------------------------------------------------------------*/
#pun-index .tcr a {
        font-size: 14px;
    font-weight: normal;
    font-family: 'Playfair Display' !important;
    text-transform: lowercase;
}

/* ���������� �����, ������� �������� ��������� �������� ���� �� �������
----------------------------------------------------------------------------------*/
#pun-index .tcr {
    width: 40%!important;
   text-align: right;
}


/* ���������� ��� � ��������� � ���������
----------------------------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
           width: 5%;
    font-family: 'Playfair Display' !important;
    font-weight: 700;
    font-size: 13px;
    color: #da7767;
}
/* ��������� ���������
----------------------------------------------------------------------------------*/

#pun-index .tcl {
    width: 35%;
    padding-right: 50px !important;
}

.for_links {
    text-align: right;
    position: absolute;
    width: 330px;
    margin: -1px -4px!important;
}

.for_links a { 
    text-transform: lowercase !important;
    font-size: 12px !important;
    border-radius: 0px;
    font-family: 'Playfair Display'!important;
    padding: 1px 5px 2px 5px !important;
    cursor: pointer !important;
    font-weight: 200 !important;
    color: #ffffff!important;
}

.for_links a:hover {
    color: #060606!important;
    letter-spacing: 0px;
    border-top: 1px solid #a77400!important;
    box-shadow: none!important;
    }  


/*************************************************************
��������� � ����������
**************************************************************/

/* ����������
----------------------------------------------------------------------------------*/
#pun-stats.section h2 {     
   display: block;
    width: 869px;
    height: 20px;
    margin: 0px 0px 0px 92px;
    border: none !important;
}
.section h2 span  {display: none;}
.category h2 span  {display: none;}

/* ��� ���������
----------------------------------------------------------------------------------*/
#pun-category1 h2,#pun-category2 h2,#pun-category3 h2, #pun-category4 h2, #pun-category5 h2, #pun-category6 h2, #pun-category7 h2, #pun-category8 h2 {
    display: none;
    width: 920px;
    height: 107px;
    margin-top: -50px;
    margin-left: -19px;
    border: none !important;
}

/*************************************************************
�������� � ���������������� ���������
**************************************************************/

/* ��������� � �������� ����������
----------------------------------------------------------------------------------*/
#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}

/* ���� ������ �������� ���������
----------------------------------------------------------------------------------*/
#pun-navlinks a {
    font-size: 0px !important;
    text-align: center;
    display: inline-block;
    padding: 0 !important;
}

/* ��������� ������������� ������
----------------------------------------------------------------------------------*/
#pun-navlinks .container {
        position: absolute;
    font-weight: normal;
    text-align: center;
    margin-top: -50px !important;
    width: 1005px !important;
    height: 20px !important;
    font-family: 'Arsenica';
    margin-left: 0px !important;
    letter-spacing: 11px;
    line-height: 19px;
}
/* ��������� ���������������� ������
----------------------------------------------------------------------------------*/
#pun-ulinks .container {
   position: absolute!important;
    text-align: center;
    border: none;
    margin: -28px 0px !important;
    text-transform: lowercase;
    width: 980px;
    letter-spacing: 11px;
    font-weight: 600;
}

/* �� ���������� ��� �������� � ���������������� �������
----------------------------------------------------------------------------------*/
#pun-ulinks .item5 { display: none; }

/* ���� ������ ���������������� ���������
----------------------------------------------------------------------------------*/
#pun-ulinks a {
                   font-size: 11px !important;
    font-weight: 100;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    font-family: 'Playfair Display';
    padding: 0px 16px 0px 4px !important;
    color: #cf8174;
}
/* ���� ������ ���������������� ��������� ��� ���������
----------------------------------------------------------------------------------*/
#pun-ulinks a:hover {
color: #d1be95;
}

/*************************************************************
���� ����������������� �� ������
**************************************************************/

/* ���� ����������������� �� ������ ������ � ����� ������� ���
----------------------------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    font-family: 'Playfair Display';
    font-weight: normal;
    width: 982px;
}

#pun-crumbs1 {  margin-top: 0px !important;}
#pun-crumbs2 {  margin-bottom: 10px !important;}

/* ������ � ����� ����������������� �� ������
----------------------------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {
            text-transform: lowercase;
    font-size: 11px;
    color: #b86b5e !important;
    font-weight: 600;
}

/*************************************************************
���� �����, ������-����, ����������� ���� 
**************************************************************

/* �������� �������������
----------------------------------------------------------------------------------*/
#pun-redirect {
padding: 14px;
margin-top: -140px!important;
margin-left: -20px!important;
background-color: #fff;
width: 100% !important;
}

/* ������� ��� ���� �������� �������������
----------------------------------------------------------------------------------*/
    #pun-redirect.punbb .info .container {
    width: 500px;
    height: 52px;
    margin: 5% 0% 0% 20%;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 50px;
    display:inline-block;
    text-transform: uppercase;
    background: #fff;
    color: #162b34;
    border: 10px solid #162b34;
}

#pun-redirect .main-title {
 margin: 0% 0% 0% 20%;
}

/* ��������� ���� �����/������
----------------------------------------------------------------------------------*/
.punbb textarea {
    background: #e2e2e2;
    color: #323232;
    border: none;
    border-radius: 0px 0px 20px 20px;
    padding: 18px 20px !important;
    width: 96% !important;
}
/* ���� ��� ����� (�������� ���� � ��)
----------------------------------------------------------------------------------*/
.punbb select, input {
      color: #d8796a;
    background: transparent;
    border: 1px solid rgb(159 90 79);
    padding: 3px !important;
    margin-left: 21px;
    border-radius: 17px;
    font-size: 11px !important;
    font-family: 'Playfair Display' !important;
}
/* �������� ������, ��� � ��
----------------------------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box { margin: 5px 1px 15px }

/* ������� ��� ������, ���� � ��
----------------------------------------------------------------------------------*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 10px 20px 25px 20px; 
    position: relative;    
    overflow: hidden;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {    
    padding: 15px 15px 7px 15px!important;
    border-radius: 20px;
    box-shadow: 0 0 0 1px inset #ececec, inset 0 0 20px 0px #fcfcfc, 0 0 2px 0px #2a2a2a;
}

/* ������� ������, ����
----------------------------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div {
        padding: 0px 0 0 10px;
    display: block;
    font-style: normal;
    text-transform: lowercase;
    font-family: 'Playfair Display' !important;
    letter-spacing: 0px;
    font-size: 13px;
    text-align: center;
    margin: -10px 7px 8px 6px;
    font-weight: bold;
    line-height: 200%;
}

.post-content .spoiler-box > div {
    background: no-repeat 10px !important;    
    margin-bottom: 0px;
}

.punbb .quote-box cite, .punbb .code-box strong.legend, .punbb .code-box strong.legend a, .post-content .spoiler-box > div {     color: #a7503e;
}
.post-content .spoiler-box > blockquote {
    padding-top: 0.4em!important; }


/* ��� (����������� ���)
----------------------------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre { font-size: 12px; }


/* ��� ������������ ���� ��� �������� ��������� � ������� 
(����� ��� ��� �� ����������)
-------------------------------------------------------------*/
.post_reputation {
    padding: 15px;
    background: rgb(245 241 253);
}

/* ���������� ���� �������, ������� ������ � ����� ������
----------------------------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
               padding: 10px 10px 10px 10px !important;
    color: #c05240;
    font-family: 'Playfair Display' !important;
    font-size: 12px;
    background: #f3f1f1;
    border: none;
    box-shadow: 0 0 0 1px inset #d48b7f, 0 0 0 1px #f4ecea66, 0 0 5px #f3f1f1;
}
/* ������ � ������ ����� ������, ���������
����� ��� �� ������������� �� �������� ������
----------------------------------------------------------------------------------*/
#font-area {height: 237px;
    overflow-y: auto;
    border-radius: 0px;
    text-align: left;
    width: 148px;}


/*************************************************************
������ ������ �����
**************************************************************/

/* ������ ������ ��������� �� ������� ��������
----------------------------------------------------------------------------------*/
#pun-index table Div.icon {
    height: 16px;
    width: 16px;
    margin: -54px -73px;
    display: block;
    position: absolute;
    z-index: 99;
    opacity: 1;
}

#pun-index table Div.icon::before {
    font-size: 76px;
    text-shadow: 1px 1px white;
    color: #b2bfe5;
}

/* ������ ����� �� ������� ��������
----------------------------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
         height: 16px;
    width: 16px;
    margin: -38px -35px;
    display: block;
    position: absolute;
    z-index: 99;
    opacity: 1;
}

#pun-index TR.inew Div.icon::before {
              content: "*";
    font-family: 'Chomsky', sans-serif;
    font-size: 76px;
    text-shadow: 1px 1px #f1e7d1;
    color: #c05240;
}
/* ������ ���-�� ������������� ���
----------------------------------------------------------------------------------*/
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #a77400!important;
    border-radius: 50px!important;
    color: #fff;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    height: 12px!important;
    width: 12px!important;
    line-height: 12px;
    margin: 0px 0px!important;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    text-align: center;
}

/* ������ ������ ������ ���������
----------------------------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    height: 14px;
    width: 14px;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: -8px;
    z-index: 99;
    opacity: 0.5;
}

#pun-viewforum table Div.icon::before, #pun-messages table Div.icon::before, #pun-searchtopics table Div.icon::before {
    content: "*";
    font-family: Myriad Pro;
    font-size: 36px;
    color: #ffffff;
}

/* ������ ����� ������ ���������
----------------------------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon 
{
    float: left;
    display: block;
    height: 14px;
    width: 14px;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: -8px;
    z-index: 99;
    opacity: 1;
}

#pun-viewforum TR.inew Div.icon::before, #pun-messages TR.inew Div.icon::before, #pun-searchtopics TR.inew Div.icon::before {
    content: "*";
    font-family: Myriad Pro;
    font-size: 36px;
    color: #d3762a;
}


/* ������ ������ ������ ���������
----------------------------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
   float: left;
    display: block;
    height: 14px;
    width: 14px;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: -8px;
    z-index: 99;
    opacity: 1;
}

#pun-viewforum TR.isticky Div.icon::before, #pun-messages TR.isticky Div.icon::before, #pun-searchtopics TR.isticky Div.icon::before {
    content: "*";
    font-family: Myriad Pro;
    font-size: 36px;
    color: #ffffff;
}

/* ������ �������� ������ ���������
----------------------------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon 
{
    float: left;
    display: block;
    height: 14px;
    width: 14px;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: -8px;
    z-index: 99;
    opacity: 1;
}

#pun-viewforum TR.iclosed Div.icon::before, #pun-messages TR.iclosed Div.icon::before, #pun-searchtopics TR.iclosed Div.icon::before {
    content: "*";
    font-family: Myriad Pro;
    font-size: 36px;
    color: #000000;
}

.closedatafield { display: none; }
.stickytext { display: none; }


/*************************************************************
������ ���������, ����������, ��������� 
**************************************************************/

/* ������ ��������� ����������
----------------------------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
                  text-transform: lowercase;
    transition: all 0.5s ease 0s;
    font-size: 12px !important;
    color: #e2e2e2 !important;
    border: none;
    background: #c05240;
    border-radius: 20px;
    font-family: 'Playfair Display' !important;
    font-weight: 500 !important;
    padding: 2px 7px 6px 7px !important;
    cursor: pointer !important;
}
/* ������ ��������� ���������� ��� ���������
----------------------------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
       color: #f7f7f8 !important;
    background: #c6bba2;
    border-radius: 20px;
    cursor: pointer!important;
}


/*************************************************************
���������, ���������, �����-����, ������� ���������� ������ 
**************************************************************/

/* ������� ��� ����������� ������
----------------------------------------------------------------------------------*/
::selection { background: #b1bee4;
    color: #ffffff;
}

/* ��������� ������
----------------------------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* ���������� ����� ���������
----------------------------------------------------------------------------------*/
::-webkit-scrollbar-thumb {
                      background: #ce6c5c;
}
/* �������� ���������
----------------------------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background: #e2e2e2;
}
/* ��������� ��� �������
----------------------------------------------------------------------------------*/
HTML, body {
    scrollbar-color: #c05240 #160d0c;
    scrollbar-width: thin;
}
/* ����� �� ������������ ��������� ������ �� �����������
----------------------------------------------------------------------------------*/
body {overflow-x: hidden}

/* ������ �����-����
----------------------------------------------------------------------------------*/

.go-up, .go-down {
    cursor: pointer;
    display: none;
    margin-left: 988px!important;
    position: fixed;
    opacity: 1;
    z-index: 9999;
    width: 12px;
    height: 91px;
    border-radius: 0 10px 10px 0;}

.go-up {top: 62%;} .go-down {bottom: 6%;} 

.go-up::before {
      content: "*";
    font-family: 'Chomsky', sans-serif;
    font-size: 76px;
    text-shadow: 1px 1px #c05240;
    color: #c6bba2;
}

.go-down::before {
        content: "*";
    font-family: 'Chomsky', sans-serif;
    font-size: 76px;
    text-shadow: 1px 1px #c6bba2;
    color: #c05240;
}
/*************************************************************
���������� �����
**************************************************************/


/* ����� � �����
-------------------------------------------------------------*/
.textik {
                           position: absolute;
    margin-left: 96px !important;
    color: #c05240;
    width: 800px;
    text-align: center;
    text-shadow: 0px 0px 5px var(--dlb);
    font-family: 'Chomsky', sans-serif;
    font-size: 97px;
    margin-top: 42px !important;
}
.textik span {
            font-style: italic;
    color: #c6bba2;
    text-shadow: 0px 0px 5px var(--dlb);
    -webkit-animation: flicker-2 2s linear infinite both;
    animation: flicker-2 2s linear infinite both;
}
.mood {
           position: absolute;
    margin-top: 18px !important;
    margin-left: 819px !important;
}


/* ��������
-------------------------------------------------------------*/
.heart {
                   color: #8f8dc0;
    position: absolute;
    text-align: center;
    margin-top: 55px !important;
    margin-left: 751px !important;
    font-size: 31px;
    text-shadow: 1px 1px 3px black;
    font-family: 'TaxTaxation', sans-serif;
    -webkit-animation: heartbeat 3s ease-in-out infinite both;
    animation: heartbeat 3s ease-in-out infinite both;
}

/*��������� ���������*/
#pun-index .tcl {
    width: 35%;
    padding-right: 30px !important;
}

#pun-index td div.tclcon {
                         background: #3f3f3f;
    width: 100%;
    font-family: playfair display !important;
    padding: 16px 16px 23px 14px;
    text-transform: lowercase;
    border-radius: 20px 20px 20px 20px;
    font-size: 9px;
    box-sizing: border-box;
    color: #9a9384;
}


.plinks {
    text-align: center;
    font-family: arial;
    font-weight: 700;
    word-spacing: 3px;
    background-color: #e9e9e9;
    margin: 6px 0px 0px 0 !important;
    padding: 0px 2px 2px 2px;}


/* 
-------------------------------------------------------------*/
.for_links {text-align: center}

.for_links a {                        border-radius: 23px;
    transition: all 0.5s ease 0s;
    text-transform: lowercase !important;
    font-size: 10px !important;
    background: #c56656;
    padding: 2px 14px 3px !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    color: rgb(241 241 241) !important;
}

.for_links a:hover {    background:color: #e58e80; !important}  


/* �����
-------------------------------------------------------------*/
.music {
    position: absolute;
    width: 260px;
    top: 153px;
    left: 586px;
}
.player-wrapper {height: 30px;width: 258px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}

.play-pause {width: 30px;
    height: 30px;
    padding: 0;
    margin: 0px 5px !important;
    background: #c05240;
    border: 2px solid #c05240;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.play-pause::before {
        content: '';
    display: inline-block;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 12px;
    border-color: transparent transparent transparent #ecddbd;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: double;
    border-width: 0px 0 0px 7px;
}

.play-pause.paused::before {
    content: '';
    display: inline-block;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 12px;
    border-color: transparent transparent transparent #e4d9c0;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 6px 0 6px 8px;
}

.track {
       height: 2px;
    background: #c6bba2;
    display: inline-block;
    margin-left: 10px !important;
    position: relative;
}

.track {
    width: calc(100% - 60px);
}

.thumb {
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    background: #c05240;
    border-radius: 50%;
    position: absolute;
}
test forum

�������

�������� ���������

��

��
