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


/* EDIT èêîíêè ôîðóìîâ */

.category #forum_f12 .wow-icon {left: -10px;}
.category #forum_f12 .tclcon {padding-left: 80px;}

.category #forum_f39 .tclcon {padding-left: 115px;}

.category #forum_f32 .tclcon {padding-left: 115px;}

/* *** */

.category #forum_f18 .wow-icon {left: -10px;}
.category #forum_f18 .tclcon {padding-left: 80px;}
.category #forum_f18 {
width: calc(50% - 42px);
margin-right: 16px;
}

.category #forum_f30 .wow-icon {left: -20px;}
.category #forum_f30 .tclcon {padding-left: 60px;}
.category #forum_f30 {
width: calc(50% - 42px);
}

.category #forum_f41 .tcr {margin-top: -10px;}
.category #forum_f41 .wow-icon {height: 36px;}
.category #forum_f41 .tclcon {padding-left: 46px;}
.category #forum_f41 {
margin-right: 16px;
width: calc(50% - 42px);
}

.category #forum_f3 .tcr {margin-top: -10px;}
.category #forum_f3 .wow-icon {height: 36px;}
.category #forum_f3 .tclcon {padding-left: 46px;}
.category #forum_f3 {
width: calc(50% - 42px);
}

.category #forum_f17 .tcr {margin-top: -10px;}
.category #forum_f17 .wow-icon {height: 65px;}
.category #forum_f17 .tclcon {padding-left: 80px;}
.category #forum_f17 {
margin-right: 16px;
width: calc(50% - 42px);
}

.category #forum_f5 .tcr {margin-top: -10px;}
.category #forum_f5 .wow-icon {height: 65px;}
.category #forum_f5 .tclcon {padding-left: 80px;}
.category #forum_f5 {
width: calc(50% - 42px);
}

.category #forum_f29 .tcr {margin-top: -10px;}
.category #forum_f29 .wow-icon {height: 36px;}
.category #forum_f29 .tclcon {padding-left: 46px;}
.category #forum_f29 {
width: calc(100% - 42px);
}

/* *** */

.category #forum_f4 .tclcon {padding-left: 110px;}
.category #forum_f4 {
margin-right: 16px;
width: calc(50% - 42px);
}

.category #forum_f1 .tclcon {padding-left: 110px;}
.category #forum_f1 {
width: calc(50% - 42px);
}

.category #forum_f38 .wow-icon {height: 90px;}
.category #forum_f38 .tclcon {padding-left: 100px;}
.category #forum_f38 {
margin-right: 16px;
width: calc(50% - 42px);
}

.category #forum_f27 .wow-icon {height: 70px;}
.category #forum_f27 .tclcon {padding-left: 80px;}
.category #forum_f27 {
width: calc(50% - 42px);
}

.category #forum_f9 .tcr {margin-top: -10px;}
.category #forum_f9 .wow-icon {height: 36px;}
.category #forum_f9 .tclcon {padding-left: 46px;}
.category #forum_f9 {
width: calc(100% - 42px);
}

/* *** */

.category #forum_f13 .tcr {margin-top: -10px;}
.category #forum_f13 .wow-icon {height: 36px;}
.category #forum_f13 .tclcon {padding-left: 46px;}
.category #forum_f13 {
margin-right: 16px;
width: calc(50% - 42px);
}

.category #forum_f36 .tcr {margin-top: -10px;}
.category #forum_f36 .wow-icon {height: 36px;}
.category #forum_f36 .tclcon {padding-left: 46px;}
.category #forum_f36 {
width: calc(50% - 42px);
}

.category #forum_f42 .tcr {margin-top: -10px;}
.category #forum_f42 .wow-icon {height: 36px;}
.category #forum_f42 .tclcon {padding-left: 46px;}
.category #forum_f42 {
margin-right: 16px;
width: calc(50% - 42px);
}

.category #forum_f21 .tcr {margin-top: -10px;}
.category #forum_f21 .wow-icon {height: 36px;}
.category #forum_f21 .tclcon {padding-left: 46px;}
.category #forum_f21 {
width: calc(50% - 42px);
}



/* Ñòðàíèöû */

