/* ИНСТАГРАМ © nova*/

.post #instpost {
line-height: 16px;
margin-left: 80px;
}

.post #inst {
width:500px;
height:140px;
background:url(https://forumstatic.ru/files/001a/0d/86/73355.png);
}

.post #inst1 {
font-family: arial;
color: #000;
margin-left: 234px;
font-size: 12px;
width: 30px;
height: 15px;
}

.post #inst2 {
border: none;
border-radius: 30px;
width: 42px;
height: 42px;
margin-left: 10px;
margin-top: 60px;
overflow: hidden;
clear: both;
}

.post #inst2 img{
margin-top: 0px;
}

.post #inst3 {
font-family: arial;
color: #000;
margin-left: 64px;
margin-top: -58px;
font-size: 12px;
}

.post #inst4 {
font-family: arial;
color: #000;
margin-left: 64px;
margin-top: -18px;
font-size: 12px;
}

.post #inst5 {
margin-top: -23px;
width: 500px;
height: auto;
}

.post #inst5 img{
max-width: 500px;
min-width: 500px;
}

.post #inst5 iframe{
max-width: 500px;
min-width: 500px;
}

.post #inst6 {
width:500px;
height:207px;
margin-top: -23px;
background:url(https://forumstatic.ru/files/001a/0d/86/26552.png);
}

.post #inst7 {
font-family: arial;
color: #403e3e;
margin-left: 192px;
padding-top: 62px;
font-size: 16px;
}

.post #inst8 {
font-family: arial;
color: #000;
margin-left: 17px;
margin-top: -12px;
font-size: 14px;
width: 470px;
height: 67px;
overflow-y: auto;
}

.post #inst9 {
width: 500px;
height: 776px;
background: url(https://forumstatic.ru/files/001a/0d/86/57421.png);
line-height: 16px;
margin-left: 80px;
}

.post #inst10 {
font-family: arial;
color: #000;
margin-left: 100px;
font-size: 22px;
width: 300px;
text-align: center;
}

.post #inst11 {
border: none;
border-radius: 90px;
width: 100px;
height: 100px;
margin-left: 20px;
margin-top: 23px;
overflow: hidden;
}

.post #inst11 img{
margin-top: 0px;
}

.post #inst12 {
font-family: arial;
color: #000;
margin-left: 150px;
margin-top: -104px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst13 {
font-family: arial;
color: #000;
margin-left: 264px;
margin-top: -32px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst14 {
font-family: arial;
color: #000;
margin-left: 379px;
margin-top: -32px;
font-size: 19px;
width: 90px;
text-align: center;
}

.post #inst15 {
font-family: arial;
color: #000;
margin-left: 10px;
margin-top: 74px;
font-size: 17px;
}

.post #inst16 {
font-family: arial;
color: #000;
margin-left: 10px;
margin-top: -14px;
font-size: 12px;
}

.post #inst17 {
width: 500px;
max-height: 164px;
padding-top:152px;
clear: both;
white-space: nowrap;
}

.post #inst17 img{
margin-top: -2px;
max-width: 164px;
min-width: 164px;
min-height: 164px;
max-height: 164px;
object-fit: cover;
}

.post #inst17a {
width: 500px;
max-height: 164px;
margin-top: -13px;
clear: both;
white-space: nowrap;
}

.post #inst17a img{
margin-top: -2px;
max-width: 164px;
min-width: 164px;
min-height: 164px;
max-height: 164px;
object-fit: cover;
}

.post #inststory {
min-width: 500px;
min-height: 888px;
line-height: 16px;
margin-left: 80px;
}

.post #inst18 {
width: 500px;
height: 888px;
position: relative;
z-index: 1;
}

.post #inst18 img{
max-width: 500px;
min-width: 500px;
min-height: 888px;
max-height: 888px;
object-fit: cover;
}

.post #inst19 {
width: 500px;
height: 888px;
margin-top: -899px;
display: flex;
position: relative;
z-index: 2;
}

.post #inst20 {
border: none;
width: 60px;
height: 60px;
margin-left: 19px;
margin-top: -870px;
display: flex;
position: relative;
z-index: 2;
}

.post #inst20 img{
margin-top: 0px;
border-radius: 90px;
object-fit: cover;
}

.post #inst21 {
font-family: arial;
color: #fff;
margin-left: 90px;
font-size: 15px;
width: 300px;
margin-top: -70px;
position: relative;
z-index: 2;
}

.post #inst22 {
font-family: arial;
color: #fff;
margin-left: 90px;
font-size: 15px;
width: 100px;
margin-top: -12px;
position: relative;
z-index: 2;
}

.post #inst23 {
width: 250px;
height: 40px;
position: sticky;
margin-left: 120px;
margin-top: 670px;
position: relative;
z-index: 2;
}

