/* шапка*/
#navpiar{padding-left:10px!important;}
#pun-title table {
background-image : url("https://i99.fastpic.ru/big/2018/0905/39/_3e57b61aed221d6d82dc893253441d39.jpg?noht=1");}

body {background-color: #94b74f;
background: url("https://i.imgur.com/oYHuZzg.png") repeat-x top center, 
url("https://i.imgur.com/vHDpKQo.png") repeat;}

#pun { background-image :  url("");
background-color : #7a9449;
background-position : center;}

.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 {background-color: transparent;
color: #000000;}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 0px; top: 100px
}

#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #000000;
font-style: normal;}

#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;}

.offline li.pa-online strong {
color: #000000;
font-weight: normal}

/*cтиль формата ответа*/
.punbb textarea {
border-radius: 15px;
border: 1px solid;
border-color: #a2b57e;
padding: 7px;
box-shadow: inset 0 0 4px #afc18d, 0 0 5px #f2f5eb;
background: #f2f5eb;
background: linear-gradient(#f2f5eb,#dde5ca);
}

/*стиль кнопок отправить, посмотреть*/
.punbb input {
border-radius: 19px;
border-top: 4px solid #a2b57e;
border-left: solid 2px #a2b57e;
border-right: solid 2px #a2b57e;
border-bottom: 4px solid #a2b57e;
padding: 7px;
background: #f2f5eb;
background: linear-gradient(#f2f5eb,#f2f5eb);
color: #374711;
margin-bottom: 5px;
}

/*стиль модерской кнопки*/
.punbb select {
border-radius: 7px;
border: 1px solid #a2b57e;
padding: 4px;
background: #f2f5eb;
box-shadow: inset 0 0 3px #afc18d;
font-size: 10px;
}

/* Закругленные края цитаты и кода с тенью */
#pun-main .quote-box, #pun-main .code-box 
{border: 1px solid #74923d;
padding: 10px;
background: #d6e4bc;
background: linear-gradient(#d6e4bc,#b0c97f);
}

/*стиль элементов над формой ответа*/
#font-area, #size-area, #smilies-area, #imageup-area, #imageattach-area, #addition-area {
overflow-y: auto;
max-height: 200px;
padding: 7px;
border: 1px solid #74923d;
padding: 10px;
background: #afc682;
background: linear-gradient(#bbd38d,#7e9f46);
color:#fff;
font-family: 'cuprum';
font-size: 12px;
}

/*фон к репутации*/
li#navawards {display: none;}
#pun-reputation div, #pun-popup_awards div {
background-color: #afc682;}

/* CS2 Border colours
-------------------------------------------------------------*/
/*цвет основных линков */
.punbb a, .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: #456012;
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 {
color: #940523; 
text-shadow: 1px 1px 0px #fefefe;
text-decoration: none;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #940523;
  text-decoration: none; }


/*убрать борды */
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}

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

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

#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 {
border-color: transparent;}

.punbb .divider {
border-color: transparent;}

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #b6c0f2;}

li.pa-online {
border-left-color: transparent;}

.punbb .post-sig dt {
border-top-color: transparent !important;}


/* CS3 Links
-------------------------------------------------------------*/
 /* Старое сообщение*/
.punbb table Div.icon {
    float: right;
    display: block;
    width: 53px;
    height: 60px;
    background-image: url(https://i.imgur.com/A4RPwin.png);
    background-repeat: no-repeat;
    margin: 19px 139px 0px 0px;
}

/* Новое сообщение*/
TR.inew Div.icon {
  background : url(https://i.imgur.com/yIdEMLN.png) no-repeat top center;
}
/* Важная тема*/
TR.isticky Div.icon {
  background: url(https://i.imgur.com/yIdEMLN.png) no-repeat top center;
}
/* Закрытая тема*/
TR.iclosed Div.icon {
  background: url(https://i.imgur.com/A4RPwin.png) no-repeat top center;
}


/* CS4 Something parts
-------------------------------------------------------------*/
#pun  .section {border-style: none; }


/* CS5 Post categorys
-------------------------------------------------------------*/
#pun-category2.category h2 {
background: url(https://i.imgur.com/GvSRdwg.png) no-repeat;
height: 120px;
width: 1024px;
margin-left: -50px;
padding:20px;}

#pun-category3.category h2 {
background: url(https://i.imgur.com/Ae04XWd.png) no-repeat;
height: 120px;
width: 1024px;
margin-left: -50px;
padding:20px;}

#pun-category4.category h2 {
background: url(https://i.imgur.com/kCNgKos.png) no-repeat;
height: 100px;
width: 1024px;
margin-left: -50px;
padding:20px;}

#pun-category5.category h2 {
background: url(https://i.imgur.com/wqMMs1J.png) no-repeat;
height: 100px;
width: 1024px;
margin-left: -50px;
padding:20px;}

/* CS5.2 Картинка с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 100px;
width: 1024px;
margin-left: -70px;
padding:20px;
font-size:0 !important;
background-color: transparent;
background-image: url("https://i.imgur.com/fteaIZy.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;}


/* CS7 Post status icons and other options
------------------------------------------------------------*/
/* Футеркоп */
#pun-about p.container {background-color: #;
background-image : url(https://i.imgur.com/AaLPURb.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 290px;
width: 1024px; 
margin-left: -62px;
text-align: center;
border-color: transparent;
}

div#pun-about {
margin-bottom: -50px;
}

/* 24 часа */
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("https://i.imgur.com/Bc8aFrk.png");
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 75px;
padding-top: 0px;}


/* CS8 Other
 -------------------------------------------------------------*/


/* =Hoverbox Code= */
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: #none; border-color: none; border-style: solid; border-width: 0px; color: inherit; padding: 1px; vertical-align: top; }
.hoverbox li { background: none; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: px; position: relative; }
.hoverbox li.text { background: none; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: #ffaf19; } 


/*линки*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
color:#fff;
background: none;
text-align: left;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
text-transform: uppercase; 
line-height: 30px; 
font-size: 11px; 
letter-spacing: 1px;
}

a.tvm:hover {
background : url("");
color:#192803;
background: none;
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 500;
text-transform: uppercase; 
font-size : 11px;
letter-spacing: 1px;
text-shadow: none; 
	}

tvmfon {
    font-family: 'Raleway', sans-serif; font-size : 11px; color:#74acff;
   }

/*линки в подфорумах*/
a.morc, a.morc:active, a.morc:link, a.morc:visited {
color:#fff;
background: #9597dd;
font-family: 'Roboto';
font-weight: normal;
font-size : 10px;
letter-spacing: 1px;
line-height: 20px; 
padding: 0px 6px 2px 6px; 
margin: 1px;
position: relative;
left: 42px;
}

a.morc:hover {
color : #fff!important;
 font-family: 'Roboto';
background : #9e8bce;
font-size : 10px;
	}


/*прокрутка*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background-color: #25370d;
    box-shadow: inset 0 0 2px #50611e;

}
::-webkit-scrollbar-thumb {
    background-color: #5c0109;
    border: 1px solid #5c0109;
    box-shadow: inset 0 0 2px #b33351;
}



/*стрелки */
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right: 35px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
text-align:center; /*выравнивание*/
font-size: 20px; /*размер стрелок*/
text-shadow:0 1px 2px #000, 0 0 10px #E0F1FF;
opacity: 1.0; /*прозрачность*/
padding:0 3px 5px 3px; /*отступы внутри*/
width: 35px; /*ширина кнопки*/
height: 25px; /*высота кнопки*/
}
.go-up {
bottom: 180px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom: 150px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}

/*стили при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}

/* team*/
.team {opacity: 0.0;
transition-duration: 0.6s; 
padding-top: 9px; width: 55px; height: 55px; font-size: 12px;
color: white;
text-align: center;} 
.team:hover { opacity: 0.95}

/* posts*/
.pa-posts {
width: 59px;
font-family: 'cuprum';
font-size: 11px;
line-height: 12px; 
letter-spacing: .5px; 
text-align: center;
text-transform: uppercase;
display: inline-block;
padding: 4px 2px 3px!important;
COLOR: #ffffff;
background: #88a059;
box-shadow: inset 0 0 12px 5px #526f1c;
border: 1px solid #3d5908;
}


/* rep*/
.pa-respect {
width: 71px;
font-size: 11px;
font-family: 'cuprum';
text-transform: uppercase;
text-align: center;
line-height: 12px;
letter-spacing: .5px; 
background: #be162f;
box-shadow: inset 0 0 12px 5px #8a0919;
border: 1px solid #6e0613;
display: inline-block;
padding: 3px 1px!important;
COLOR: #ffffff;
}

.pa-respect a, .pa-respect a:hover {
    color: #fff!important;
     text-shadow: none!important;
}

/* budget */
.pa-fld4 {
width: 57px;
font-family: 'cuprum';
font-size: 11px;
line-height: 12px;
letter-spacing: .5px; 
text-align: center;
text-transform: uppercase;
background: none;
display: inline-block;
padding: 4px 2px 3px!important;
COLOR: #ffffff;
background: #88a059;
box-shadow: inset 0 0 12px 5px #526f1c;
border: 1px solid #3d5908;
}


/*over av*/
.pa-fld1 {
color: #000;
font-size: 10px;}

.int { width: 180px;}
.hoverint { opacity: 0; width: 180px; height: 180px; position: absolute; overflow: hidden; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.hoverint:hover { opacity: 1; width: 180px; height: 180px; color: #fff;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.avname {width: 180px; height: 23px; padding: 13px 0px 9px; font-family: Oswald; font-size: 17px; letter-spacing: 0.4px; }
.avinfo { width: 158px; height: 85px; font-family: 'tahoma';  font-size: 10px; text-align:justify; line-height: 100%; letter-spacing: 0.5px; padding-bottom: 0px;}

.ic { padding: 10px; padding-left: 18px; width: 57px; height: 24px; text-align: right; letter-spacing: 1px; }
.ic1 { width: 46px; height: 25px; font-family: Oswald; font-size: 12px; text-align: right; letter-spacing: 0.8px; margin-top: 5px; line-height: 29px;}



/*instagram*/
.instagram a .bigram {
display: none;
}

.instagram a:hover .bigram {
position: absolute;
top: -202px;
left: -85px;
z-index: 999;
display: block;
}


/* код кнопки */
#button-record {background-image:url('http://funkyimg.com/i/VraT.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}

/* сокрытие зарегин */
#pun-stats li.item3{ 
display:none;
 }

/* убрать слова */
.punbb th { background: transparent;color: transparent;}

/*  the relationship */
.fearofsleep { width:580px; -webkit-box-shadow: 1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; -moz-box-shadow:1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; box-shadow:1px 1px 5px 0px#eee, -1px -1px 5px 0px #eee; }
.fearofsleep ::-webkit-scrollbar { background:#fff; width:3px; height:3px; }
.fearofsleep ::-webkit-scrollbar-thumb { background:#eee; width:3px }
.fearofsleep ::-webkit-scrollbar-corner { background:#fff; }
.fearofsleep .box { width:180px; height:180px; overflow:hidden; position:relative; background-color:#eee; }
.fearofsleep .headers { position:absolute; top:0px; left:0px; width:180px; height:170px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .headers h1 { position:absolute; width:170px; top:120px; left:5px; color:#fff; text-align:center; text-transform:uppercase; font-family:arial; font-weight:700; font-size:10px; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #fff; margin:0; }
.fearofsleep .white { position:absolute; top:-300px; width:180px; height:180px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .white .words { width:160px; height:160px; padding:10px; overflow:scroll; text-align:justify; font-size:10,5px; color:#222; line-height:100%; }

/*  SUPERCHART */
.SUPERCHART { width:570px; }
.SUPERCHART ::-webkit-scrollbar { background:#fff; width:3px; height:3px; }
.SUPERCHART ::-webkit-scrollbar-thumb { background:#eee; width:3px }
.SUPERCHART ::-webkit-scrollbar-corner { background:#fff; }
.SUPERCHART .box { width:500px; height:70px; overflow:hidden; position:relative; background-color:#eee; }
.SUPERCHART .headers { position:absolute; top:0px; left:0px; width:500px; height:60px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.SUPERCHART .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.SUPERCHART .white { position:absolute; top:-300px; width:500px; height:70px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.SUPERCHART .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
. .white .words { width:480px; height: 50px; padding:10px; overflow:scroll; text-align:center; font-size:10,5px; color:#222; line-height:100%; }

/*  flash */
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:350px;height:300px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#eee;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#222;}
.elle-info {box-sizing:border-box; background:#fff; width:350px; height:300px; position:absolute; top: 0px; left:0;padding:80px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:175px;height:300px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:175px;height:300px;background:#fff;border-left:3px solid #fff;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:135px;left:-32px; border-right:32px solid #fff; border-top:25px solid transparent;border-bottom:25px solid transparent;}
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:-7px;left:70px;right:0px;color:#000000;font:400 27pt/28pt 'Mrs Saint Delafield', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:20px;left:70px;right:40px;border-top:1px solid #003399; border-bottom:1px solid #003399; width:auto;padding:0 0 7px;color:#003399;font:200 34pt/25pt 'Six Caps', arial;}
.elle-tag {position:absolute; top:65px;left:205px;right:5px;width:auto;color:#000000;font:400 10pt/11pt 'Playfair Display', arial;letter-spacing:2px;text-transform:lowercase;}
.elle-scroll {margin-top: 70px; box-sizing:border-box; width:190px;height:200px;overflow:auto;padding:2px 10px;padding-right:5px;text-align:justify;color:#000;font:400 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}

.gold { position:absolute; width: 60px; height: 60px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  }



.bbar1 { float: left; width: 650px; height: 25px; background: #86807a; margin-top: 0px; text-align: left;} 
.bbarfill1 { float: left; font-size: 0px; text-align: left; margin: auto; height: 25px; background: #380474; } 
.bba1 { font-size: 20px; text-align: center; color: #380474; }