#pun-pages #pun-crumbs1, 
#pun-pages #pun-crumbs2,
#pun-pages .pages h1,
#pun-pages .forum-link,
#pun-pages #u-panel .container,
#pun-pages #pun-navlinks,
#pun-pages #pun-ulinks,
#pun-pages .side-bar,
#pun-pages #ToTop,
#pun-pages #OnBottom,
#pun-pages #pun-about,
#pun-pages #disk {display: none !important;}

#pun-pages .site-nav,
#pun-pages #u-panel .site {display: block;}

#pun-pages a {text-decoration: none;color: #f4b03c;}
#pun-pages a:hover, #pun-pages a:focus, #pun-pages a:active {color: #ff8040;}
#pun-pages #u-panel a {color: #efefef;}
#pun-pages #u-panel a:hover, #pun-pages #u-panel a:focus, #pun-pages #u-panel a:active {color: #67b9ee;}
#pun-pages .main, #pun-pages .section {max-width: 100% !important;}

#pun-pages .inner,
#pun-pages .text {
max-width: 1250px;
margin: 0 auto;
width: 100%;
}

#pun-pages .inner, #u-panel .site {position: relative;}


#pun-pages #pun-announcement {
background: #0d0d0d url(http://forumstatic.ru/files/0012/ad/ab/21639.jpg) top center;
box-shadow: 0 0 10px rgba(0,0,0,.6);
background-size: auto 100%;
z-index: 150;
position: fixed;
width: 100%;
top: 0;
height: 50px;
margin: 0;
}
#pun-pages #pun-announcement .container {
max-width: 1250px;
margin: 0 auto;
width: 100%;
position: relative;
}
#u-panel .site {display: none;}
.site-nav {display: none; width: auto; position: absolute; left: 0;}
#pun-pages #u-panel {
background: transparent;
width: auto;
top: 0;
position: absolute;
left: auto;
right: 0;
height: 50px;
}

.site-nav a,
.punbb #u-panel .site#guest a {
background-image: -webkit-linear-gradient(top,#b6c6cc 0,#889095 38%,#cbdde1 60%,#f6feff 86%,#c7e9ff 100%);
color: #9ebacd;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 1em 1em;
font-weight: 700;
display: inline-block;
position: relative;
-webkit-transition: all .6s ease;
transition: all .6s ease;
text-transform: uppercase;
}
.site-nav a:hover,
.punbb #u-panel .site#guest a:hover {
background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);
color: #fff;
}
.punbb .site-nav li,
.punbb #u-panel .site#guest a {
line-height: 50px;
padding: 0 10px;
display: inline-block;
font-size: 16px;
}

#u-panel .site-head .u-ava,
#u-panel .site-head span {
display: inline-block;
line-height: 50px;
vertical-align: middle;
}
#u-panel .site-head .u-ava {
width: 40px;
height: 40px;
border-radius: 50%;
}
#u-panel .site-head span {
font-size: 16px;
font-weight: bold;
padding: 0 15px;
color: #fff;
}
#u-panel .site-head ul {
text-align: left;
position: absolute;
background-color: #141414;
padding: 15px;
opacity: 0;
display: none;
width: 200px;
z-index: 500;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
top: 50px;
right: 0;
}

#u-panel .site#guest {text-align: right;}
.punbb #u-panel .site#guest a {
display: inline-block;
padding: 0 10px;
}

#pun-pages #bottom .inner, #pun-pages #html-footer {padding-top: 0; margin-top: 0;}
#pun-pages .main .section {margin-bottom: 0;}
#pun-pages #bottom .inner {max-width: 100% !important;}
#pun-pages #botlsochial {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
background: rgba(255,255,255,0.09);
padding: 20px 0 10px;
}


#pun-pages h2,
.recruting2 .left h4 {
font-size: 28px; 
color: #fff; text-shadow: 0 0 1px transparent,0 0 5px rgba(0,0,0,.8);
margin-top: 0;
padding-top: 20px;
}

#pun-pages .text {
color: #fff;
text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-size: 18px; 
padding: 10px 15px;
margin-bottom: 30px;
}
.text2 {text-align: center;}
#pun-pages .text3 {
text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
color: #fff;
font-size: 16px; 
margin-bottom: 30px;
}

.punbb .list {display: block; margin-bottom: 10px;}