.post #inst24 {
font-family: arial;
color: #fff;
margin-left: 155px;
margin-top: -40px;
width: 200px;
height: 20px;
font-size: 19px;
text-transform: uppercase;
text-align: center;
position: relative;
z-index: 2;
}

.post #inst25 {
margin-left: 360px;
margin-top: -690px;
height: 100px;
width: 100px;
position: relative;
z-index: 2;
}

.post #inst25 img{
max-width: 100px;
max-height: 100px;
}

.post #instnews {
line-height: 16px;
margin-left: 80px;
}

.post #inst26 {
width: 500px;
height: 259px;
background: url(https://forumstatic.ru/files/001a/0d/86/78928.png);
}

.post #inst27 {
margin-left: 16px;
margin-top: 56px;
overflow: hidden;
clear: both;
width: 463px;
height: 75px;
justify-content: space-between;
align-items: center;
display: flex;
}

.post #inst27 img{
border: none;
border-radius: 40px;
width: 67px;
height: 67px;
object-fit: cover;
}

.post #inst28 {
border: none;
border-radius: 30px;
width: 39px;
height: 39px;
margin-left: 12px;
margin-top: 30px;
overflow: hidden;
clear: both;
}

.post #inst28 img{
margin-top: 0px;
}

.post #inst29 {
font-family: arial;
color: #000;
margin-left: 60px;
margin-top: -54px;
font-size: 15px;
}

.post #inst30 {
font-family: arial;
color: #000;
margin-left: 60px;
margin-top: -16px;
font-size: 12px;
}

.post #inst31 {
margin-top: -23px;
width: 500px;
height: auto;
}

.post #inst31 img{
max-width: 500px;
min-width: 500px;
}

.post #inst31 iframe{
max-width: 500px;
min-width: 500px;
}

.post #inst32 {
width: 500px;
height: 53px;
margin-top: -23px;
background: url(https://forumstatic.ru/files/001a/0d/86/34983.png);
}


/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .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-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, #pun-navlinks .container, .punbb .main .container  { 
background-color: transpanent;
color: #111111;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {
background-color: #D9D9D9;
background-image: url(картинка); 
font-family: '123';
background-repeat : no-repeat;
background-position: bottom center; 
background-size:cover;
margin: 0;
padding-bottom: 100px;
}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(https://forumstatic.ru/files/001b/b3/c4/44193.svg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 336px;
width: 1100px;
margin-left: -125px;
}

/* CS1.4 Пан или "тело" форума */
#pun {
    background: url(http://forumstatic.ru/files/001b/b3/c4/39495.jpg) repeat-y;
    width: 1100px;
    margin: auto;
    margin-bottom: 100px;
    margin-top: 50px;
    background-repeat: repeat-y;
}


#pun-index .category tr {
background-color: transparent;
    box-shadow: 0 0px 0px 0 rgba(128, 128, 128, 0.16);
}

#pun-index .category table {
     border-spacing: 0px 5px;
}


/* CS1.5 Футер\копирай\низ */
#pun-about p.container {
margin-left: 431px;
    margin-top: 200px;
    position: absolute;
}

div#html-footer {
margin: -5px 0px 0px 0px;
}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Èêîíêà ñòàðûõ ñîîáùåíèé*/
.punbb table Div.icon {    float: right;
    display: block;
    border-style: none none none none;
    margin-top: 2px;
    margin-right: 2px;
    width: 24px;
    height: 24px;
    background: #76B0AE;
    background-repeat: no-repeat;
}

/* CS3.2 Èêîíêà íîâûõ */
TR.inew Div.icon {
    width: 24px;
    height: 24px;
    background: #e0c288;
    background-repeat: no-repeat;
}
/* CS3.3 Èêîíêà âàæíûõ*/
TR.isticky Div.icon {
width: 20px;
    height: 20px;
    background: #91782c6b;
background-repeat: no-repeat;
}

/* CS3.4 Èêîíêà çàêðûòûõ*/
TR.iclosed Div.icon {
width: 20px;
    height: 20px;
    background: #91782c6b;
background-repeat: no-repeat;
}


/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {background-color: #dbd8d8; color: #2b2b2b; 
 }



/* CS2 Ссылки */

/* CS2.1 */
.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: #535353;
  text-decoration: none;
}


/* CS4 Post status icons
-------------------------------------------------------------*/


/* Закругленные края цитаты и кода с тенью */

.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {
border-radius: 0px;
    border: 1px solid ##76b0ae;
}

/* размер шрифта в кодах внутри сообщений*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
font-size: 11px;}


/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #f3f3f3;
color: #3b3b3b;}


/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 0px; 
top: -60px}


/*Раскрашиваем кнопки-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 11px!important;
    background-color: #E0C288;
    color: #282828;
    text-transform: uppercase;
    border: none;
    padding: 7px 7px 7px 7px;
    font-family: '123' !important;
    font-weight: bold !important;
    box-shadow: 5px 5px #76b0ae;
    margin-right: 5px;
}

.button:hover {
    background-color: #76b0ae;
    color: #e0ded6;
    box-shadow: 5px 5px #E0C288;
}


/* CS5.6 Совсем другое */
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: left;}
#pun th, #pun-main h2 {text-align: left}
#pun-crumbs1 .container {text-align: left;}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}


/*убирает форум, тем, сообщений*/
.punbb thead {display:none;}
 .category .container thead {display: none;}

/*прокрутка*/
::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background-color: #76b0ae;
}
::-webkit-scrollbar-thumb {
    background-color: #ba9d43;

}




/* цвет ссылок в посте */
.punbb .post-content a {
    color: #8f7728;
}



.permalink {
color: #282828!important;
}

.sharelink {
color: #282828!important;
}

.processed {
background-color: #d5d5d5 !important;
}

.legend {
    display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.topic a.sharelink {
}

.postlink.long {
    width: 30em;
}

.punbb a:hover {
color: #ae9542;
}

#form-buttons table {
    width: 99%!important;
    table-layout: fixed;
    border-radius: 0px;
    padding: 5px;
}

.punbb .formal textarea {
       width: 93% !important;
    table-layout: fixed;
    border-radius: 0px;
    border: 2px solid #76B0AE;
    padding: 5px;
}

#profile-right li strong {
    padding-left: 2em;
    float: left;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 5px;
}

#pun-index .user-avatar {
            height: auto!important;
    width: auto;
    box-shadow: 3px 3px #e0c288;
    border-image-slice: 25%;
    border-image-width: 25px 25px;
    border-image-repeat: inherit;
    display: block;
}



.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    padding-left: 18px;
    color: #282828 !important;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    font-family: '345';
    text-shadow: 1px 1px #e0c288;
}

.punbb .code-box strong.legend a {
    display: block;
    padding-bottom: 0.7em;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    margin: 0;
    color: #ad9b64 !important;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.punbb .code-box strong.legend a:hover {
    color: #ae9542 !important;
}

div.post-rating a, div.post-vote a {
    font-size: 130% !important;
    text-decoration: none !important;
    float: right !important;
}

.reactions-root {
    padding: 0 5px;
    display: none !important;
}

.podf {
    padding: 0 7px 7px 7px;
}

#main-reply {
    width: 98% !important;
}

/* Меню */
.dropbtn {
    background-color: #e0c288;
    color: #282828;
    font-size: 0.9em!important;
    border: none;
    width: 100px;
    height: 40px;
    text-transform: uppercase;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: absolute;
    display: inline-block;
    margin-top: 296px;
    margin-left: 10px;
    z-index: 999;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #d9d9d9;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    margin-left: 0px;
    text-transform: uppercase;
    text-align: center;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #e0c288; color: #282828;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #76B0AE; color: #D9D9D9;}

/* Таблица */
.tab {
    margin-top: 180px;
    position: absolute;
    margin-left: 50px;
}

.activ {
    font-family: '345';
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
}

.activ1 {
    margin-top: -11px !important;
}

.ramka {
    border: 1px solid #e0c288 !important;
}

.epiz {
    margin-left: 20px !important;
}

.epiz1 {
    margin-left: 10px !important; 
    margin-top: 20px !important;
}

.epiz2 {
    font-family: '345';
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: -11px !important;
}

.otst {
    margin-left: 250px !important;
}

.nuzn {
    font-family: '345';
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: right;
}

.nuzn1 {
    margin-top: -11px !important;
}

/* Новости и баннеры */

.otstup {
    margin-top: -228px !important;
    margin-left: 10px !important;
}

.news {
    width: 420px;
    height: 77px;
    overflow: auto;
}

.banners {
    margin-left: 30px !important;
    height: 77px;
    overflow: auto;
}

.plashka {
    position: absolute;
    margin-top: 345px;
    height: 50px;
    display: flex;
}

.button_plashka {
    width: 130px;
    background: #76b0ae;
    color: #d9d9d9;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    margin-right: 15px;
    box-shadow: 3px 3px #e0c288;
    display: block;

}

.button_plashka1 {
    width: 130px;
    background: #e0c288;
    color: #282828;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    margin-right: 15px;
    box-shadow: 3px 3px #76b0ae;
    display: block;
}

#pun-announcement .container {
    padding: 1em 1em 1em 1em;
    margin: 10px 0 0 -10px;
width: 850px !important;
}