#pun-pages a.sitelink {
display: inline-block;
border: 1px solid #c3c3c3;
text-transform: uppercase;
color: #f5f5f5;
padding: 12px 30px;
background: rgba(0,0,0,.4);
font-size: 16px;
box-shadow: 1px 1px 0px #000,-1px -1px 0px #000,1px -1px 0px #000,-1px 1px 0px #000;
margin: 0 5px;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
#pun-pages a.sitelink:hover {
color: #fff;
background: #748183;
}

#pun-pages a.sitelink.red {
background: rgba(249, 64, 58, 0.2);
color: #f9403a;
border: 1px solid #f9403a;
}
#pun-pages a.sitelink.red:hover {
color: #fff;
background: rgba(249, 64, 58, 0.6);
}

.sitehr {
background: #000;
width: 100%;
border: none;
height: 4px;
}

.tab_container1 {
background: url(http://forumstatic.ru/files/0012/ad/ab/24194.jpg) repeat-y;
background-size: 100%;
}
.tab_container1 .tabs {
    border-top: 1px solid #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
    background-color: rgba(0,0,0,0.5);
text-align: center;
margin:0;
}

.tab_container1 .tabs li {
    display: inline-block;
    padding: 40px 0;
    font-size: 20px;
    font-weight: bold;
}
.tab_container1 .tabs li:hover,
.tab_container1 .tabs li.active {
cursor: pointer;
background: #748183;
}
#pun-pages .tab_container1 .tabs li:hover > a,
#pun-pages .tab_container1 .tabs li:focus > a,
#pun-pages .tab_container1 .tabs li:active > a,
#pun-pages .tab_container1 .tabs li.active a {color: #1b1b1b;}

.tab_container1 .tab_content {border-top: 4px solid #000; border-bottom: 4px solid #000; position: relative;}


/* ÃËÀÂÍÀß */
.index1 .vid-block {position: absolute; top: 0; width: 100%; overflow: hidden; height: 800px;}
.index1 .vid-block video {
    position: absolute;
    left: 0;
    width: 100%; 
    pointer-events: none;
border: none;
top: -30%;
height: 160%;
}

.index1 .overflow {position: relative; z-index:100; height: 699px; 
border-bottom: 1px solid rgba(255,255,255,.08);}

#pun-pages .index1 h2 {text-align: center; margin: 90px 10px 30px;font-size: 36px;}
#pun-pages .index1 .text {
background: rgba(0,0,0,0.7);
border-radius: 5px;
padding: 30px 20px;
}
#pun-pages .index1 a.sitelink {background: rgba(0,0,0,.7);font-size: 30px;}
#pun-pages .index1 a.sitelink:hover {background: #748183;}

.index2 {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
background: url(http://forumstatic.ru/files/0012/ad/ab/23161.jpg) no-repeat bottom center;
height: 340px;
}
.index2 .inner, .index3 .inner, .index4 .inner {padding-top: 40px;}
.index2 .text3 {width: 70%;}
.index2 .right {position: absolute;top: 70px;right: 0;}

.index3 {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
background: url(http://forumstatic.ru/files/0012/ad/ab/25920.jpg) no-repeat top left;
height: 330px;
}
.index3 .text3, .index3 h2, .index3 .inner {text-align: right;}
.index3 .text3 {width: 70%;float: right;}


.index4 {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
background: url(http://forumstatic.ru/files/0012/ad/ab/88678.jpg) no-repeat top right;
height: 330px;
}
#pun-pages .index4 .text3 {color: #f6cd93;}
#pun-pages .index3 .text3 {color: #aea78c;}
#pun-pages .index2 .text3 {color: #b7b7b7;}


/* ÐÅÊÐÓÒÈÍÃ */
.recruting1 {
background: url(http://forumstatic.ru/files/0012/ad/ab/48235.jpg) no-repeat top center;
background-size: 100%;
padding: 130px 0 90px;
}

.recruting1 .some_link {
display: inline-block;
width: calc(33% - 22px);
margin: 10px;
text-align: center;
height: 200px;
border: 1px solid rgba(0,0,0,0.5);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08),0 0 5px rgba(0,0,0,.8);
position: relative;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.recruting1 .some_link.pve {background: url(http://forumstatic.ru/files/0012/ad/ab/33550.jpg) no-repeat left bottom;background-size: 100% auto;}
.recruting1 .some_link.nub {background: url(http://forumstatic.ru/files/0012/ad/ab/89981.jpg) no-repeat -100px top;background-size: auto 100%;}
.recruting1 .some_link.rl {background: url(http://forumstatic.ru/files/0012/ad/ab/27244.jpg) no-repeat left top;background-size: auto 100%;}

.recruting1 .some_link .txt {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
position: absolute;
width: 100%;
bottom: 0;
background: rgba(0,0,0,0.6);
padding: 10px 0;
}
.recruting1 .some_link h3 {font-weight: bold; color: #fff;}
.recruting1 .some_link span {color: #fff;}

.recruting1 .some_link:hover {border: 1px solid #fff;}
.recruting1 .some_link:hover .txt {background: rgba(249, 64, 58, 0.7);}

.recruting2 .tab_container1 .tabs li {width: 33%;} 
.recruting2 .left {
display: inline-block;
width: calc(100% - 400px);
}
.recruting2 .right {
position: absolute;
width: 400px;
right: 0;
top: 0;
}
.recruting2 .left .txt {
border-right: 4px solid #000;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-size: 16px;
padding: 30px 160px;
min-height: 419px;
background: url(http://forumstatic.ru/files/0012/ad/ab/79769.jpg) no-repeat top center;
color: #fff;
}

.recruting2 .right .recr {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
text-align: center;
padding: 10px;
font-size: 18px;
color: #fff;
text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
}
.recruting2 .right .txt1, .recruting2 .right .txt2 {border-bottom: 4px solid #000;}
.recruting2 .left .text2 {padding-top: 20px;}

.recruting2 .right .recr.txt1 {background-image: url(http://forumstatic.ru/files/0012/ad/ab/88678.jpg); background-size: auto 100%;}
.recruting2 .right .recr.txt2 {background-image: url(http://forumstatic.ru/files/0012/ad/ab/28625.jpg); background-size: auto 100%;}

.recr h4 {font-size: 24px;}

.recruting2 #tab2, .recruting2 #tab3 {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.recruting2 #tab3 {
background-image: url("http://forumstatic.ru/files/0012/ad/ab/57089.jpg");
background-size: 100% auto;
}
#pun-pages .recruting2 .text {padding-top: 30px;}
.recruting2 #tab2 .text {color: #8a9398;}
.recruting2 #tab3 .text {color: #b1997f;}

.recruting3 {
background: url(http://forumstatic.ru/files/0012/ad/ab/27622.jpg) no-repeat top center;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
padding: 20px 0 40px;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.8);
background-size: auto 100%;
}
#pun-pages .recruting3 .inner {max-width: 950px;}
.recruting3 h2 {text-align: center;}
.recruting3 .left, .recruting3 .right {
display: inline-block;
padding: 0 15px 15px;
width: calc(50% - 35px);
vertical-align: top;
font-size: 15px;
}

.recruting4 {
background-image: url(http://forumstatic.ru/files/0012/ad/ab/50793.jpg);
background-size: auto 100%;
padding: 10px 0 40px;
}
#pun-pages .recruting4 .text {
    font-size: 15px;
    color: #b1997f;
background: rgba(0,0,0,0.5);
border-radius: 5px;
}
.recruting4 b {color: #f6cd93;}
.recruting4 h4 {color: #fff;}


/* Î ÃÈËÜÄÈÈ */
.guild1 {
    background-image: url(http://forumstatic.ru/files/0012/ad/ab/87416.jpg);
    background-position: top center;
    padding: 50px 0 40px;
    background-size: 100%;
    color: #ebdec2;
    font-size: 16px;
}
.guild1 h2 {text-align: center;}

.guild2 .tab_container1 .tabs li {width: calc(20% - 4px);} 

.guild3 {
    background-image: url(http://forumstatic.ru/files/0012/ad/ab/14414.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #120d0a;
    padding: 20px 0 60px;
    color: #b1997f;
    font-size: 15px;
}
.guild3 h2 {padding-bottom: 10px;}
.guild3 h4, .guild2 b {color: #fff;}
.guild3 b, .guild2 i {color: #f6cd93;}
span.y, span.r, span.g {font-size: 16px; font-weight: bold;}
span.y {color: #f4b03c;}
span.r {color: #f9403a;}
span.g {color: #2ce73f;}


.guild2 .tab_content {
padding: 40px 0; 
font-size: 15px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.guild2 .text4 {text-shadow: 0 0 1px #000, 0 0 5px #000;}

.guild2 #tab1 {background-image: url(http://forumstatic.ru/files/0012/ad/ab/47690.jpg); background-position: top center;}
.guild2 #tab1 .text4 {
    width: 55%;
    margin-left: 10%;
    color: #fff;
background: rgba(0,0,0,0.6);
padding: 10px 15px;
border-radius: 5px;
}

.guild2 #tab2 {
background-image: url(http://forumstatic.ru/files/0012/ad/ab/31521.jpg);
background-size: 160%;
color: #a2afb6;
}
.guild2 #tab2 .text4 {width: 60%; margin-left: 10%;}

.guild2 #tab3 {
background-image: url(http://forumstatic.ru/files/0012/ad/ab/90267.jpg);
background-size: 100%;
}
.guild2 #tab3 .text4, .guild2 #tab5 .text4 {max-width: 1250px; margin: 0 auto;}

.guild2 #tab4 {
background-image: url(http://forumstatic.ru/files/0012/ad/ab/18027.jpg);
background-size: 140%;
background-position: 0px top;
}
.guild2 #tab4 .text4 {
color: #ebdec2; width: 50%;
margin-left: 10%;
background: rgba(0,0,0,0.6);
padding: 10px 15px;
border-radius: 5px;
}

.guild2 #tab5 {
    background-image: url(http://forumstatic.ru/files/0012/ad/ab/10993.jpg);
    background-size: 100%;
}
.guild2 #tab5 .text4 {
background: rgba(0,0,0,0.6);
padding: 10px 15px;
border-radius: 5px;
}




/* Ìîáèëüíèêè */

@media screen and (max-width: 1600px) {

.guild2 #tab1 {background-size: auto 100%;}
.guild2 #tab5 {background-repeat: no-repeat; background-color: #141215;}

}


@media screen and (max-width: 1450px) {

#pun-pages .guild2 #tab4 {background-image: none;}
#pun-pages .guild2 #tab4 .text4, #pun-pages .guild2 #tab5 .text4, #pun-pages .guild2 #tab3 .text4 {width: auto; margin: 0 5%;}
#pun-pages .index4 .text3 {width: 70%;}
.index1 .vid-block video {width: 150% !important;}
#pun-pages {
float: inherit;
padding: 0;
margin: auto;
width: 100%;
}
.punbb {
float: right;
padding-right: 10px;
margin-left: 90px;
width: calc(100% - 100px);
}
.punbb #profile-left, .punbb #profile-right {width: 50%;}
.punbb img.avatardemo {
position: inherit !important;
right: auto !important;
float: none !important;
margin: 5px;
}

}

@media screen and (max-width: 1320px) {

#pun-pages .recruting2 .left h4, #pun-pages .recruting2 .left .text2 {padding: 0px;}
#pun-pages .recruting2 .left .txt {padding: 30px;}
#pun-pages .recruting1 .some_link.pve {background-size: 100% 100%;}
#pun-pages .guild2 #tab2 {background-image: none;}
#pun-pages .guild2 #tab1 .text4, #pun-pages .guild2 #tab2 .text4 {width: auto; margin: 0 5%;}
#pun-pages .index2 .mobdel, .recruting2 .mobdel {display: none;}
#pun-pages .inner, #pun-pages .text {max-width: inherit !important;width: calc(100% - 80px) !important;}
#pun-pages #bottom .inner {width: 100% !important;}
#pun-pages .index4 { 
height: 390px;
background-size: auto 100%;
}


}

@media screen and (max-width: 960px) {

.recruting2 .mobdel2 {display: none !important;}
.punbb .recruting1 {background-size: 100% 100%;}
.forum .tc2, .forum .tc3, .punbb .index1 .vid-block {display: none;}
.punbb .forum .tcl {width: calc(75% - 40px);}
.punbb .forum .tcr {width: 25%;}
#pun-searchtopics .forum .tcl {width: calc(75% - 40px) !important;}
.punbb .post h3 {max-width: 70%;}
.punbb #profile-left div img {max-width: 200px;max-height: 200px;border-radius: 50%;}

}


@media screen and (max-width: 850px) {

#pun-pages .recruting2 .right {position: inherit; width: auto;}
#pun-pages .recruting2 .left .txt {border-right: 0px solid #000;border-bottom: 4px solid #000;}
#pun-pages .recruting2 .left {width: 100%;}
#pun-pages .recruting2 .mobdel3 {display: none;}
#pun-pages .recruting1 {text-align: center;}
#pun-pages .guild2 .tab_container1 .tabs li, .recruting2 .tab_container1 .tabs li {font-size: 14px;}
#pun-pages .text3 {margin: 0 !important; padding-bottom: 30px;}
#pun-pages a.sitelink {margin-bottom: 20px !important;}
#pun-pages .index2, #pun-pages .index3 {height: 430px; background-size: auto 100%;}
.punbb .right-bar {position: relative;top: 60px;width: auto;}
.punbb .fondfor, .punbb #pun-status, .pagelink .ptxt, 
.punbb .indOnline, .punbb .indOffline, .punbb .post-img-Sp,
.forum .tcr, .post-sig,
.punbb .post h3 strong,
.punbb .post .post-author li.pa-respect,
.punbb .post-content thead,
.usertable thead,
#pun-online thead,
#pun-positive thead,
#pun-respect thead,
.punbb #statistic-other {display: none !important;}
#pun-index #pun-crumbs1 .container {margin-right: auto !important; margin-top: 50px;}
.punbb #pun-category1 tr {margin-right: auto !important;}
.punbb .category tr {width: calc(100% - 30px) !important;margin: 10px auto !important;}
.punbb .category tr .wow-icon {max-height: 30px; left: 0px !important;}
.punbb .category tr .tclcon {padding-left: 40px !important;}
.punbb .postlink a {display: inline-block;margin-bottom: 2px;}
.punbb .pagelink, .punbb .postlink {font-size: 16px;max-width: 40%;}
.punbb .post-author .pa-avatar img {width: 50px; height: 50px;}
.punbb .post-author .pa-author, .punbb .post-author .pa-title, .punbb .post-author .pa-fld2 {margin-left: 65px !important;}
.punbb .btn-links {left: 0 !important; top: 30px !important; z-index: 1;}
.punbb .post-author {min-height: 100px;}
.punbb .post-rating {top: 45px !important;}
.punbb .post-content table,
.usertable table,
#pun-online table,
#pun-positive table,
#pun-respect table {
border-collapse: collapse !important;
border-spacing: 0 !important;
}
.punbb .post-content tr,
.usertable tr,
#pun-online tr,
#pun-positive tr,
#pun-respect tr {
display:block;
background-color: rgba(156, 200, 246,.05);
border-bottom: 2px solid #141414;
padding: 5px 10px;
}
.punbb .post-content td,
.usertable td,
#pun-online td,
#pun-positive td,
#pun-respect td {
border: none !important;
background: transparent !important;
display: block;
padding: 0 !important;
}
.usertable td:nth-child(3):before {content: 'Ðåïóòàöèÿ: ';}
.usertable td:nth-child(4):before {content: 'Ñîîáùåíèé: ';}
.usertable td:nth-child(5):before {content: 'Çàðåãèñòðèðîâàí: '; }
.usertable td:last-child:before {content: 'Áûë: ';}
.punbb .post .post-author .pa-links ul {border: 1px solid rgba(255,255,255,.15);box-shadow: 0 0 2px #000;}

}


@media screen and (max-width: 770px) {

#pun-pages .recruting3 .left, #pun-pages .recruting3 .right {display: block; padding: 0 0 15px; width: 100%;}
.punbb .recruting2 .tab_container1 .tabs li {width: 32%;}
.punbb .recruting1 .some_link {width: calc(43% - 22px);}
#pun-pages .index3 .text3 {float: inherit;}
#pun-pages .index2 .text3 {width: auto; margin-bottom: 0; padding-bottom: 30px;}
#pun-pages .index2 {height: auto !important;}
#pun-pages .index3 {height: auto !important; background-position: right 0;background-size: auto 100%;}
#pun-pages .index4 {height: auto !important; background-position: 0 0;}
#pun-pages .index4 .inner {padding-bottom: 30px;}
#pun-pages .index4 .text3, #pun-pages .index3 .text3 {width: auto !important;}
.punbb #messages .pmtc33, #pun-pages .index2 .right {display: none;}
.punbb #messages .pmtcl1 {width: 70% !important;}

}


@media screen and (max-width: 700px) {
#pun-pages #u-panel {display: none !important;}
}

@media screen and (max-width: 650px) {

#pun-pages .tab_container1 .tabs li {display: block;padding: 20px 0;font-size: 18px !important;width: 100% !important;}
#pun-pages .index1 .overflow {height: auto; padding: 20px 0;}
#pun-pages .index1 h2 {margin: 0 !important;}
.punbb .forum .tcl,#pun-searchtopics .forum .tcl {width: auto !important; padding: 0 !important;}
.punbb .post-links {margin: 20px 0 0px;}
.punbb .post-vote {position: relative !important; bottom: auto !important; margin-top: 20px !important;}
.punbb #profile-left, .punbb #profile-right {display: block; width: 100% !important;}

}


@media screen and (max-width: 600px) {

.punbb .site-nav li {font-size: 14px !important;}
#pun-pages .recruting4 .text {width: calc(100% - 30px) !important;}
#pun-pages .recruting3 .text {padding: 0; margin: 0 0 15px; width: 100% !important;}
.punbb .recruting1 .some_link {width: calc(100% - 22px) !important;}
.punbb .category tr .wow-icon, .punbb .category tr .descr,
.punbb .post h3 a:before {display: none;}
.punbb .category tr .tclcon {padding-left: 0px !important;}
.punbb .f-links1, .punbb .f-links2 {margin: 5px 0px !important;display: block !important;left: 0 !important;}
.punbb .category h3 {margin-bottom: 10px;}
.punbb .category .tcr {margin-top: -15px;}

}

@media screen and (max-width: 540px) {


#pun-pages #pun-announcement .container {padding: 0;}
#pun-pages #pun-announcement div.container {overflow-x: inherit !important;}
#pun-pages {float: inherit !important; padding-left: 0px !important;}
#pun-pages .main, #pun-pages .section {margin: 0 !important; width: 100% !important;}
#pun-pages .index1 h2 {padding-bottom: 20px;}
#pun #pun-online .main .section {width: 100% !important;}
#pun #pun-online .tc3 {width: auto !important;}
.punbb .post .post-author .pa-links {left: 40px !important;}
.punbb #font-area, .punbb #size-area, .punbb #color-area, .punbb #table-area, .punbb #smilies-area, .punbb #image-area, .punbb #imageup-area, .punbb #imageattach-area, .punbb #keyboard-area, .punbb #video-area, .punbb #addition-area {top: 100px;}
.punbb .online .pa-author:after,
.punbb #u-panel,
.punbb #profile-right li.fldByGerda-del {display: none !important;}
.punbb {float: left !important; padding-left: 90px !important;} 
.punbb .main, .punbb .section {margin: 0px 10px 0px 0px; width: calc(100% - 100px);}
.punbb #html-footer.section {margin: 0 !important;}
#pun .punbb #pun-ulinks {
top: 120px !important; 
position: fixed !important;
background: url(http://forumstatic.ru/files/0006/9d/16/13742.jpg) no-repeat 0 -120px transparent !important;
width: 80px !important;
height: 60px !important;
box-shadow: none!important;
-webkit-box-shadow: none!important;
}
.punbb #pun-ulinks .container {
background-color: #141414 !important;
padding: 15px !important;
border-top: 1px solid #000 !important;
border-right: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
}
.punbb #pun-ulinks ul {
box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
top: 0px !important;
}
.punbb #pun-navlinks .container {
padding: 15px !important;
text-align: left !important;
line-height: 32px !important;
}
#pun .punbb #pun-navlinks .container li a,
#pun .punbb #pun-navlinks .container li a:hover {
width: auto !important;
height: auto !important;
background-image: none!important;
background-color: transparent!important;
box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
padding: 3px!important;
}
.punbb #pun-navlinks .container li a span {font-size: 16px !important;}
.punbb #pun-navlinks .container li {line-height: inherit !important;}
#pun #BookmCntToggle {top: 180px !important;}
#pun #disk {top: 255px !important;}
#pun .punbb h1, #pun .punbb h2, #pun .punbb h1 span, #pun .punbb h2 span {font-size: 18px !important;}
#pun .punbb .right-bar {top: 0 !important;}
#pun-announcement .container {padding-top: 60px;}
#pun .punbb tbody.hasicon td.tcl {padding-left: 0 !important;}
.punbb .category td.tcr {text-align: left !important;}
.punbb div.icon {display: block !important;}
.punbb .category td.tcl, .punbb .forum td.tcl {overflow: inherit;}
.punbb .right-bar .showbar  {position: relative;}
.punbb .closedatafield img, .punbb .stickytext img, .punbb .newPost img {height: 16px !important;}
.punbb #pun-crumbs1 .container {margin: 0px 10px 10px 0;}
.punbb .post h3 span {text-align: right !important;}
.punbb .post h3 span, 
.punbb .post-author {background-color: transparent !important; border: none !important;}
.punbb .pa-avatar {float: inherit !important; margin: auto !important;}
.punbb .post-author .pa-avatar img {position: relative !important;}
.punbb .formal .container, .punbb #profile .container {padding: 15px !important;}
.punbb textarea {padding: 10px !important;}
.punbb #profile-left div img {max-width: 200px !important;}
#pun #pun-profile h1 span {float: inherit !important;display: block;}
#viewprofile-next {margin-top: 10px;}
.punbb #profile-right li strong a {font-size: inherit !important;}
#pun .punbb #profile-right {padding-right: 0!important;}
.punbb img.avatardemo {max-width: 200px !important;max-height: 200px !important;}
.punbb #pun-stats ul.container,
#pun-messages #messages fieldset {padding: 10px 15px !important;}
.punbb #profile fieldset,
.punbb div.html-box {padding: 0 !important;}
#pun-messages .post-author .pa-avatar.item2 {position: relative;}


/* &&&&&&&&&&&&&&&&& */
#pun-pages .site-nav {background: #0d0d0d url(http://forumstatic.ru/files/0012/ad/ab/21639.jpg) 100%; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,.6);}


}

@media screen and (max-width: 480px) {

.punbb .pagelink, .punbb .linksb .postlink {max-width: 100%;float: inherit;}
.punbb .linkst .pagelink, .punbb .linksb .postlink {margin: 0 auto 10px;}
.punbb .subscribelink {top: 100px !important;}
#pun .punbb .post-rating .container:before {content:'' !important;}
.punbb .post h3 {display:none! important}
#pun .punbb .post-rating {top:15px !important}

}

@media screen and (max-width: 390px) {

html #pun #disk {display: none !important;}

html #pun .punbb .side-bar {height: 70px !important;width: 100% !important;}
html #pun .punbb #pun-announcement {top: 20px;}
html #pun #pun-pages #pun-announcement {top: 0px!important;}
html #pun .punbb #pun-navlinks {top: 0!important; left: 80px;}
html #pun .punbb #pun-ulinks {top: 0px !important;left: 160px;}
html #pun #BookmCntToggle {top: 0px !important; left: 240px !important;}
#pun #pun-navlinks .container, #pun #pun-ulinks .container {
left: -80px !important;
border-top: 0px solid #000 !important;
top: 70px !important;
}
#pun #MyBookmarks {left: 0px !important;top: 70px !important;}
#pun .go-up, #pun .go-down {display: none !important;}
#pun .punbb {padding-left: 0px !important;}
#pun .punbb .main, #pun .punbb .section {margin: 0px auto 0px !important; width: calc(100% - 20px) !important;}
#pun #pun-pages .main, #pun #pun-pages .section {width: 100% !important;}
#pun .punbb #pun-navlinks, #pun .punbb #pun-ulinks {width: 80px !important; margin: 0 !important; height: 70px!important;}
#pun .punbb .right-bar {z-index: 1 !important;}
#pun #pun-pages #pun-announcement {height: auto !important;}
#pun #pun-pages .inner, #pun #pun-pages .text {width: calc(100% - 40px) !important;}
#pun #pun-pages #bottom .inner {width: 100% !important;}
#pun #pun-pages .main {padding-top: 50px !important;}

}